body {
    overflow-x: hidden;
}

h1 {
    margin:0;
    font-weight: normal;
    font-size: 2vw;
    text-align: center;
    color: navy;
    width: 24.8vw;
    height: 3vw;
    /* border-style: solid; */
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: rgb(193, 193, 199);
}

h2 {
    margin:0;
    font-size:medium;
    font-weight: 500;
}

:root {
    --scalefactor: 5vw;
}

/* Center the whole document */
.MainContainer {
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* Navigation grid */
.NaviGrid {
    display: grid;
    grid-template-columns: 6vw 0.1vw 56vw 25vw 12vw;
    grid-template-rows: calc(var(--scalefactor) + 1vw);
    /* box-shadow: 0px 17px 10px -10px #111; */
    border-bottom-style: solid;
    border-bottom-color: grey;
}

/* Company logo */
.logo {
    width: var(--scalefactor);
    height: var(--scalefactor);
    display: block;
    float: right;
    /* border-style: solid; */

}

.Spacer {
    width: auto;
}

/* Company Text trademark  */
.Trademark {
    width: calc(var(--scalefactor) * 3.5);
    height: calc(var(--scalefactor) * 3.5 * 0.311);
    display: block;
    float: left;
    /* border-style: solid; */

}

.DhelpDesk {

    display: grid;
    grid-template-columns: calc(var(--scalefactor) * 5);
    grid-template-rows: 3vw 3vw;
    border-radius: 5px;
    text-align: center;


}

.DHDLabel {
    background-color: rgb(15, 15, 77);
    height: 3vw;
    width: 15.2vw;
    border-radius: 5px;
    color: white;
    font-size: 1.5vw;
    padding-top: 0.5vw;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: relative;
    left: 9vw;
}

.DHDNum {
    background-color: white;
    height: 2.5vw;
    width: 15vw;
    border-style: solid;
    border-radius: 5px;
    border-color: rgb(15, 15, 77);
    border-width: 1px;
    color: rgb(15, 15, 77);
    font-size: 1.8vw;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: relative;
    left: 9vw;
}


.MhelpDesk {
    grid-column: 1 / span 3;
    display: none;
}



/* Menu options Layout in hamburger styling*/
.MenuGrid {
    display: grid;
    grid-template-columns: 12vw;
    grid-template-rows: 5vw 5vw 5vw 5vw 5vw 5vw 5vw;
    z-index: 100;
}

/* Menu links Styling*/
.MenuGrid a {
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    color: white;
    text-decoration: none;
    z-index: 100;
    background-color: rgb(15, 15, 77);
    opacity: 0.9;
    text-align: center;
    position: relative;
    left: -1vw;
    top: 1vw;
    padding-top: 2vw;
    display: none;
    z-index: 100;
    border-radius: 5px;

}

/* Hamburger menu button for mobile navigation */
.HamMenuBtn {
    width: var(--scalefactor);
    height: var(--scalefactor);
    position: relative;
    left: 5vw;
    background-color: white;
    border-style: none;
}

/* Hamburger menu image for mobile navigation*/
.HamMenuIcon {
    width: calc(var(--scalefactor) * 0.6);
    height: calc(var(--scalefactor) * 0.6);
}

/* Layout of home page */
.HomePageGrid {
    display: grid;
    grid-template-columns: 33vw 33vw 33vw;
    grid-template-rows: calc(100vh - 7vw);
}



/* Image slide show styling of home page */
.HomeSlideImg {
    /* width: 99vw; */

    position: relative;
    /* top:6vw; */
    transform: translate(calc((99vw - ((100vh - 7vw) / 0.667)) / 2), -100%);
    height: calc(100vh - 7vw);
    /* z-index: 1; */
    /* border-style: solid; */
}

.BHomeSlideImg {
    position: relative;
    left: 0vw;
    width: 99vw;
    height: calc(100vh - 7vw);
    /* opacity: 0.5; */
}

/* Page vreak between two section */
.SectionPad {
    display: block;
    width: 98vw;
    height: 2vw;
    /* border-style: solid; */
    text-align: center;
    font-size: 24px;
    color: indigo;
}

/* Layout for journey section */
.JouneyGrid {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}

/* Journey image styling */
.Jounery {
    width: 50vw;
    height: 150vh;
    display: block;
    margin: auto;
}

/* Layuout for "Course Offered" section */
.CourseGrid {
    display: grid;
    grid-template-columns: 4vw 25vw 4vw 0.1vw 4vw 25vw 4vw 0.1vw 4vw 25vw 4vw;
    grid-template-rows: 7vw 49vw;
    /* border-style: solid; */
}

/* Title styling of "Course Offered" section  */
.CourseTitle {
    grid-column: 1 / span 11;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 3vw;
    font-weight: 700;
    color: rgb(43, 42, 42);
    /* background-color:lightgray; */
    /* border-style: solid; */
    padding-top: 2vh;
}

/* Button styling of course cards  */
.CardBtn {
    font-size: 3vw;
    cursor: pointer;
    /* border-style: solid; */
    text-align: center;
    margin: auto;
}

/* Layout of course cards  */
.CardGrid {
    display: grid;
    grid-template-columns: 25vw;
    grid-template-rows: 3vw 18vw 3vw 20vw 3vw;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
}

.CourseName {
    width: 24.8vw;
    height: 3vw;
    /* border-style: solid; */
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 2vw;
    color: navy;
    background-color: rgb(193, 193, 199);

}

/* Images of course cards  */
.CourseImages {
    width: 24.8vw;
    height: 18vw;
    /* border-style: solid; */
}

.CourseDescibeGrid {
    display: grid;
    grid-template-rows: 10vw 10vw;
    grid-template-columns: 24.8vw;
    /* border-style: solid; */
}

/* Text below the images of course cards  */
.TCourseDescribe {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 24.8vw;
    text-align: center;
    height: 10vw;
    padding-top: 1vw;
    /* border-style: solid; */
}

.BCourseDescribe {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 24.8vw;
    text-align: center;
    height: 10vw;
    /* border-style: solid; */
}

.SkillSet {
    font-size: 1.5vw;
    color: navy;
    font-weight: bolder;
    padding-bottom: 4px;
    /* text-align: center; */
}

.SSDescrbe {
    font-family: 1.2vw;
    font-weight: 500;
}



.KBookClassBtn {

    height: 3vw;
    background-color: navy;
    /* margin: auto; */
    text-align: center;
    padding-top: 0.5vw;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.5vw;
}

.KBookClassBtn a {
    color: white;
    text-decoration: none;
}

.UBookClassBtn {
    height: 3vw;
    background-color: rgb(34, 33, 33);
    /* margin: auto; */
    text-align: center;
    padding-top: 0.5vw;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.5vw;
}

.UBookClassBtn a {
    color: white;
    text-decoration: none;
}

.PBookClassBtn {
    height: 3vw;
    background-color: red;
    /* margin: auto; */
    text-align: center;
    padding-top: 0.5vw;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.5vw;
}

.PBookClassBtn a {
    color: white;
    text-decoration: none;
}


/* Layout of "Contact Us" section */
.ContactGrid {
    display: grid;
    grid-template-columns: 99vw;
    grid-template-rows: 5vw 22vw;

}

/* Title of "Contact Us" section  */
.ContactUsTitle {
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 3vw;
    font-weight: 700;


}

/* Styling for "Company Intro" card of "Contact Us" Section  */
.CompanyIntro {
    display: grid;
    grid-template-columns: 98vw;
    grid-template-rows: 2vw 2vw 1vw 3vw 2vw 2vw 4vw;
    background-color: rgb(231, 231, 231);
    text-align: center;
    padding-top: 1vw;
    font-weight: 600;
    color: navy;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}



/* Styling for "Stakeholder" card of "Contact Us" Section  */
.addrLabel {
    font-size: 1.3vw;
    width: auto;
}

.addrVal {
    font-size: 1.3vw;
    width: auto;
}



.MobLabel {
    background-color: rgb(15, 15, 77);
    height: 3vw;
    width: 15.2vw;
    border-radius: 5px;
    color: white;
    font-size: 1.3vw;
    /* padding-top: 0.5vw; */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: relative;
    left: 41vw;
    text-align: center;

}

.MobVal {
    background-color: white;
    height: 2.5vw;
    width: 15vw;
    border-style: solid;
    border-radius: 5px;
    border-color: rgb(15, 15, 77);
    border-width: 1px;
    color: rgb(15, 15, 77);
    font-size: 1.4vw;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: relative;
    left: 41vw;
    text-align: center;
}

.WhatsappLabel {
    height: 3vw;
    width: 15.2vw;
    position: relative;
    left: 41vw;
    text-align: center;
}


.Disclaimer {
    font-size: 1vw;
    text-align: center;
    color: rgb(83, 81, 81);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-top: 1vw;
}


.FormContainer {
    background-image: url("Images/FormBack5.jpg");
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    width: 99vw;
    height: 85vh;
}

.WebAiFormContainer {
    background-image: url("Images/discovery.webp");
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    width: 99vw;
    height: 85vh;
}

Form {
    width: 31vw;
    display: grid;
    grid-template-columns: 10vw 20vw;
    grid-template-rows: 15vh 7vh 7vh 7vh 7vh 7vh;
    position: relative;
    left: 30vw;
    top: 5vh;
    grid-gap: 3vh;
    background-color: white;
    padding: 3vh 4vw
}

/* h2 {
    grid-column: 1/ span 2;
    font-size: 30px;
    width:32vw;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgb(9, 41, 9);
    font-stretch: narrower;
    text-shadow: 1px 1px 2px white, 0 0 1em blue, 0 0 0.2em rgb(248, 29, 237);
    border-color: rgb(0, 0, 0);
    border-width: 3px;
    border-style: dotted;
    box-shadow: 0 0 5px 2px rgb(0, 0, 0), 0 0 5px 4px blue, 0 0 5px 6px rgb(248, 29, 237);
    padding-bottom: 0.5vw;

} */



label {
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bolder;

}


.Undertaking {
    grid-column: 1/ span 2;
}

.FormSub {
    transform: scale(1.5);
    margin: auto;
    background-color: navy;
    color: oldlace;
}


/* ------------------------------------------------------------------------------------
                                    TABLET VIEW
   ------------------------------------------------------------------------------------*/

@media screen and (max-width:830px) {

    h1 {
        margin:0;
        font-weight: 800;
        font-size: 2vw;
        text-align: center;
        color: navy;
        width: 24.8vw;
        height: 3vw;
        /* border-style: solid; */
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        background-color: rgb(193, 193, 199);
    }
    
    h2 {
        margin:0;
        font-size:medium;
        font-weight: 500;
    }

    .NaviGrid {
        grid-template-columns: 16.8vw 2vw 66vw 0.2vw 15vw;
        grid-template-rows: calc((var(--scalefactor) * 3) + 3vw);
        border-bottom-style: solid;
        border-bottom-color: rgb(197, 194, 194);
        margin-bottom: 1vw;
    }

    .logo {
        width: calc(var(--scalefactor) * 3);
        height: calc(var(--scalefactor) * 3);
        display: block;
        float: right;
    }

    .Trademark {
        width: calc(var(--scalefactor) * 10);
        height: calc(var(--scalefactor) * 10 * 0.311);
        display: block;
        float: left;
    }

    .DhelpDesk {
        display: none;
    }

    .MhelpDesk {
        grid-template-columns: 98vw;
        grid-template-rows: 8vw 8vw;
        border-radius: 5px;
        text-align: center;
        display: block;
        position: relative;
        left: 1vw;
    }

    .MHDLabel {
        background-color: rgb(15, 15, 77);
        height: 8vw;
        width: 98vw;
        border-radius: 5px;
        color: white;
        font-size: 6vw;
        padding-top: 0.5vw;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

    .MHDNum {
        background-color: white;
        height: 8vw;
        width: 98vw;
        border-style: solid;
        border-radius: 5px;
        border-color: rgb(15, 15, 77);
        border-width: 1px;
        color: rgb(15, 15, 77);
        font-size: 6vw;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

    /* Menu options Layout in hamburger styling*/
    .MenuGrid {
        display: grid;
        grid-template-columns: calc(var(--scalefactor) * 6);
        grid-template-rows: 10vw 10vw 10vw 10vw 10vw 10vw 10vw;
    }

    /* Menu links Styling*/
    .MenuGrid a {
        position: relative;
        top: calc(calc((var(--scalefactor) * 3) + 3vw) - calc((((var(--scalefactor) * 3) + 3vw) - (var(--scalefactor) * 2)) / 2));
        left: calc((var(--scalefactor) * 3) * -1);
    }

    .HamMenuBtn {
        width: calc(var(--scalefactor) * 2);
        height: calc(var(--scalefactor) * 2);
        position: relative;
        left: 0vw;
        top: calc((((var(--scalefactor) * 3) + 3vw) - (var(--scalefactor) * 2)) / 2);
        background-color: white;
        border-style: none;

    }

    .HamMenuIcon {
        width: calc(var(--scalefactor) * 2);
        height: calc(var(--scalefactor) * 2);
    }


    .HomePageGrid {
        display: grid;
        grid-template-columns: 100vw;
        grid-template-rows: calc(100vw * 0.667);
        grid-gap: 1.5vh;
    }

    .HomeSlideImg {
        width: 100vw;
        height: calc(100vw * 0.667);
        position: relative;
        /* top:6vw; */
        transform: translate(0%, 0%);
        border-top-style: solid;
        border-top-color: rgb(197, 194, 194);

    }

    .BHomeSlideImg {
        display: none;
    }

    .Jounery {
        width: 98vw;
        height: 120vh;
        display: block;
        margin: auto;
    }

    .CourseGrid {
        display: grid;
        grid-template-columns: 10vw 80vw 10vw;
        grid-template-rows: 15vw 130vw 15vw 130vw 15vw 130vw;

        /* row-gap: 4vh; */
    }

    .CourseTitle {
        grid-column: 1 / span 3;
        font-size: calc(var(--scalefactor) * 1.5);
        text-align: center;
        /* padding-top: 5vh; */
    }

    .CardBtn {
        font-size: 8vw;
    }

    .CardGrid {

        grid-template-columns: 80vw;
        grid-template-rows: 10vw 48vw 10vw 52vw 10vw;
        /* border-style: none; */
    }

    .CourseName {
        width: 79.8vw;
        height: 10vw;
        /* border-style: solid; */
        text-align: center;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        font-size: 5.7vw;
        color: navy;
        background-color: rgb(193, 193, 199);
        padding-top: 1.3vh;

    }

    /* Images of course cards  */
    .CourseImages {
        width: 79.6vw;
        height: 48vw;
        /* border-style: solid; */
    }

    .CourseDescibeGrid {
        display: grid;
        grid-template-rows: 26vw 26vw;
        grid-template-columns: 80vw;
        /* border-style: solid; */
    }

    /* Text below the images of course cards  */
    .TCourseDescribe {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80vw;
        text-align: center;
        height: 26vw;
        padding-top: 1vw;

        /* border-style: solid; */
    }

    .BCourseDescribe {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80vw;
        text-align: center;
        height: 26vw;
        /* border-style: solid; */
    }

    .SkillSet {
        font-size: 4vw;
        color: navy;
        font-weight: bolder;
        padding-bottom: 4px;
        /* text-align: center; */
    }

    .SSDescrbe {
        font-size: 3.2vw;
        font-weight: 500;
    }


    .KBookClassBtn {

        height: 10vw;
        background-color: purple;
        /* margin: auto; */
        text-align: center;
        padding-top: 2vw;
        font-family: 'Times New Roman', Times, serif;
        font-size: 5vw;
    }

    .KBookClassBtn a {
        color: white;
        text-decoration: none;
    }

    .UBookClassBtn {
        height: 10vw;
        background-color: rgb(73, 117, 16);
        /* margin: auto; */
        text-align: center;
        padding-top: 2vw;
        font-family: 'Times New Roman', Times, serif;
        font-size: 5vw;
    }

    .UBookClassBtn a {
        color: white;
        text-decoration: none;
    }

    .PBookClassBtn {
        height: 10vw;
        background-color: red;
        /* margin: auto; */
        text-align: center;
        padding-top: 2vw;
        font-family: 'Times New Roman', Times, serif;
        font-size: 5vw;
    }

    .PBookClassBtn a {
        color: white;
        text-decoration: none;
    }

    .CardPad {
        grid-column: 1 / span 3;
        height: calc(var(--scalefactor) * 0.25);
        /* border-style: solid; */

    }

    .SectionPad {
        display: block;
        width: 99vw;
        height: calc(var(--scalefactor) * 2);
        text-align: center;
        font-size: 24px;
        color: indigo;
    }

    /* Layout of "Contact Us" section */
    .ContactGrid {
        display: grid;
        grid-template-columns: 99vw;
        grid-template-rows: calc(var(--scalefactor) * 2.4) calc(var(--scalefactor) * 13);
        position: relative;
        left: 1vw;

    }

    /* Title of "Contact Us" section  */
    .ContactUsTitle {
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: calc(var(--scalefactor) * 1.5);
        font-weight: 700;


    }

    /* Styling for "Company Intro" card of "Contact Us" Section  */
    .CompanyIntro {
        display: grid;
        grid-template-columns: 99vw;
        grid-template-rows: 5vw 5vw 2vw 10vw 8vw 8vw 20vw;
        background-color: rgb(231, 231, 231);
        text-align: center;
        padding-top: 1vw;
        font-weight: 600;
        color: navy;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    }

    /* Styling for "Stakeholder" card of "Contact Us" Section  */
    .addrLabel {
        font-size: calc(var(--scalefactor) * 0.8);
        width: auto;
    }

    .addrVal {
        font-size: calc(var(--scalefactor) * 0.8);
        width: auto;
    }


    .MobLabel {
        background-color: rgb(15, 15, 77);
        height: calc(var(--scalefactor) * 2);
        width: calc(var(--scalefactor) * 7);
        border-radius: 5px;
        color: white;
        font-size: calc(var(--scalefactor) * 0.8);
        /* padding-top: 0.5vw; */
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        position: relative;
        left: calc((99vw - (var(--scalefactor) * 7)) / 2);
        text-align: center;
        padding-top: 1vw;

    }


    .MobVal {
        background-color: white;
        height: calc(var(--scalefactor) * 1.5);
        width: calc(var(--scalefactor) * 7);
        border-style: solid;
        border-radius: 5px;
        border-color: rgb(15, 15, 77);
        border-width: 1px;
        color: rgb(15, 15, 77);
        font-size: calc(var(--scalefactor) * 0.8);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        position: relative;
        left: calc((99vw - (var(--scalefactor) * 7)) / 2);
        text-align: center;
    }

    .Disclaimer {
        font-size: 1vw;
        text-align: center;
        color: rgb(83, 81, 81);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding-top: 1vw;
    }


    .Disclaimer {
        font-size: 2.5vw;
        text-align: center;
        color: rgb(83, 81, 81);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding-top: 2vw;
    }

    Form {

        width: 98vw;
        display: grid;
        grid-template-columns: calc(var(--scalefactor) * 6) calc(var(--scalefactor) * 12);
        grid-template-rows: calc(var(--scalefactor) * 6) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3);
        grid-gap: var(--scalefactor);
        position: relative;
        left: 0vw;
        top: 2vh;
    }
/* 
    h2 {
        grid-column: 1/ span 2;
        text-align: center;
        font-size: 7vw;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding-bottom: 2vw;
        width:98vw;


    } */

    label {
        font-size: 4vw;
        width: calc(var(--scalefactor) * 5.8);
    }

    input {
        font-size: calc(var(--scalefactor) * 0.8);
    }

    select {
        font-size: calc(var(--scalefactor) * 0.8);
    }





    input.LaptopChk {
        transform: scale(3);
        -webkit-transform: scale(3);
        -o-transform: scale(3);
    }

    .FormSub {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
    }
}

/* ------------------------------------------------------------------------------------
                                    MOBILE VIEW
   ------------------------------------------------------------------------------------*/
@media screen and (max-width:500px) {

    h1 {
        margin:0;
        font-weight: 800vw;
        font-size: 5.8vw;
        color: navy;
        width: 79.4vw;
        height: 8vw;
        /* border-style: solid; */
        text-align: center;
        
        /* border-style: solid; */
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        background-color: rgb(193, 193, 199);
    }
    
    h2 {
        margin:0;
        font-size:medium;
        font-weight: 500;
    }

    .NaviGrid {
        grid-template-columns: 17vw 2vw 66vw 15vw;
        grid-template-rows: calc((var(--scalefactor) * 3) + 3vw);
        border-bottom-style: solid;
        border-bottom-color: rgb(197, 194, 194);
    }

    .MenuGrid {
        display: grid;
        grid-template-columns: calc(var(--scalefactor) * 6);
        grid-template-rows: 14vw 12vw 12vw 12vw 12vw 12vw 12vw;
    }

    /* Menu links Styling*/
    .MenuGrid a {
        position: relative;
        padding-top: 1vw;
        left: -16vw;

    }

    /* Company logo */
    .logo {
        width: calc(var(--scalefactor) * 3);
        height: calc(var(--scalefactor) * 3);
        display: block;
        float: right;
        /* border-style: solid; */

    }

    .Spacer {
        width: auto;
    }

    /* Company Text trademark  */
    .Trademark {
        width: calc(var(--scalefactor) * 10);
        height: calc(var(--scalefactor) * 10 * 0.311);
        display: block;
        float: left;
        /* border-style: solid; */

    }


    /* Hamburger menu button for mobile navigation */
    .HamMenuBtn {
        width: calc(var(--scalefactor) * 2);
        height: calc(var(--scalefactor) * 2);
        position: relative;
        left: 0vw;
        top: 1vh;
        background-color: white;
        border-style: none;


    }

    /* Hamburger menu image for mobile navigation*/
    .HamMenuIcon {
        width: calc(var(--scalefactor) * 2);
        height: calc(var(--scalefactor) * 2);
    }

    .HomePageGrid {
        display: grid;
        grid-template-columns: 100vw;
        grid-template-rows: calc(100vw * 0.667);
        grid-gap: 1.5vh;
    }

    .HomeSlideImg {
        width: 100vw;
        height: calc(100vw * 0.667);
        position: relative;
        /* top:6vw; */
        transform: translate(0%, 0%);

    }

    .BHomeSlideImg {
        display: none;
    }

    .SectionPad {
        display: block;
        width: 98vw;
        height: 5vh;
    }

    .Jounery {
        width: 98vw;
        height: 90vh;
    }

    .CourseGrid {
        display: grid;
        grid-template-columns: 10vw 80vw 10vw;
        grid-template-rows: 17vw 142vw 15vw 142vw 15vw 142vw;

        /* row-gap: 4vh; */
    }

    .CardGrid {

        grid-template-columns: 80vw;
        grid-template-rows: 10vw 48vw 10vw 64vw 10vw;
        /* border-style: none; */

    }

    .CourseTitle {
        font-size: 8vw;
        /* margin-bottom: 3vw;   */
    }

    .CourseName {
        width: 79.4vw;
        height: 10vw;
        /* border-style: solid; */
        text-align: center;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        font-weight: 800;
        font-size: 5.8vw;
        color: navy;
        background-color: rgb(193, 193, 199);
        padding-top: 0.5vh
    }

    /* Images of course cards  */
    .CourseImages {
        width: 79.4vw;
        height: 48vw;
        /* border-style: solid; */
    }

    .CourseDescibeGrid {
        display: grid;
        grid-template-rows: 32vw 32vw;
        grid-template-columns: 80vw;
        /* border-style: solid; */
    }

    .TCourseDescribe {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80vw;
        text-align: center;
        height: 32vw;
        padding-top: 1vw;

        /* border-style: solid; */
    }

    .BCourseDescribe {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 80vw;
        text-align: center;
        height: 32vw;
        /* border-style: solid; */
    }

    .SkillSet {
        font-size: 5vw;
        color: navy;
        font-weight: bolder;
        padding-bottom: 4px;
        /* text-align: center; */
    }

    .SSDescrbe {
        font-size: 4vw;
        font-weight: 500;
    }

    .Disclaimer {
        font-size: 3vw;
        text-align: center;
        color: rgb(83, 81, 81);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .MobLabel {


        width: calc(var(--scalefactor) * 7.1);
    }

    Form {
        width: 98vw;
        display: grid;
        grid-template-columns: calc(var(--scalefactor) * 6) calc(var(--scalefactor) * 12);
        grid-template-rows: calc(var(--scalefactor) * 4) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3) calc(var(--scalefactor) * 3);
        grid-gap: calc(var(--scalefactor) * 0.5);

    }


    /* h2 {
        font-size: calc(var(--scalefactor) * 1.2);
        margin: auto;
        padding: 2vw 1vw 2vw 1vw;
        width:86vw;
    } */

    label {
        font-size: var(--scalefactor);
    }

    input.LaptopChk {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
    }

    .FormSub {
        transform: scale(1.2);
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
    }



}