html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/roboto/RobotoRegular.ttf);
}

body {
    margin: 0px;
    padding: 0px;
    background-color: var(--secondary-color);

}

:root {

    --theme-color: #0060FE;
    --secondary-color: #F0F8FF;
    --primary-text-color: #393939;
    --secondary-text-color: #6D6E6E;
    --transparent-color: #ffffff;
    --font-family: 'Roboto';
    --font-weight-bold: 700;
    --font-weight-regular: 400;
    --line-height: 1.5;
    --borderRadius10: 10px;
    --borderRadius5: 5px;
    --white-color: white;
    --background-rgba08: rgba(0, 96, 254, 0.8);
    --background-rgba09: rgba(0, 96, 254, 0.9);
    --background-rgba05: rgb(0, 96, 254, 0.5);
    --background-dark: rgba(34, 32, 32, 0.8);
    --line-height-titles: 1.2;
    --grid-gap: 40px 60px;
    --background-size: cover;
    --background-position: center;
    --overflow: hidden;
    --box-shadow10: 1px 5px 10px 0px #DEECFF;
    --box-shadow20: 1px 5px 20px 0px #DEECFF;
    --box-shadow40: 0 .5rem 2rem rgba(0, 0, 0, .1);
    --AnimMarginLeftN: -300px;
    --AnimMarginLeftP: 0px;
    --TransitionDelay: 6s;

}

h1,
h2,
h3 {
    color: var(--theme-color);
    font-family: var(--font-family);
}

h4,
h5,
h6,
p {
    color: var(--secondary-text-color);
    font-family: var(--font-family);
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.SectionHeadComp h2 {
    font-size: 1.5em;
    margin: 0px;
    color: var(--primary-text-color);
}

.SectionHeadComp h3 {
    font-weight: bold;
    font-size: 2.5em;
    margin: 0px;
}

.SectionHeadComp h5 {
    font-size: 1.1em;
    line-height: 25px;
    padding-bottom: 15px;
}

.SectionHeadComp span {
    color: var(--theme-color);
}

#sectionHeadPages {

    height: 100%;
    overflow: var(--overflow);
    background-size: var(--background-size);
    background-position: var(--background-position);
    background-image: url(../image/sliderBackPages.png);

}

#sectionHeadPages .container-fluid {
    padding: 0% 10%;
}

.containerBackPaggig {
    background: rgba(0, 96, 254, 0.2);
    overflow: hidden;
    height: 100%;
    padding: 2% 0%;
    z-index: 2;
}

.paggignationHdr {
    height: 100%;
    padding: 5% 0% 0% 0%;
}

.paggignationHdr h3 {
    text-align: left;
    color: var(--primary-text-color);
    font-size: 1.2em;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

.paggignationHdr h4 {
    text-align: left;
    padding: 10px 0px 0px 0px;
    color: var(--theme-color);
    font-weight: bold;
    margin: 0px;
    line-height: 35px;
    font-size: 1.7em;
}

.paggignationHdr h5 {
    text-align: center;
    padding: 0px 0px 0px 0px;
    color: var(--primary-text-color);
    margin: 0px;
    line-height: 35px;
    font-size: 0.9em;
}


.paggignationHdr a {
    color: var(--theme-color);
    text-decoration: none;
}


/*NAVIGATION*/
#navbar_bigScreen .navbar {
    margin-bottom: 0;
    z-index: 55;
    border: 0;
    position: fixed;
    width: 100%;
    padding-bottom: 0px;
    background-size: cover;
    background-position: center;
    line-height: 1.42857143 !important;
    letter-spacing: 1.2px;

}

#navbar_bigScreen .navbar {
    background-color: var(--transparent-color);
    box-shadow: 1px 3px 10px 0px rgba(0, 96, 254, 0.3);

    border-radius: 0px;
}

#navbar_bigScreen .container-fluid {
    padding: 0px 10% 0px 10%;

}

#navbar_bigScreen .progress-bar {
    height: 5px;
    background: var(--theme-color);
    width: 0%;
    margin: 0px;
}

#navbar_bigScreen .growPath {
    padding-top: 15px;
}

#navbar_bigScreen .growPath img {
    position: relative;
    height: 35px;
    margin-top: 5px;
}

#navbar_bigScreen #myNavbar li.mainNav a {
    color: var(--primary-text-color);
    margin: 10px 0px 10px 0px;
    font-size: 1em;
    cursor: pointer;
    cursor: pointer;
    letter-spacing: 0px;
    font-size: 0.9em;
    font-family: var(--font-family);
    transition: 0.5s ease-in;
}

#navbar_bigScreen #myNavbar li.mainNav a:hover {
    color: var(--theme-color);
    transition: 0.3s ease-in;
}

#navbar_bigScreen .actionBtnLogin {
    border: 1px solid black;
    border-radius: 3px;
    width: 100px;
    height: 30px;
    display: block;
    background: linear-gradient(to right, black 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;

}


#navbar_bigScreen .actionBtnLoggedIn {
    padding: 10px 25px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: white;
    border-radius: 5px;
    transition: 0.5s;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 0.9em;
    cursor: pointer;
}

.CourseCollpase {
    background-color: var(--theme-color);
    border-radius: 5px;
    border: none;
    color: white;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-top: 0px;
    letter-spacing: 1px;
    padding: 10px 35px;
}

.PayNowCompOuter {
    margin: 15px 0px;
}

.buttonPayNow {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    display: block;
    font-size: 0.9em;
    padding: 12px 25px;
    background: linear-gradient(to right, var(--theme-color) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.buttonPayNow:hover {
    background-position: left bottom;
}

.textPayNow {
    text-align: center;
    font-size: 0.8em;
    color: var(--theme-color);
    transition: all .6s ease-out;
    display: block;
}

.buttonPayNow:hover .textPayNow {
    color: white;
}

.CoursesOuter {
    margin: 15px 15px 0px 0px;
}

.buttonCourses {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    display: block;
    cursor: pointer;
    font-size: 1em;
    letter-spacing: 0px;
    padding: 12px 25px;
    background: linear-gradient(to left, white 50%, var(--theme-color) 50%);
        

    background-size: 200% 100%;
    background-position: left bottom;
    transition: all .5s ease-out;
}

.buttonCourses:hover {
    background-position: right bottom;
}

.textCourses {
    text-align: center;
    font-size: 0.8em;
    color: white;
    transition: all .6s ease-out;
    display: block;
}

.buttonCourses:hover .textCourses {
    color: var(--theme-color);
}

#navbar_bigScreen .dropdown-menu {
    background-color: white;
    padding: 15px 15px;
    margin-top: -2px;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    position: absolute;
    box-shadow: var(--box-shadow40);
}

#navbar_bigScreen .dropdown-menu h3 {

    font-size: 1em;
    margin: 0px;
    padding: 5px 0px;
}

#navbar_bigScreen .dropdown-menu h5 {
    padding: 5px;
    color: var(--primary-text-color);
    font-size: 0.8;
    padding-left: 05px;
    text-transform: none;
    margin: 0px;
}

#navbar_bigScreen .curveUpProfile {
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    background-color: white;
    margin-right: 18px;
    margin-top: -23px;
    float: right;
    border-top: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
    border-right: 0px solid var(--theme-color);
    border-bottom: 0px solid var(--theme-color);
    border-radius: 2px;
}

/*small device*/
.sidenav {
    height: 100%;
    width: 0%;
    position: fixed;
    z-index: 5555;
    left: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 00px;
    padding-bottom: 0px;
}

.smallNavComp {
    background-color: ;
    padding: 15px;
}

.sidenav .smallNavComp a {
    padding: 15px 8px 15px 5px;
    text-decoration: none;
    font-size: 1em;
    color: var(--primary-text-color);
    display: block;
    transition: 0.3s;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    color: var(--secondary-text-color);
    right: 25px;
    font-size: 32px;
    margin-top: -7px;
}

.topNav {
    position: fixed;
    width: 100%;
    top: 0px;
        background-color: var(--secondary-color);
    box-shadow: var(--box-shadow40);
    padding: 15px 5px;
    z-index: 5555;
}

.topNav span i {
    font-size: 1.4em;
    cursor: pointer;
    font-weight: normal;
    color: var(--secondary-text-color);
    padding-top: 7px;
    margin-left: 10px;
}

.smallDevCloseComp {
    padding: 15px 15px;
}

.smallDevCloseComp img {
    /*    background-color: red;*/
    height: 35px;
    margin-left: 10px;
}

#navbar_SmallScreen .btnCallNow {
    padding: 5px 10px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: white;
    width: 80%;
    border-radius: 5px;
    transition: 0.5s;
    margin: 0px;
    right: 0px;
    position: absolute;
    font-size: 14px;
    cursor: pointer;
}

#navbar_SmallScreen .actionBtnLogin {
    padding: 12px 10px;
    background-color: var(--secondary-color);
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    width: 100%;
    border-radius: 5px;
    transition: 0.5s;
    margin: 0px;
    font-size: 0.9em;
    cursor: pointer;
}

#navbar_SmallScreen .actionBtnLoggedIn {
    padding: 12px 25px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: white;
    width: 90%;
    border-radius: 5px;
    transition: 0.5s;
    margin: 0px;
    margin-left: 20px;
    margin-top: 12px;
    font-size: 0.9em;
    cursor: pointer;
}

#CourseDropDown {
    padding: 0px 0px;
    margin: -5px 5px 0px 5px;
}

.smallNavComp {
    height: 650px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.smallNavComp .fa-angle-down {
    font-size: 1.4em;
    font-weight: bold;
    float: right;
    color: var(--theme-color);
}

.smallNavComp .fa-long-arrow-right {
    transform: rotate(-30deg);
    float: right;
    font-weight: bold;
    color: var(--theme-color);
}

.smallNavComp a {
    color: var(--secondary-text-color);
}

#CourseDropDown h4 {
    font-size: 1em;
    line-height: 22px;
    border: 1px solid rgba(0, 96, 254, 0.4);
    padding: 12px 10px;
    border-radius: 5px;
}

.actionButtonNavComp {
    padding: 0px 0px;
}

/*small device*/
/*NAVIGATION*/

/*inCourseLanding*/
#inCourseComp .container-fluid {
    overflow: var(--overflow);
    background-position: var(--background-position);
    background-repeat: no-repeat;
    background-size: var(--background-size);
    /*    background-image: url(../image/Slider/SliderBgGSIRepu01.jpg);*/
}

.courseTypesLanding .well {
    padding: 0.5rem;
    overflow: hidden;
    border-radius: .5rem;
    padding-bottom: 15px;
    background-color: white;
    transition: 0.7s;
    margin-bottom: 25px;
    cursor: pointer;
}

.courseTypesLanding .well img {
    border-radius: .25rem;
}

.courseTypesLanding .well:hover {
    box-shadow: var(--box-shadow10);
    transition: 0.2s;
}

.courseTypesLanding .well .actionBtnWhite {
    border: 1px solid rgba(0, 96, 254, 1);
    border-radius: 5px;
    margin: 0px 0px 0px 0px;
}



.courseTypesLanding .well .courseTitleLanding {
    transition: 0.3s;
}

.courseTypesLanding .well .courseTitleLanding h3 {
    margin: 0px;
    font-size: 1.1em;
    padding: 15px 10px;
    position: absolute;
    width: 86%;
    color: var(--primary-text-color);
    line-height: 30px;
    background-color: white;
    border-radius: 5px;
    text-align: center;
    border: 1px solid transparent;
    transition: 0.5s ease-in;
    margin: -25px 15px 10px 15px;
    font-weight: bold;
}

.courseTypesLanding .well:hover .courseTitleLanding h3 {
    background-color: white;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    transition: 0.3s ease-in;
}

.courseDetailsLanding {
    padding: 45px 0px 0px 15px;
    display: flex;
    justify-content: space-evenly;
}

.courseDetailsLanding h5 span {
    font-size: 1.5em;
    text-align: center;
}

.courseTypesLanding .well h5 {
    margin: 0px;
    font-size: 0.9em;
    background-color: rgba(0, 96, 254, 0.2);
    color: var(--theme-color);
    width: 100%;
    line-height: 25px;
    margin-right: 15px;
    padding: 7px 15px 5px 15px;
    border-radius: 10px;
}

.courseTypesLanding .well h6 {
    margin: 0px;
    font-size: 0.9em;
    line-height: 22px;
    text-align: center;
    padding: 10px 25px;

}

.courseTypesLanding .well h6 a {
    color: var(--theme-color);
    font-weight: bold;
    font-size: 0.8em;
}

.courseTypesLanding .well i {
    color: var(--theme-color);
    font-size: 1em;
}

/*inCourseLanding*/

/*STUDENT AUTHENTICATE*/

/*AUTHENTICATE*/
#sectionHeadearStud .container-fluid {
    padding: 7% 10% 0% 10%;
}

.containerBackStud .verifyComp {
    text-align: center;
}

.containerBackStud .infoBottom h4 {
    text-align: center;
    font-size: 0.7em;
    line-height: 20px;
}

.containerBackStud {
    background-image: url(../image/studLogin05.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 5%;
}


.AuthwrapperStud .securityInfo h4 {
    text-align: center;
    font-size: 0.7em;
    line-height: 16px;
    padding-top: 10px;
    margin: 0px;
}

.aboutProfile {
    padding-top: 1.5%;
}

.aboutProfile h2 {
    font-size: 2em;
    line-height: 55px;
    padding-bottom: 0px;
}

.aboutProfile h3 {
    font-size: 3.2em;
    color: var(--theme-color);
    line-height: 65px;
    font-weight: bold;
}

.aboutProfile img {
    position: absolute;
    top: 90px;
    margin-left: 160px;
    height: 52px;
}

.aboutProfile h4 {
    font-size: 1.3em;
    line-height: 27px;
    padding-top: 0px;
    color: var(--secondary-text-color);
}

.parentCompName h6 {
    font-size: 0.8em;
    text-align: center;
    line-height: 18px;
}

.formPannel .incorrectError {
    text-align: center;
    height: 17px;
    font-size: 0.8em;
    margin-top: 10px;
    padding-top: 0px;
}

.formPannel .incorrectError p {
    color: red;
}


.loginCardStud .well {
    background-color: white;
    box-shadow: var(--box-shadow40);
    z-index: 2;
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: transparent;
}

.loginCardStud .well .actionBtnDark {
    padding: 12px;
    border-radius: var(--borderRadius5);
    margin-top: 10px;
    font-size: 0.9em;
    letter-spacing: normal;
    border: 1px solid rgba(0, 96, 254, 0.2);
    background-color: rgba(0, 96, 254, 0.7);
}

.loginCardStud .well .actionBtnDark:hover {
    padding: 12px;
    border-radius: var(--borderRadius5);
    margin-top: 10px;
    font-size: 0.9em;
    background-color: var(--theme-color);
}

.loginCardStud .well h1 {
    font-size: 1.7em;
    color: var(--theme-color);
    margin: 0px;
    padding-bottom: 5px;
}

.loginCardStud .well .formPannelAuth h4 {
    font-size: 0.9em;
    margin: 0px;
    padding-top: 7px;
}

#sectionHeadearStud .formPannelAuth input::placeholder {
    font-size: 1em;
}

#sectionHeadearStud .formPannelAuth .formPannel input {
    border: 1px solid var(--theme-color);
    border-radius: var(--borderRadius5);
    background-color: transparent;
    box-shadow: none;
    padding: 22px 15px;
    margin-top: 12px;
}

.formPannel {
    padding-top: 10px;
}

.authCompImg img {
    height: 60px;
}

#sectionHeadearStud .createOneComp .well {
    background-color: white;
    border-radius: var(--borderRadius10);
    box-shadow: var(--box-shadow40);
    padding: 5px;
    margin: 0px;
    text-align: center;
    margin-top: 10px;
}

#sectionHeadearStud .createOneComp p {
    font-size: 0.9em;
    padding: 0px;
    padding-top: 10px;
    text-align: center;
}

#sectionHeadearStud .createOneComp p a {
    font-size: 1em;
    font-weight: bold;
    color: var(--theme-color);
}

#AllFields {
    text-align: center;
    color: red;
}

.aboutImgComp img {
    margin-top: -100px;
}

.showPassword {
    margin: 0px;
    padding: 0px;
    margin-top: -11px;
}

.showPassword span {
    font-size: 0.9em;
    top: 0px;
}

.forgotPassword span a {
    font-size: 0.9em;
    margin: 0px;
    padding: 0px;
    float: right;
    color: var(--theme-color);
}

.formPannelAuth .actionBtnDark {
    border-radius: 10px;
    padding: 10px;
    font-size: 1.3em;
    margin-top: 0px;
}

.forgotPassComp .modal {
    padding: 15%;
    background-color: rgba(93, 109, 126, 0.9);
    box-shadow: none;
}

.forgotPassComp .modal-content {
    background-color: red;
    background-color: whitesmoke;
    box-shadow: none;
    padding: 10px 30px;
    text-align: center;
}

.forgotPassComp .buttonEnrollFormPopUp {
    background-color: white;
    border: none;
    font-size: 1.5em;
    float: right;
    margin-right: -60px;
}

.forgotPassComp h4 {
    text-align: left;
    padding-bottom: 15px;
}

.forgotPassComp .modal .modal-content {
    padding: 20px 20px;
    background-color: var(--secondary-color);
}

.forgotPassComp .actionBtnDark {
    font-size: 1.1em;
    padding: 15px;
    margin-bottom: 0px;
}

.forgotPassComp .buttonEnrollFormPopUp {
    background-color: transparent;
    position: absolute;
    margin-top: -40px;
    margin-left: 80px;
    color: white;
}



.authContImg img {
    margin-top: -50px;
}

/*AUTHENTICATE*/
/*STUDNET AUTHENTICATE*/
/*FOOTER PAGE*/
.requestCallSideBar {
    width: 120px;
    text-align: center;
    position: fixed;
    top: 46%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    left: 96.1%;
    box-shadow: var(--box-shadow40);
    transform: rotate(-90deg);
    background-color: var(--theme-color);
    height: 30px;
    cursor: pointer;
}

.requestCallSideBar a {
    text-decoration: none;
}

.requestCallSideBar h4 {
    margin: 0px;
    padding-top: 5px;
    color: white;
    letter-spacing: 1px;
    font-size: 1em;
}

.requestCallSideBarSmall {
    width: 120px;
    text-align: center;
    position: fixed;
    top: 60%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    left: 80%;
    box-shadow: var(--box-shadow20);
    transform: rotate(-90deg);
    background-color: var(--theme-color);
    height: 30px;
    cursor: pointer;
}

.requestCallSideBarSmall a {
    text-decoration: none;
}

.requestCallSideBarSmall h4 {
    margin: 0px;
    padding-top: 7px;
    color: white;
    letter-spacing: 2px;
    font-size: 0.8em;
}

#sectionFooter {
    height: 100%;
    /*  background-image: url(../image/Slider/SliderBgGSIRepu02.jpg);*/
    background-position: left;
    /*    background-image: url(../image/Slider/SliderDiwali12.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    /*background-image: linear-gradient(to right top, #051937, #002b65, #003d96, #004fca, #0060fe);*/
        background-image: linear-gradient(to bottom, #051937, #002b65, #003d96, #004fca, #0060fe);
        

}



#sectionFooter .footerHeader h3 {
    font-size: 0.8em;
    padding-top: 25px;
}

#sectionFooter .footerHeader h5 {
    line-height: 25px;
    font-size: 0.9em;
    padding-right: 20px;
}

.callBackBtn {

    background-color: transparent;
    position: fixed;
    left: 96.5%;
    cursor: pointer;
    margin-left: -5px;
    bottom: 110px;
    width: 100%;
}


#sectionFooter .footerContent h4 {
    color: white;
    font-size: 1em;
    padding-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

#sectionFooter .footerContent h6 {
    cursor: pointer;
    transition: 0.3s;
    color: white;
    line-height: 15px;
    font-size: 0.8em;
    padding: 0px 0px;
}

#sectionFooter .footerContent a:hover h6 {
    color: white;
    font-weight: bold;
    transition: 0.1s;
}

.icons h4 {
    color: white;
    font-size: 1.3em;
    padding-bottom: 20px;
    text-align: left;
    letter-spacing: 1px;
}

.icons ul {

    margin-top: 0;
    padding: 0;
    color: white;
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;

}

.icons ul li {
    list-style: none;
    position: relative;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--theme-color);
    transition: .5s;
    padding-top: 5px;
    font-size: 16px;
    cursor: pointer;
}

.icons ul li a {
    color: white;
}

.icons ul li a:hover {
    color: white;
}

.icons ul li span {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    width: 100px;
    height: 24px;
    line-height: 24px;
    background-color: var(--theme-color);
    color: white;
    font-size: 10px;
    border-radius: 4px;
    letter-spacing: 1px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;

}

.icons ul li:hover span {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0px);
}

.icons ul li span:before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
    width: 10px;
    height: 10px;
    background-color: var(--theme-color);
    ;
    z-index: -1;
}

.copyright {
    padding-top: 00px;
}

.copyright h4 {

    text-align: center;
    font-size: 0.8em;
    margin: 0px;
    color: white;
}

.copyright h5 {

    text-align: left;
    font-size: 0.7em;
    margin: 0px;
    color: white;
}

.copyright h6 {

    text-align: right;
    font-size: 0.7em;
    margin: 0px;
    color: white;
}

.copyright h6 i {

    color: var(--theme-color);
}

.hrLine {
    background-color: rgba(0, 96, 256, 0.1);
    height: 1px;
    width: 100%;
    margin: 10px 0px;
}

.requestPannel .requestAlert .alert {
    /*    background-color: rgba(46, 134, 193, 1);*/
    background-color: var(--theme-color);
    /*background-image: linear-gradient(to right, #FF671F , #046A38);*/
    position: fixed;
    left: 0;
    padding: 0px;
    bottom: 0;
    width: 100%;
    z-index: 555;
    margin: 0px;
    padding-bottom: 5px;
    border: none;
    border-radius: 0px;
    text-align: center;
}

.requestPannel .requestAlert h5 {
    color: white;
    font-size: 0.8em;
    padding-top: 2px;
    letter-spacing: 1px;
}

#requestTab .requestPannel .requestAlert .offerComp h6 {
    color: white;
    font-size: 0.8em;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0px;
    margin-top: 8px;
    padding-top: 6px;
    letter-spacing: 1px;
}

#requestTab .requestPannel .requestAlert .requestComp h6 {
    color: white;
    font-size: 0.8em;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0px;
    margin-top: 8px;
    padding-top: 6px;
    letter-spacing: 1px;
}

#requestTab .requestPannel .requestAlert .closeButton {
    padding-right: 120px;
    padding-top: 5px;
    color: white;
    float: right;
    font-size: 1.2em;
    background-color: transparent;
    border: none;
    margin: 0px;
}

.requestAlert a {
    padding: 7px 10px;
    background-color: white;
    border: 1px solid white;
    transition: 0.5s;
    text-transform: uppercase;
    color: black;
    font-size: 0.8em;
    cursor: pointer;
    margin-left: 00px;
    border-radius: 5px;
    margin-top: 0px;
}

.requestAlert i {
    padding-left: 10px;
    padding-right: 10px;
}

#brandingSmall .brandingAlert .alert {
    /*    background-color: rgba(46, 134, 193, 1);*/
    background-color: var(--theme-color);
    position: fixed;
    left: 0;
    padding: 0px;
    bottom: 0;
    width: 100%;
    z-index: 555;
    margin: 0px;
    border: none;
    padding-bottom: 0px;
    border-radius: 25px 25px 0px 0px;
    text-align: center;
}

#brandingSmall .brandingAlert h5 {
    color: white;
    font-size: 0.6em;
}

#brandingSmall .brandingAlert a {
    transition: 0.5s;
    text-transform: uppercase;
    color: white;
    font-size: 1.3em;
    cursor: pointer;
    margin-left: 00px;
    border-radius: 25px;
    margin-top: 0px;
}

.readyToWork {
    padding: 4% 0% 2% 0%;
}

.readyToWork .ButtonDarkFooter {
    background-color: white;
    border-radius: 5px;
    border: 1px solid white;
    font-size: 0.9em;
    color: var(--theme-color);
    padding: 12px 35px;
    width: 100%;
    transition: 0.5s ease-in;
    cursor: pointer;
}

#sectionFooter .readyToWork:hover .ButtonDarkFooter {
    background-color: transparent;
    border: 1px solid white;
    transition: 0.2s ease-in;
    color: white;
}

.readyToWork h2 {
    font-weight: bold;
    margin: 0px;
    color: white
}

.readyToWork h4 {
    color: white;
    font-size: 1em;
    line-height: 25px;
}

.readyToWork h6 {
    color: white;
    padding-bottom: 15px;
    font-size: 0.8em;
    line-height: 25px;
}

.readyToWork span {
    color: white;
}

#sectionFooter .lineSmallAbout {
    height: 1px;
    background-color: rgba(0, 96, 254, 0.1);
    width: 100%;
    transition: 0.5s ease-in;
}

#sectionFooter .lineSmallBoxLeft {
    height: 15px;
    width: 15px;
    background-color: transparent;
    position: absolute;
    margin-top: -7px;
    transition: 0.5s ease-in;
}

#sectionFooter:hover .lineSmallAbout {
    background-color: var(--theme-color);
    transition: 0.5s ease-in;
    width: 100%;
}

#sectionFooter:hover .lineSmallBoxLeft {
    background-color: var(--theme-color);
    border-radius: 40px;
    display: block;
    transition: 0.5s ease-in;
}

.certifiedImg img {
    margin: 0px;
    height: 80px;
    right: 40px;
    margin-top: -15px;
    position: absolute;
}


.arrow {
    stroke-width: 3;
    transform: rotate(90deg) scale(0.5);
}

.progressBar {
    margin: 0rem auto;
    width: 45px;
    height: 45px;
    z-index: 9999;
   color: var(--theme-color);
    background-color: white;
    border-radius: 50%;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.progressBar svg {
    position: absolute;
    top: 0;
    left: 0;
}

.progress-bar-background {
    fill: none;
    stroke: var(--theme-color);
    stroke-width: 10;
}

.progress-bar-fill {
    fill: none;
    stroke: var(--secondary-color);
    stroke-width: 10;
    transition: ;
}

/*FOOTER PAGE*/


/*LANDING PAGE*/
/*#sectionLandSlider*/
#sectionLandSlider {
    /* background-image: url(../image/Slider/SliderBgGSI.jpg);*/
        /*background-image: linear-gradient(to right bottom, #ff671f, #be7900, #807d00, #477617, #046a38);*/
    /*background-image: url(../image/Slider/SliderBgGSIChris.jpg);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
     background-image: linear-gradient(to bottom, #051937, #002b65, #003d96, #004fca, #0060fe);
        

}



#sectionLandSlider .carousel-indicators .active {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    height: 7px;
    width: 30px;
    z-index: 0.99999;
    margin-bottom: -60px;
}

#sectionLandSlider .carousel-indicators li {
    background-color: white;
    height: 7px;
    width: 10px;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    margin-bottom: -60px;
    z-index: 1;
}

.imageSlider h6 {
    color: white;
    font-size: 0.9em;
    padding-bottom: 15px;
}

.imageSlider span i {
    height: 25px;
    padding: 7px 0px 0px 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: white;
    color: black;
}

.countingFeatComp h4 {
    font-size: 1em;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    color: white;
    background-color: rgba(0, 96, 254, 0.5);
}


.countingComp h4 span {
    font-size: 1.5em;
    font-weight: bold;
    color: var(--theme-color);
}

.countingComp h4 {
    padding: 10px 25px;
    font-size: 1em;
    line-height: 25px;
    border-radius: 10px;
    text-align: center;
    color: var(--primary-text-color);
    background-color: white;
    margin-right: 15px;
}

.imageSlider h1 {
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: white;
}

.imageSlider h3 {
    font-size: 1.5em;
    letter-spacing: 0px;
    line-height: 35px;
    padding-top: 10px;
    color: white;
}

.imageSlider h5 {
    font-size: 1.1em;
    padding-top: 25px;
    letter-spacing: 0px;
    line-height: 30px;
    color: white;
    padding-bottom: 15px;
}

.carousel-inner .actionBtnDark i {
    color: transparent;
}

#sectionLandSlider .carousel-inner .actionBtnDark:hover {
    background-color: white;
    color: var(--theme-color);
}

#sectionLandSlider .carousel-inner .actionBtnDark:hover i {
    color: var(--theme-color);
    transform: rotate(-45deg);
    padding-left: 10px;
}

/*#sectionLandSlider*/
/*enroll form index*/
.enrollFormComp .well {
    background-color: white;
    border-radius: var(--borderRadius10);
    box-shadow: .5rem 0.5rem 1rem rgba(0, 96, 254, 0.3);
    padding: 5px 20px 5px 20px;
    margin-left: 10%;
}

.enrollFormComp .well h2 {
    margin: 0px;
    font-size: 1.1em;
    text-align: center;
    padding: 10px 0px;
}

.enrollFormComp .well h2 span {
    font-weight: 700;
}

.enrollFormComp .well .formSecQuote label {
    margin-top: 10px;
    font-size: 0.8em;
    color: var(--themeColor);
    padding: 0px 10px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 0px;
    background-color: white;
}

.enrollFormComp .well .formSecQuote span {
    color: red;
}

.enrollFormComp .well .formSecQuote input {
    border-radius: 5px;
    padding: 22px 15px;
    margin-top: -10px;
    font-size: 0.8em;
    box-shadow: none;
    border: 1px solid rgba(0, 96, 254, 0.8);
    margin-bottom: 5px;
}

.enrollFormComp .well .actionBtnDark {
    border-radius: 5px;
    padding: 12px 45px;
    margin-top: 15px;
    font-size: 0.9em;
}

.courseTypeComp {
    display: flex;
}

.inputComp {
    margin-right: 15px;
    padding-top: 0px;
    font-size: 0.8em;
}

/*enroll form index*/
/*LANDING PAGE*/

/*TESTIMONIAL SECTION*/


#inTestimonials .lineComponent {
    padding: 15px 0px 10px 0px;
}

#inTestimonials .lineSmallAbout {
    height: 1px;
    background-color: #CCCCFF;
    width: 100%;
    transition: 0.5s ease-in;
}

#inTestimonials .lineSmallBoxRight {
    height: 15px;
    width: 15px;
    background-color: #CCCCFF;
    position: absolute;
    margin-top: -7px;
    right: 140px;
    transition: 0.5s ease-in;
}

#inTestimonials .lineSmallBoxLeft {
    height: 15px;
    width: 15px;
    background-color: #CCCCFF;
    position: absolute;
    margin-top: -7px;
    transition: 0.5s ease-in;
}

#inTestimonials:hover .lineSmallAbout {
    background-color: var(--theme-color);
    transition: 0.5s ease-in;
    width: 100%;
}

#inTestimonials:hover .lineSmallBoxRight {
    background-color: var(--theme-color);
    border-radius: 40px;
    display: block;
    transition: 0.5s ease-in;
}

#inTestimonials:hover .lineSmallBoxLeft {
    background-color: var(--theme-color);
    border-radius: 40px;
    display: block;
    transition: 0.5s ease-in;
}

.happyClients h2 {
    font-weight: bold;
    line-height: 45px;
}

.happyClients h5 {
    line-height: 22px;
    font-size: 1.1em;
}

.boxComp h4 span {
    font-size: 3em;
    padding-right: 10px;
}

.boxComp h4 {
    font-size: 1em;
    line-height: 25px;
    color: var(--primary-text-color);
}

.boxComp h5 {
    font-size: 1em;
    margin: 0px;
    font-weight: bold;
    color: var(--theme-color);
    padding: 20px 0px 0px 0px;
}

.boxComp img {
    height: 60px
}

.boxComp .ratingComp {
    display: flex;
    justify-content: space-evenly;
}

.boxComp i {
    color: var(--theme-color);
    font-size: 0.8em;
}

.testimonialHead {
    text-align: center;
    padding-bottom: 10px;
}

.testimonialHead h1 {
    font-size: 2.5em;
    font-weight: bold;
}

.testimonialHead h5 {
    font-size: 1em;
    padding-bottom: 10px;
}

.testimonialHead i {
    font-size: 0.7em;
}

#myCarouselTestimonial .item {
    padding: 10px 20px;
    border-radius: 25px;
    background-color: rgba(0, 96, 254, 0.1);
    height: 400px;
}

.carousel-indicators {}

#inTestimonials .carousel-indicators .active {
    margin-bottom: -90px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    height: 8px;
    width: 30px;
    z-index: 0.99999;
}

#inTestimonials .carousel-indicators li {
    background-color: white;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    border: 1px solid rgba(0, 96, 254, 0.3);
    margin-bottom: -90px;
    z-index: 1;
}

/*TESTIMONIAL SECTION*/

/*INOURTRAINING SECTION*/
#inOurTraining {
    background-image: url(../image/bgLanding01.jpg);
    top: 0;
    width: 100%;
    z-index: 0;
    background-size: calc(100% + 50px);
}

.trainingWell .well {
    margin-top: 00px;
    background-color: white;
    border-radius: 0px;
    padding: 0px;
    border: none;
    overflow: hidden;
    box-shadow: var(--box-shadow10);
    margin: 30px 20px;
    border-radius: 10px;
}


.trainingWell .well h2 {
    background-color: var(--theme-color);
    padding: 10px 15px;
    width: 170px;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 1em;
    border-radius: 10px 0px 20px 0px;
    letter-spacing: 1px;
    color: white;
    transition: 0.3s ease-in;
}

.trainingWell .well:hover h2 {
    background-color: var(--secondary-color);
    color: var(--theme-color);
    width: 190px;
    transition: 0.3s ease-in;

}

#inOurTraining .trainingWell .well h4 {
    text-align: center;
    font-size: 1.3em;
    color: var(--theme-color);
    line-height: 27px;
}

.trainingWell .well h5 {
    font-size: 1em;
    padding: 0px 50px;
    line-height: 23px;
    padding-bottom: 10px;
    text-align: center;
}

#inOurTraining .imgBox {
    height: 270px;
    overflow: hidden;
}

/*INOUTTRAINING SECTION*/

/*StillQueries SECTION*/

#StillQueries .leftPanCallBack .quriesComp {
    /*    background-image: linear-gradient(to left bottom, #0060fe, #156cff, #2777ff, #3882ff, #488dff);*/
    padding: 2% 0% 4% 0%;
    background-size: cover;
    background-image: linear-gradient(to right top, #051937, #002b65, #003d96, #004fca, #0060fe);
 

    margin: 0px;
}



#StillQueries .actionButtonLightRound {
    font-size: 1.3em;
    margin: 0px;
}

#StillQueries .leftPanCallBack h1 {
    padding: 0px 0px;
    text-align: center;
    font-size: 2.2em;
    margin: 0px;
    font-weight: bold;
    color: white;
}

#StillQueries .leftPanCallBack h4 {
    padding: 5px 0px;
    text-align: center;
    font-size: 1.1em;
    margin: 0px;
    color: white;
}

#StillQueries .leftPanCallBack h2 {
    line-height: 50px;
    padding: 0px 0px;
    text-align: left;
    font-size: 2em;
    color: white;
}

#StillQueries .leftPanCallBack h5 {
    line-height: 25px;
    padding: 10px 0px;
    font-size: 1em;
    color: white;
}


#StillQueries span {
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    font-weight: bold;
}

.quriesInnerComp .lineComponent {
    padding: 00px 0px 0px 0px;
}

.quriesInnerComp .lineSmallAbout {
    height: 1px;
    background-color: #CCCCFF;
    width: 20%;
    transition: 0.5s ease-in;
}

.quriesInnerComp .lineSmallBoxRight {
    height: 15px;
    width: 15px;
    background-color: #CCCCFF;
    position: absolute;
    margin-top: -7px;
    right: 120px;
    transition: 0.5s ease-in;
}

.quriesInnerComp .lineSmallBoxLeft {
    height: 15px;
    width: 15px;
    background-color: #CCCCFF;
    position: absolute;
    margin-top: -7px;
    transition: 0.5s ease-in;
}

.quriesInnerComp:hover .lineSmallAbout {
    background-color: var(--secondary-color);
    transition: 0.5s ease-in;
    width: 100%;
}

.quriesInnerComp:hover .lineSmallBoxLeft {
    background-color: var(--secondary-color);
    border-radius: 40px;
    display: block;
    transition: 0.5s ease-in;
}

.QueriesCompOuter {
    margin: 15px 0px;
}

.buttonQueries {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    display: block;
    padding: 12px 0px;
    font-size: 0.9em;
    background: linear-gradient(to right, white 50%, var(--theme-color) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.quriesInnerComp:hover .buttonQueries {
    background-position: left bottom;
}

.textQueries {
    text-align: center;
    font-size: 0.9em;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0px;
    transition: all .6s ease-out;
    display: block;
}

.quriesInnerComp:hover .textQueries {
    color: var(--theme-color);
}

.mySlides {}

.mySlides img {
    vertical-align: middle;
    border-radius: 15px;
}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Caption text */
.text {
    color: #f2f2f2;
    padding: 15px 12px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/opacity/see-through */
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center;
    border-radius: 0px 0px 15px 15px;
}

/* The dots/bullets/indicators */
.dot {
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active {
    background-color: white;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 4s;
}

@keyframes fade {
    from {
        opacity: 0.8
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {
        font-size: 11px
    }
}

/*StillQueries SECTION*/

/*inLearnJourney*/
#inLearnJourney {

    height: 100%;
    /*    background-image: url(../image/Slider/SliderBgGSIRepu02.jpg);*/
    background-position: var(--background-position);
    background-size: var(--background-size);
    background-color: white;
}

.LearnPathWell .well {
    box-shadow: var(--box-shadow40);
    overflow: hidden;
    border-radius: 15px;
    padding: 45px 10px 45px 10px;
    margin-top: 35px;
    transition: 0.3s;
    cursor: pointer;
    transition-timing-function: ease-in;
    border: 1px solid rgba(0, 96, 256, 0.4);
}

.LearnPathWell .well h1 {
    font-size: 15em;
    font-weight: bold;
    top: 0px;
    left: 20px;
    position: absolute;
    color: rgba(0, 96, 256, 0.1);
}

.LearnPathWell .well h3 {
    text-align: right;
    font-size: 1.5em;
    font-weight: bold;
    padding: 25px 10px 0px 10px;
}

.LearnPathWell .well h5 {
    text-align: right;
    padding-left: 10px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 1.1em;
}

.LearnPathWell .well:hover {
    background-color: var(--theme-color);
    transition: 0.3s;
    background-image: url(../image/curve08.png);
    background-position: center;
    background-size: cover;
    transition-timing-function: ease-in;
}

#inLearnJourney .actionBtnDark {
    font-size: 0.9em;
    background-color: white;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.LearnPathWell .well:hover h1 {
    color: rgba(0, 0, 0, 0.1);
}

.LearnPathWell .well:hover h3 {
    color: var(--secondary-color);
}

.LearnPathWell .well:hover h5 {
    color: var(--secondary-color);
}

/*inLearnJourney*/

/*inLearningIncludes*/
#inLearningIncludes {
    background-color: white;
}

#inLearningIncludes h3 {
    line-height: 35px;
    font-size: 2em;
    margin: 0px;
    font-weight: normal;
}

#inLearningIncludes .LearningIncludesLanding .well {

    color: white;
    padding: 10px;
    border-radius: 10px;
}

#inLearningIncludes .LearningIncludesLanding .well h2 {
    font-size: 1.3em;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    letter-spacing: 0px;
    font-weight: bold;
    text-align: center;
    color: whitesmoke;
    line-height: 30px;
}

#inLearningIncludes .LearningIncludesLanding .well h4 {
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: whitesmoke;
    padding: 5px 0px 10px 0px;
    line-height: 20px;
    font-weight: lighter;
}

.learningIncComp {
    margin-top: 30px;
}

/*inLearningIncludes*/

/*inCallUs Section*/

#inCallUs .container-fluid a {
    text-decoration: none;
}

#inCallUs .callUsComp .well {
    background-color: white;
    border-radius: 10px;
    box-shadow: none;
    box-shadow: var(--box-shadow40);
    border: 1px solid rgba(0, 96, 254, 0.4);
}

#inCallUs h2 span {
    font-size: 1.7em;
}

#inCallUs h5 {
    font-size: 1.1em;
    line-height: 25px;
}

.CallUsCompOuter {
    margin: 15px 0px;
}

.buttonCallUs {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    display: block;
    font-size: 0.9em;
    padding: 12px 20px;
    background: linear-gradient(to right, var(--theme-color) 50%, white 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}

.callUsComp .well:hover .buttonCallUs {
    background-position: left bottom;
}

.textCallUs {
    text-align: center;
    color: var(--theme-color);
    transition: all .6s ease-out;
    display: block;
}

.callUsComp .well:hover .buttonCallUs .textCallUs {
    color: white;
}

/*inCallUs Section*/


/*ABOUT US*/


#sectionHeadPages .waveImg {
    background: rgba(0, 96, 254, 0.2);
}

#whyUsComp .container-fluid {
    padding: 2% 10% 2% 10%;
    background-color: white;
}

.aboutDesc .about_description h2 {
    text-align: left;
    font-size: 2em;
    font-weight: bold;
    color: var(--primary-text-color);
    line-height: 45px;
    padding-bottom: 10px;
}


.aboutDesc .about_description h4 {
    text-align: left;
    font-size: 1em;
    line-height: 30px;
}


.whyUsHead h1 {
    font-weight: bold;
    color: var(--primary-text-color);
    margin: 0px;
    padding-bottom: 25px;
}

.whyUsHead h2 {
    color: var(--primary-text-color);
    margin: 0px;
}

.comp1Well .well {
    background-color: white;
    box-shadow: var(--box-shadow40);
    padding: 15px;
    height: 100%;
    border-radius: 15px;
    margin-top: 15px;
    text-align: center;
}

.fourSecComp h3 {
    font-size: 1.4em;
    font-weight: bold;
}

.fourSecComp h4 {
    font-size: 1em;
    line-height: 25px;
    padding: 10px;
}

#techTalks {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

#techTalks .techTalksComp .container-fluid {
    padding: 2% 10%;
    background-color: var(--theme-color);
}

.techTalksComp {
    background-color: var(--background-rgba08);
}

.techTalksPannel .well {}

.techTalksPannel h2 {

    font-weight: bold;
    color: whitesmoke;
}

.techTalksPannel h1 {

    color: white;
    letter-spacing: 2px;
    font-weight: lighter;
    padding-bottom: 40px;
}

.techTalksPannel h5 {
    font-size: 1.2em;
}

.techTalksPannel {
    padding-bottom: 50px;

}

.boxTop {
    height: 120px;
    width: 120px;
    border-top-left-radius: 20px;
    margin-left: 25px;
    background-color: transparent;
    border: 5px solid white;
}

.boxImage {
    height: 120px;
    width: 120px;
    margin-top: -100px;
    margin-left: 45px;
    z-index: 0;
    border-radius: 50%;
    padding: 5px;
    overflow: hidden;
    background-color: var(--secondary-color);
}

.boxImage img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    z-index: 0;
}

.boxDown {
    background-color: white;
    border-radius: 5px;
    margin-top: 10px;
    color: white;
    padding: 5px;
}

.boxDown h5 {
    margin: 0px;
    padding: 2px;
    font-size: 1.1em;
    font-weight: bold;
    color: var(--primary-text-color);
    text-align: center;
}

.boxDown h6 {
    margin: 0px;
    padding: 2px;
    font-size: 0.8em;
    text-align: center;
}

.boxLogo {
    background-color: white;
    padding: 4px;
    border-radius: 5px;
    width: 80px;
    margin-top: -80px;

    margin-left: 145px;
}

.boxLogo img {
    width: 80px;

}

#visionMissionSection {
    background-color: white;
    padding: 0% 0% 0% 0%;
}

.visionComp .well {
    background-color: white;
    padding-top: 10px;
    border-radius: 15px;
    border: 1px solid rgba(0, 96, 254, 0.5);
    transition: 0.5s ease-in;
}

.visionComp .well:hover {
    border: 1px solid var(--theme-color);
    transition: 0.5s ease-in;
    background-color: var(--secondary-color);
    box-shadow: var(--box-shadow40);
}

.visionComp .well h3 {
    font-weight: bold;
    font-size: 1.2em;
}

.visionComp .well h4 {
    line-height: 25px;
    font-size: 1em;
}

.mission h2 {
    font-weight: bold;
    font-size: 1.3em;
}

.mission h5 {
    text-align: left;
    font-size: 1em;
    line-height: 25px;
}

/*ABOUT US*/

/*CONTACT US*/
.sectionContact {
    padding-top: 2%;
}

.addressPane h3 {
    margin: 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: var(--primary-text-color);
    padding-bottom: 5px;
}

.addressPane h5 {
    margin: 0px;
    font-size: 1em;
    line-height: 22px;
    padding-bottom: 30px;
    letter-spacing: 1px;
}

::placeholder {
    color: transparent;
    font-size: 1em;
}

.contactForm {
    padding: 0px;
}

.contactForm h4 {
    color: var(--primary-text-color);
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.contactForm input {
    background-color: white;
    padding: 22px 15px;
    margin-top: 15px;
    font-size: 0.8em;
    box-shadow: none;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
}

.sectionContact .actionBtnDark {
    font-size: 0.9em;
    border-radius: 5px;
    padding: 12px;
    margin-bottom: 25px;
}

.sectionContact iframe {
    border-radius: 10px;
    overflow: hidden;
}

/*CONTACT US*/

/*=============== PrivacyPolicy.php START================= */
#PrivacySection {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*    background-image: url(../image/Festive/Holi04.png);*/
}

.sectionPrivacy {
    padding: 20px;
}

#PrivacySection h2 {
    line-height: 25px;
    font-size: 1.3em;
    margin-top: -10px;
}

.sectionPrivacy h4 {
    line-height: 20px;
    font-weight: bold;
    font-size: 1.2em;
    color: var(--primary-text-color);
}

.sectionPrivacy h5 {
    line-height: 30px;
    font-size: 1em;
}

/*======= PrivacyPolicy.php END ============ */


/*-------courseSidePannel STARTS ------------*/

#CourseSidePannel h4 {
    margin: 0px;
    text-align: left;
    font-size: 1em;
    color: var(--primary-text-color);
    padding-bottom: 10px;
}

.courseDetails {
    padding: 0px 15px;
}

.courseSidePannel .well {
    background-color: white;
    box-shadow: var(--box-shadow40);
    padding: 0px;
    overflow: hidden;
    border-radius: 5px;
    transition: 0.5s ease-in;
}

.courseSidePannel .well .courseImg {
    height: 150px;
    overflow: hidden;
}


.courseSidePannel .well h5 {
    margin: 0px;
    font-size: 1em;
    line-height: 25px;
    padding: 0px 0px;
    color: var(--primary-text-color);
    font-weight: bold;
}

.courseSidePannel .well h6 {
    margin: 0px;
    line-height: 22px;
    text-align: justify;
    padding: 0px 0px;
    font-size: 0.9em;
}

.courseSidePannel .well .actionBtnWhite {
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
    font-size: 0.9em;
    border: 1px solid var(--theme-color);
}

.courseSidePannel .well:hover .actionBtnWhite {
    background-color: var(--theme-color);
    color: white;
    transition: 0.2s ease-in;
}

.courseSidePannel .well a {
    font-size: 0.9em;
    color: var(--theme-color);
}

/*-------courseSidePannel ENDS ------------*/

/*LOCATION*/

.addressComp img {
    height: 40px;
}

.contactTopPane .well {
    padding: 10px;
    border-radius: 15px;
    background-color: white;
    box-shadow: var(--box-shadow10);
    margin-bottom: 30px;
}

.sectionContactComp {
    text-align: center;
}

.addressWrapper .well {
    border-radius: 10px;
    padding-bottom: 0px;
    text-align: center;
    height: 220px;
    background-color: white;
    box-shadow: var(--box-shadow10);
}

.addressWrapper .well h2 {
    font-size: 1.2em;
}

.addressWrapper .well h5 {
    font-size: 1em;
    line-height: 25px;
    padding-top: 15px;
}

/*LOCATION*/
/*success-story  */


.hikeBanner .actionBtnDark {
    margin-top: 30px;
    padding: 12px;
    border-radius: 5px;
    background-color: transparent;
    color: white;
    font-size: 0.9em;
    margin-bottom: 20px;
    letter-spacing: 1px;
    border: 1px solid white;
}

.hikeBanner:hover .actionBtnDark {
    background-color: white;
    color: var(--theme-color);
}

.hikeBannerComp {
    padding: 0% 0% 2% 0%;
}

.hikeBanner {
    background-color: var(--theme-color);
    padding: 35px 15px;
    border-radius: 20px;
    margin-top: 0px;
}

.hikeBanner h2 {
    text-align: center;
    line-height: 50px;
    font-size: 3em;
    padding-bottom: 25px;
    letter-spacing: 0px;
    color: white;
}

/*success-story*/

/*inAlumni*/
.alumiImage .well {
    padding: 60px;
    background-color: white;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: var(--box-shadow20);
}

.alumiImage .well img {
    height: 40px;
}

/*inAlumni*/

/*CAREERS*/

.lifeAtWidget .well {
    padding: 10px;
    box-shadow: var(--box-shadow40);
    background-color: white;
    border: none;
    overflow: hidden;
    border-radius: 10px;
}

.lifeAtWidget .well img {
    height: 200px;
    border-radius: 5px;
}

.lifeAtWidget .well h5 {
    margin: 0px;
    color: white;
    padding: 7px 10px;
    font-size: 1em;
    letter-spacing: 0px;
}

.lifeAtWidget .well .lifeAtHead {
    background-color: var(--theme-color);
    height: 100%;
    width: 230px;
    padding: 5px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    margin-top: -20px;
}

.lifeAtWidget .well p {

    padding: 15px;
    font-size: 1.1em;
    line-height: 25px;
    font-weight: normal;
    text-align: justify;
}

.lifeAtWidget .well span.lifeAtQuotes {
    font-size: 3em;
    padding-right: 15px;
    margin-top: -15px;
}

.joinUsComp h2 {
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
}

.joinUsComp h4 {
    line-height: 25px;
    font-size: 1em;
    text-align: center;
}

.joinUsComp .actionBtnDark {
    padding: 12px;
    font-size: 0.9em;
    letter-spacing: 1px;
    border-radius: 5px;
}

/*CAREERS*/

/*JobCards*/
#jobCard {
    padding: 0px;
    margin: 0px;
}

#jobCard .jobCardsComp h3 {
    padding-left: 0px;
    margin: 0px;
    color: var(--primary-text-color);
}

.jobCardPannel {
    margin-top: 0px;
}

.jobComponent .well {
    padding: 0px 15px;
    margin: 0px 0px;
    border-radius: 10px;
    transition: 0.5s;
    box-shadow: var(--box-shadow40);
    background-color: white;
}

.jobComponent .well h2 {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    font-size: 1.1em;
    font-weight: bold;
    color: var(--primary-text-color);
    line-height: 30px;
}

.jobComponent .well h4 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    color: var(--secondary-text-color);
    font-size: 0.8em;
}

.jobComponent .well h5 {
    margin: 0px;
    padding: 0px;
    line-height: 25px;
    color: var(--secondary-text-color);
    font-size: 0.9em;
}

.jobComponent .well h6 {
    margin: 0px;
    padding: 0px;
    color: var(--secondary-text-color);
    font-size: 0.5em;
}

.jobComponent .well a {
    color: black;
    text-decoration: none;
}

.jobComponent .well .actionBtnWhite {
    margin: 0px;
    font-size: 0.9em;
    border-radius: 5px;
    padding: 12px;
    border: 1px solid var(--theme-color);
}

.jobComponent .well .actionBtnDark {
    margin: 0px;
    font-size: 0.9em;
    padding: 12px;
    border-radius: 5px;
}

.jobComponent .well .buttonComp {
    padding-top: 25px;
    border-radius: 5px;
}

.skillsComp h5 {

    height: 50px;
    padding-bottom: 10px;
}


.jobComponent .well h6.daysAgo {
    line-height: 25px;
    font-size: 0.9em;
}

#jobCard .thankYouBanner h4 {
    text-align: center;
    line-height: 25px;
    font-size: 1.1em;
}

/*JobCards*/

/*COURSE VIEW*/
#CourseCompView {
    background-color: white;
}

#sectionHeadearCourses {
    height: 100%;
   background-image: linear-gradient(to right top, #051937, #002b65, #003d96, #004fca, #0060fe);
    background-position: center;
    background-size: cover;
}

.containerBackCourse {
    background: rgba(0, 94, 256, 0.2);
    overflow: hidden;
    height: 100%;
     padding: 3% 4% 2% 3%;
}

#CourseCompView .lineComponent {
    padding: 15px 0px 15px 0px;
}

#CourseCompView .lineSmallAbout {
    height: 1px;
    background-color: #CCCCFF;
    width: 50%;
    transition: 0.5s ease-in;
}

#CourseCompView .lineSmallBoxRight {
    height: 15px;
    width: 15px;
    background-color: #CCCCFF;
    position: absolute;
    margin-top: -7px;
    right: 140px;
    transition: 0.5s ease-in;
}

#CourseCompView .lineSmallBoxLeft {
    height: 15px;
    width: 15px;
    background-color: #CCCCFF;
    position: absolute;
    margin-top: -7px;
    transition: 0.5s ease-in;
}

#CourseCompView:hover .lineSmallAbout {
    background-color: var(--theme-color);
    transition: 0.5s ease-in;
    width: 75%;
}

#CourseCompView:hover .lineSmallBoxLeft {
    background-color: var(--theme-color);
    border-radius: 40px;
    display: block;
    transition: 0.5s ease-in;
}

#sectionHeadearCourses .paggignationHdrRight {
    height: 100%;
    padding: 1% 8% 0% 8%;
    overflow: hidden;
    color: white;
}

#sectionHeadearCourses .paggignationHdrRight h2 {
    font-size: 1.5em;
    font-weight: normal;
    color: white;
    padding: 20px 0px 0px 0px;
    margin: 0px;

}

#sectionHeadearCourses .paggignationHdrRight h3 {
    font-size: 2.7em;
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    padding: 2px 0px 15px 0px;
    margin: 0px;

}

#sectionHeadearCourses .paggignationHdrRight h5 {
    font-size: 0.9em;
    padding: 2px 0px;
    color: white;
}

#sectionHeadearCourses .paggignationHdrRight h6 {
    font-size: 0.8em;
    padding: 2px 0px;
    color: #d7dbdd;
    font-weight: bold;
}

#sectionHeadearCourses .paggignationHdrRight h6 a {
    font-size: 1em;
    padding: 2px 0px;
    color: #eaeded;
    font-weight: normal;
}



.containerBackCourse .actionBtnDark {
    margin-top: 250px;
    padding: 10px;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.courseSecPannel .well {
    background-color: white;
    padding: 5px;
    margin-top: -10px;
    border-radius: 5px;

}

.courseHeading h3 {
    font-weight: bold;
    color: var(--primary-text-color);
    font-size: 1.5em;
    line-height: 30px;
}

.courseHeading h4 {
    line-height: 25px;
    font-size: 1em;
}

.courseHeading h5 {
    margin-left: 20px;
    padding-left: 20px;
}

.enrollNowForm .well {
     position: absolute;
    top: 65%;
    background-color: var(--secondary-color);
    padding: 0px;
    box-shadow: var(--box-shadow40);
    padding-bottom: 0px;
    border-radius: 10px;
    border: none;
    overflow: var(--overflow);
}

.enrollContainer {
    padding: 0px 15px;
}

.enrollNowForm .well h3 {
    background-color: rgba(0, 96, 256, 0.1);
    text-align: center;
    margin: 15px 0px;
    font-size: 0.9em;
    padding: 10px;
    border-radius: 5px;
}

.enrollNowForm .well h4 {
    font-size: 0.9em;
    padding: 1px 0px;
}

.enrollNowForm .well .actionBtnDark {
    font-size: 0.9em;
    margin-top: 10px;
    border-radius: 5px;
}

#sectionFeatures {
    padding-bottom: 2%;
}

#sectionFeatures h2 {
    color: var(--primary-text-color);
    padding: 15px 0px;
    margin: 0px;
    line-height: 30px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

.featuresSec .well {
    background-color: white;
    padding: 10px 15px;
    border-radius: 15px;
    box-shadow: var(--box-shadow40);
}

.featuresSec .well h3 {
    font-size: 1.2em;
    text-align: center;
}

.featuresSec .well h6 {
    font-size: 1em;
    text-align: center;
}

.courseIncludesPan h3 {
    color: var(--primary-text-color);
    padding: 15px 0px;
    margin: 0px;
    line-height: 30px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#sectionCourseIncludes .panel {
    background-color: white;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid transparent;
}

#sectionCourseIncludes .panel .panel-heading {
    background-color: white;
    border-radius: 10px;
}

#sectionCourseIncludes .panel .panel-body {
    border-radius: 10px;
}

#sectionCourseIncludes .panel-heading i {
    color: var(--theme-color);
    font-size: 1.5em;
    padding-top: 8px;
    padding-left: 0px;

}

#sectionCourseIncludes h4.panel-title {
    padding: 10px;
    margin: 0px;
    color: var(--secondary-text-color);
    font-size: 1em;

}

#sectionCourseIncludes .panel-body h2 {
    padding-left: 45px;
    font-size: 1.1em;
    font-size: bold;
    margin-top: 0px;
}

#sectionCourseIncludes .panel-body h5 {
    padding-left: 45px;
    font-size: 0.9em;
    line-height: 25px;
    margin-top: 0px;
}

#sectionCourseIncludes .LearningIncludesCour .well {
    background-color: var(--theme-color);
    color: white;
    padding: 5px;
    border-radius: 10px;
}

#sectionCourseIncludes .LearningIncludesCour .well h2 {
    font-size: 0.9em;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: whitesmoke;
    line-height: 30px;
}

.LearningIncludesCour img {}

#sectionCouresModules {
    padding: 2% 0% 4% 0%;
}

#sectionCouresModules h2 {
    color: var(--primary-text-color);
    padding: 15px 0px 20px 0px;
    margin: 0px;
    line-height: 35px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#sectionCouresModules .courseDescp .well {
    background-color: white;
    border-radius: 10px;
    padding: 0px 15px;
    box-shadow: var(--box-shadow40);
}

#sectionCouresModules .courseDescp .well h5 {
    font-size: 1em;
    line-height: 30px;
}

#sectionCouresModules .courseContPan h5 {
    padding: 15px 0px 0px 0px;
    font-size: 0.9em;
    margin-top: 0px;
}

#sectionCertificate h2 {
    color: var(--primary-text-color);
    padding: 15px 0px;
    margin: 0px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#sectionCertificate .certifiactionComp .well {
    overflow: hidden;
    border-radius: 15px;
    background-color: white;
    box-shadow: var(--box-shadow40);
    padding: 15px 15px;
}


.certifiactionComp img {
    border-radius: 8px;
}

.enrollFormCourse h4 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    font-size: 1.2em;
    font-weight: bold;
    color: var(--primary-text-color);
}

.enrollFormCourse label {
    font-size: 0.8em;
}

.enrollFormCourse input {
    padding: 22px 15px;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    margin-bottom: 5px;
    font-size: 0.9em;
}

.enrollFormCourse select {
    height: 45px;
    border-radius: 10px;
    border: 1px solid var(--theme-color);
    margin-bottom: 10px;
}

.enrollFormCourse .termsCondition h5 {
    line-height: 16px;
    text-align: center;
    font-size: 0.7em;
    padding-top: 5px;
    margin: 0px;
}

.certifiactionComp .well .actionBtnDark {
    margin: 0px;
    border-radius: 5px;
    padding: 12px;
    font-size: 0.9em;

}

.RequestCallComp .well {
    padding: 25px;
    margin: 25px;
    border-radius: 15px;
    background-color: white;
    box-shadow: none;
    border: 1px solid var(--theme-color);
}



.RequestCallComp .well h3 {
    text-align: center;
    margin: 0px;
    line-height: 25px;

    padding: 10px;
}

.RequestCallComp .well h4 {
    padding-left: 10px;
    text-align: center;
}

#sectionInstructorProfile .well {
    background-color: white;
    border-radius: 15px;
    padding: 10px 15px 20px 15px;
}

#sectionInstructorProfile .well h4 {
    padding-bottom: 10px;
    font-size: 1em;
}

.courseInstPan .instDetails {
    padding-left: 20px;
}

.courseInstPan .instDetails h2 {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-size: 1.2em;
    color: var(--primary-text-color);
    font-weight: bold;
}

.courseInstPan .instDetails h3 {
    padding-left: 05px;
}

#sectionInstructorProfile .courseInstPan .instDetails h4 {
    padding: 0px;
    margin: 0px;
    line-height: 18px;
    font-size: 0.9em;
}

.courseInstPan h5 {
    line-height: 25px;
    font-size: 1em;
    margin: 0px;
    padding-top: 25px;
}

.courseInstPan span {
    font-weight: bold;
    padding-left: 25px;
}

.courseInstPan {
    padding: 20px;
}

.courseInstPan img {
    border-radius: 10px;
    margin-left: 10px;
    height: 180px;
    z-index: 1;
    top: 10px;
}

#courseKeyFeatures h2 {
    color: var(--primary-text-color);
    padding: 15px 0px;
    margin: 0px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
}

/*COURSE VIEW*/


/*OUR COURSES*/
.courseTypesPage .well {
    box-shadow: var(--box-shadow40);
    padding: 0.5rem;
    overflow: hidden;
    border-radius: .5rem;
    padding-bottom: 15px;
    background-color: white;
    transition: 0.7s;
    margin-bottom: 25px;
    cursor: pointer;
}

.courseTypesPage .well img {
    border-radius: .25rem;
}

.courseTypesPage .well:hover {
    box-shadow: var(--box-shadow10);
    transition: 0.2s;
}

.courseTypesPage .well .actionBtnWhite {
    font-size: 0.8em;
    border: 1px solid rgba(0, 96, 254, 0.2);
    border-radius: 5px;
    margin: 10px 0px 0px 0px;
}

.courseTypesPage .well:hover .actionBtnWhite {
    background-color: var(--theme-color);
    transition: 0.5s;
    color: var(--secondary-color);
    border: 1px solid var(--theme-color);
}

.courseTypesPage .well:hover .actionBtnWhite i {
    color: var(--secondary-color);
    transition: 0.5s;
    padding-left: 10px;
}

.courseTypesPage .well .courseTitlePage {
    transition: 0.3s;
}

.courseTypesPage .well .courseTitlePage h3 {
    margin: 0px;
    font-size: 1.1em;
    padding: 15px 10px;
    position: absolute;
    width: 86%;
    color: var(--primary-text-color);
    line-height: 30px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0.2rem .2rem 0.8rem #b7b6b5;
    text-align: center;
    border: 1px solid transparent;
    transition: 0.5s ease-in;
    margin: -25px 15px 10px 15px;
    font-weight: bold;
}

.courseTypesPage .well:hover .courseTitlePage h3 {
    background-color: white;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    transition: 0.3s ease-in;
}

.courseDetailsPage {
    padding: 45px 25px 0px 25px;
}

.courseTypesPage .well h5 {
    margin: 0px;
    font-size: 0.9em;
    text-align: left;
    padding: 5px 0px;
}

.courseTypesPage .well h6 {
    margin: 0px;
    font-size: 0.9em;
    line-height: 22px;
    text-align: center;
    padding: 10px 25px;
}

.courseTypesPage .well h6 a {
    color: var(--theme-color);
    font-weight: bold;
    font-size: 0.8em;
}

.courseTypesPage .well i {
    color: var(--theme-color);
    font-size: 1em;
}

/*paggination*/
.pagination {

    margin-top: 00px;
}

.pagination a {
    color: white;
    float: left;
    font-size: 0.9em;
    padding: 4px 16px;
    text-decoration: none;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    margin-left: 5px;
    margin-right: 5px;

}

.pagination h6 {
    color: var(--theme-color);
    float: left;
    font-size: 0.9em;
    padding: 4px 16px;
    text-decoration: none;
    background-color: transparent;
    margin-top: 30px;
    margin-right: 5px;

}

.pagination p {
    color: var(--theme-color);
    font-size: 0.8em;
    padding-top: 10px;
    padding-right: 10px;
}

.pagination i {
    color: white;
}

.pagination a.active {
    background-color: white;
    color: var(--secondary-text-color);
    transition: 0.3s;
    border: 1px solid var(--theme-color);
}

.pagination a:hover:not(.active) {
    background-color: var(--theme-color);
    color: white;
    transition: 0.5s;
}


.pagination a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}

.pagination a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*paggination*/

/*OUR COURSES*/

/*MyLearnings*/
.courseDetailsComp .well {
    background-color: white;
    box-shadow: 1px 3px 40px 0px #E1D9D7;
    padding: 10px;
    border-radius: 5px;
}

.courseDetailsComp .well img {
    border-radius: 5px;
}

.courseDetailsComp .well .courseDescpHead h2 {
    margin: 0px;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 40px;
    padding-top: 0px;
    padding-bottom: 10px;
}

.courseDetailsComp .well .courseDescpHead h4 {
    text-align: left;
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
}

.courseDetailsComp .well .courseDescpBody i {
    color: #7B33FD;
}

.courseDetailsComp .well h1.coursePrice {
    font-size: 2em;
    padding-top: 45px;
    margin: 0px;
    text-align: right;
}


.courseDetailsComp .well .courseDescpBody h5 {
    text-align: left;
    font-size: 1em;
    padding-bottom: 10px;
}

.courseDetailsComp .well .lessPaddingHr {
    margin: 15px 0px;
}

.courseDetailsComp .well .actionBtnDark {
    font-size: 0.9em;
    padding: 12px;
    margin-top: 00px;
    border-radius: 5px;

}

.courseDetailsComp .well .actionButtonDarkRound i {
    padding-left: 10px;
}

.courseDescpWell .well {
    background-color: white;
    border-radius: 15px;
    box-shadow: var(--box-shadow40);
    padding: 20px;
}

.courseAboutComp h2 {
    font-weight: bold;
}

.courseAboutComp h4 {
    font-size: 1em;
    line-height: 22px;
}

.courseDescpBody h5 {
    font-size: 1em;
}

.includesComp {
    padding: 5px 20px;
}

/*MyLearnings*/

/*Course Payment*/
.priceInfoWell .well {
    padding: 15px;
    box-shadow: 1px 3px 40px 0px #E1D9D7;
    background-color: white;
    border-radius: 15px;
    margin-top: 45px;
    padding-bottom: 0px;
}

.priceInfoWell .well .coupanComp label {
    padding-top: 15px;
    padding-bottom: 5px;
}

.priceInfoWell .well .coupanComp input {
    border: 2px solid rgba(123, 51, 253, 0.5);
    padding: 22px;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 1em;
    border-radius: 10px;
    border-style: dotted;
    color: #7B33FD;
    margin-bottom: 15px;
    font-weight: bold;
}



.priceInfoWell .well .actionButtonDark {
    font-size: 1.2em;
    letter-spacing: 1px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.priceInfoWell .well span {
    font-weight: bold;
    font-size: 1.2em;
}

.priceInfoWell .well .amoutCounter h3 {
    text-align: right;
    font-weight: bold;
    font-size: 2em;
}

.priceInfoWell .well .amoutCounter h4 {
    text-align: left;
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.5em;
}

.priceInfoWell .well .withoutCoupan h5 {
    line-height: 16px;
    text-align: center;
    color: var(--secondary-text-color);
    font-size: 0.7em;
    padding-top: 10px;
}

.priceInfoWell .well .amoutCounter h6 {
    padding-left: 10px;
}

/*Course Payment*/

/*Course Payment*/
.priceInfoWell .well {
    padding: 15px;
    box-shadow: 1px 3px 40px 0px #E1D9D7;
    background-color: white;
    border-radius: 15px;
    margin-top: 45px;
    padding-bottom: 0px;
}

.priceInfoWell .well .coupanComp label {
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 0.9em;
    color: var(--primary-text-color);
}

.priceInfoWell .well .coupanComp input {
    border: 2px solid rgba(123, 51, 253, 0.5);
    padding: 22px;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 1em;
    border-radius: 10px;
    border-style: dotted;
    color: var(--secondary-text-color);
    margin-bottom: 15px;
    font-weight: bold;
}

.priceInfoWell .well .withoutCoupan p.termsAndCond {
    line-height: 20px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 15px;
}

.priceInfoWell .well .actionBtnDark {
    font-size: 0.9em;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.priceInfoWell .well span {
    font-weight: bold;
    font-size: 1.2em;
}

.priceInfoWell .well .amoutCounter h3 {
    text-align: right;
    font-weight: bold;
    font-size: 2em;
}

.priceInfoWell .well .amoutCounter h4 {
    text-align: left;
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.5em;
}

.priceInfoWell .well .amoutCounter h6 {
    padding-left: 10px;
}

/*Course Payment*/
/*MyLearnings*/
.courseDetailsComp .well {
    background-color: white;
    box-shadow: var(--box-shadow40);
    padding: 10px;
    border-radius: 5px;
}

.courseDetailsComp .well img {
    border-radius: 5px;
}

.courseDetailsComp .well .courseDescpHead h2 {
    margin: 0px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 40px;
    padding-top: 0px;
    padding-bottom: 10px;
}

.courseDetailsComp .well .courseDescpHead h4 {
    text-align: left;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}

.courseDetailsComp .well .courseDescpBody i {
    color: var(--primary-text-color);
}

.courseDetailsComp .well h1.coursePrice {
    font-size: 1.7em;
    padding-top: 35px;
    margin: 0px;
    color: var(--primary-text-color);
    font-weight: bold;
    text-align: right;
}


.courseDetailsComp .well .courseDescpBody h5 {
    text-align: left;
    font-size: 0.9em;
    padding-bottom: 10px;
}

.courseDetailsComp .well .lessPaddingHr {
    margin: 15px 0px;
}

.courseDetailsComp .well .actionButtonDarkRound {
    font-size: 1.3em;
    margin-top: 00px;
    letter-spacing: 1px;

}

.courseDetailsComp .well .actionButtonDarkRound i {
    padding-left: 10px;
}

.courseDescpWell .well {
    background-color: white;
    border-radius: 15px;
    box-shadow: var(--box-shadow40);
    padding: 20px;
}

.courseAboutComp h2 {
    font-weight: bold;
}

.courseAboutComp h4 {
    font-size: 1em;
    line-height: 22px;
}

.courseDescpBody h5 {
    font-size: 1em;
}

.includesComp {
    padding: 5px 20px;
}

/*MyLearnings*/



/*Student Profile*/
.profileCompWell .well {

    text-align: center;
    background-color: white;
    padding: 15px 30px 15px 15px;
    border: 1px solid rgba(0, 94, 256, 0.5);
    border-radius: 10px;
    box-shadow: var(--box-shadow40);
}

.profileCompWell .well h3 {
    font-size: 1em;
    text-align: center;
    color: var(--primary-text-color);
}

.profileStudImage .uploadPicButton {
    position: relative;
    background-color: var(--theme-color);
    margin-top: -70px;
    float: right;
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 00px;
}

.profileStudImage .uploadPicButton i {
    color: white;
    font-size: 1.2em;
    padding-left: 2px;
    padding-top: 6px;
}

.profileStudImage {
    padding: 0px;
    overflow: hidden;
    height: 170px;
    width: 170px;
    margin-left: 40px;
    border: 3px solid var(--theme-color);
    border-radius: 50%;
}

.profileStudImage img {
    padding: 0px;
    height: 170px;
    width: 170px;
    overflow: hidden;
}

.greetingsWell .well {
    text-align: center;
    background-color: white;
    padding: 15px;
    box-shadow: var(--box-shadow40);
    border-radius: 10px;
    padding-bottom: 0px;
    border: 1px solid rgba(0, 94, 256, 0.5);

}

.greetingsWell .well h3 {
    font-weight: bold;
    text-align: center;
    margin: 0px;
    font-size: 1.1em;
    color: var(--primary-text-color);
}

.greetingsWell .well h4 {
    line-height: 20px;
    font-size: 0.9em;
    text-align: center;
    color: var(--secondary-text-color);
}

.profileWell .well {
    padding: 15px 15px;
    background-color: white;
    border-radius: 10px;
    box-shadow: var(--box-shadow40);
    border: 1px solid rgba(0, 94, 256, 0.5);
}

.profileWell .well i {
    font-size: 1em;
    padding-right: 15px;
    color: #7B33FD;
}

.profileWell .well h4 {
    padding-left: 0px;
    margin: 0px;
    background-color: var(--theme-color);
    border-radius: 5px;
    color: white;
    font-size: 1em;
    padding: 7px 15px;
}

.profileWell .well h5 {
    background-color: white;
    padding: 15px;
    font-size: 0.9em;
    color: #585858;
    margin-top: 0px;
    border-radius: 5px;
    box-shadow: 1px 3px 10px 0px #E1D9D7;
}


.profileWell .well .actionButtonUpdate {
    margin-top: 0px;
    margin-bottom: 20px;
    width: 50px;
    font-size: 0.8em;
    border: 1px solid rgba(0, 94, 256, 0.5);
    border-radius: 5px;
    background-color: transparent;
    padding: 5px 0px;
}

.profileWell .well .actionButtonUpdate i {
    padding-left: 15px;
    color: var(--theme-color);
    font-size: 1.2em;
    text-align: center;
}

#BasicInfoUpdate h5 {
    font-weight: bold;
    font-size: 1.2em;
    color: #585858;
}

.profileWell .well h6 {

    font-size: 0.7em;
    text-align: right;
    color: var(--secondary-text-color);
}

#BasicInfoUpdate input,
#UpdateImage input {
    border: 1px solid var(--theme-color);
    padding: 22px;
    margin-bottom: 10px;
}

#BasicInfoUpdate label {
    font-weight: normal;
    color: #5D5D5D;
    margin-bottom: 10px;
}

#BasicInfoUpdate .modal-dialog {
    padding-top: 80px;
}

#BasicInfoUpdate .actionButtonUpdate {
    padding: 8px 10px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    width: 100%;
    color: white;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 20px;
    font-size: 1em;
}

#UpdateImage .actionButtonUpdate {
    padding: 8px 10px;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    width: 100%;
    color: white;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 30px;
    font-size: 1em;
}

#BasicInfoUpdate .actionButtonClose {
    padding: 8px 10px;
    background-color: white;
    border: none;
    width: 100%;
    color: var(--theme-color);
    border-radius: 4px;
    transition: 0.5s;
    margin-top: -15 px;
    font-size: 1.8em;
}

#BasicInfoUpdate .modalInfo h4 {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

#BasicInfoUpdate .modalInfo h5 {
    text-align: center;
    font-size: 1em;
    line-height: 20px;
    font-weight: normal;
}

/*------------------------------*/

.curveUpProfile {
    height: 25px;
    width: 25px;
    transform: rotate(45deg);
    background-color: white;
    margin-right: 18px;
    margin-top: -16px;
    float: right;
    border-radius: 5px;
}

#navbar_bigScreen .actionButtonUserRound {
    margin-top: 15px;
}

.dropdown-menu {
    background-color: white;
    padding: 5px 30px;
    margin-top: 30px;
    border-radius: 15px;
    position: absolute;
}

.HrDimColor {

    margin: 0px;
    height: 1px;
    background-color: #E1D9D7;
}

.dropdown-menu h2 {
    font-size: 1.3em;
    font-weight: bold;
    color: #585858;
}

.dropdown-menu h3 {
    text-transform: none;
    font-size: 1.2em;
    font-weight: bold;
}

.dropdown-menu h5 {
    text-transform: none;
    font-size: 1em;
}

.dropdown-menu a {
    padding: 5px 0px;
    color: #585858;
    font-size: 0.95em;
}

/*------------------------------*/
/*Student Profile*/


/*-------- #enrolFormPopUp START -------------*/
.enrollFormPopUp .modal {
    padding-top: 3%;
}

.enrollFormPopUp .modal-content {
    padding-top: 0px;
    border-radius: 15px;
}

.containerComp {

    padding: 0px;
    margin: 0px;
    border-radius: 10px;
    background-image: url(../image/Gifs/queries.gif);
    background-size: var(--background-size);
    background-position: var(--background-position);
}

.sectionCompPop {
    border-radius: 10px;
    background-color: rgba(0, 94, 256, 0.7);
}

.enrollFormPopUp .enrollPopLong img {

    position: absolute;
}

.growFeatures {
    width: 100%;
}

.enrollFormPopUp .growFeatures h1 {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    color: white;
    padding-top: 0px;
}

.enrollFormPopUp .growFeatures h2 {
    font-size: 1.2em;
    text-align: center;
    padding-top: 10px;
    color: white;
    letter-spacing: 1px;
}

.enrollFormPopUp span.zeroCode {
    padding: 5px 35px;
    width: 100%;
    color: black;
    background-color: white;
    border-radius: 25px;
}

.enrollFormPopUp .growFeatures h3 {
    font-size: 1.2em;
    text-align: center;
}

.enrollFormPopUp .growFeatures h4 {
    font-size: 1.5em;
    line-height: 35px;
    margin: 0px;
    color: white;
    letter-spacing: 1px;
    text-align: center;
}

.enrollFormPopUp .growFeatures h5 {
    line-height: 20px;
    font-size: 1.1em;
    color: var(--theme-color);
    margin: 0px;
    margin-left: -25px;
    padding: 5px;
    border-radius: 15px;
    background-color: white;
    text-align: center;

}

.enrollFormPopUp .growFeatures .whyComp {
    padding-right: 50px;
    width: 100%;
    padding-left: 15px;

}

.enrollFormPopUp .growFeatures .whyComp h3 {
    color: white;
    font-size: 1.3em;
    letter-spacing: 1px;
}

.enrollFormPopUp .growFeatures .whyComp h6 {
    background-color: white;
    color: black;
    text-align: center;
    font-size: 1em;
    letter-spacing: 1px;
    padding: 10px 15px;
    border-radius: 25px;

}

#AllFieldsReq {
    padding-top: 20px;
    padding-bottom: 0px;
    margin: 0px;
}

#AllFieldsRequired {
    padding-top: 20px;
    padding-bottom: 0px;
    margin: 0px;
}

.inFormInFoPop {
    padding: 0px 15px;
}

.enrollFormPopUp h4.modal-title {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    text-align: center;
    font-size: 1.2em;
}

.enrollFormPopUp .enrollNowFormInput {
    margin-right: 20px;
    padding: 0px 40px;
}

.enrollFormPopUp .termsCon h5 {
    text-align: center;
    font-size: 0.9em;
    margin-top: -10px;
}

.enrollFormPopUp span {
    color: red;
}

.enrollFormPopUp span.errorPan {
    font-size: 0.8em;
    color: red;
}

.enrollFormPopUp .termsCon span {
    color: var(--theme-color);
}

.enrollNowFormInput .actionBtnWhite {
    margin-top: 32px;
    background-color: var(--theme-color);
    color: white;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    padding: 11px;
    font-size: 0.9em;
}

.enrollFormPopUp .buttonEnrollFormPopUp {
    margin-left: 90px;
    color: black;
    margin-top: 5px;
    background-color: transparent;
    border: none;

}

.enrollFormPopUp .buttonEnrollFormPopUp i {
    height: 40px;
    width: 40px;
    font-size: 1.5em;
    font-weight: lighter;
    padding-top: 10px;
    background-color: white;
    border-radius: 50%;
}

.enrollFormPopUp .enrollNowFormInput label {
    padding-top: 0px;
    font-weight: normal;
    margin-top: 10px;
    font-size: 0.8em;
}

.enrollFormPopUp .enrollNowFormInput input {
    padding: 20px;
    font-size: 0.9em;
    box-shadow: none;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
}

.enrollFormPopUp .enrollNowFormInput select {
    height: 42px;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    font-size: 0.9em;
}


/*JOB CARD SECTION*/
.perksBenefitsComp,
.jobTipWell {
    padding: 3% 0%;
}

.perksBenefitsComp h3 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.perksBenefitsComp h4 {
    text-align: center;
    font-size: 1em;
    line-height: 22px;
}

.perksBenefitsWell .well {
    background-color: var(--theme-color);
    margin-top: 25px;
}

.perksBenefitsWell .well h2 {
    color: white;
    text-align: center;
    line-height: 35px;
    font-size: 1.8em;
}

.jobTipWell {
    background-color: transparent;
    text-align: center;
    border-radius: 0px;
    border: none;
}

.jobTipWell h2 {
    text-align: left;
    font-size: 1.2em;
}

.jobTipWell h4 {
    line-height: 30px;
    font-size: 1em;
    text-align: left;
}

#sectionCourses .container-fluid {
    padding: 0% 8%;
}

.improveSkills .well {
    padding: 0px;
    border-radius: 15px;
    overflow: hidden;
}

.improveSkills .well .improveContent {
    position: absolute;
    padding: 5%;
    top: 50px;
    left: 50px;
}

.improveSkills .well .actionBtnWhite {
    border: none;
}

.improveSkills .well .improveContent h3 {
    color: white;
    font-size: 2.5em;
    font-weight: bold;
}

.improveSkills .well .improveContent h4 {
    color: white;
    line-height: 25px;
    font-size: 1.2em;
}

.jobCompDetails .well {
    box-shadow: var(--box-shadow40);
    background-color: white;
    padding: 15px 15px;
    border-radius: 15px;
    border: 1px solid var(--theme-color);
    margin-top: 00px;
}

.jobCompDetails .well h2 {
    line-height: 22px;
    font-size: 1.5em;
    color: var(--primary-text-color);
    margin: 0px;
    font-weight: bold;
}

.jobCompDetails .well .jobCompany h4 {
    line-height: 20px;
    font-size: 1em;
    margin: 0px;
    padding-top: 5px;
}

.jobCompDetails .well .actionBtnDark {
    padding: 10px;
    border-radius: 5px;
    font-size: 0.9em;
}

.jobCompDetails .well .jobCompany h5 {
    line-height: 22px;
    font-size: 0.9em;
}

.jobCompanyInfo .addressComp h4 {
    line-height: 18px;
    font-size: 1em;
    color: var(--secondary-text-color);
}

.jobCompanyInfo .jobDetailsDescription h4 {
    line-height: 18px;
    font-size: 1em;
    color: var(--secondary-text-color);
}

.jobCompDetails .well .jobDetailsDescription h5 {
    line-height: 22px;
    font-size: 0.9em;
}


.jobCompDetails .well .lessPaddingHr {
    padding: 0px;
    margin-bottom: 10px;
    height: 1px;
    background-color: var(--secondary-color);
}

.jobComponentSmall .well {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    margin: 10px 0px;
    box-shadow: var(--box-shadow20);
}

.jobComponentSmall .well a {
    color: black;
}

.jobComponentSmall .well h4 {
    font-size: 1.1em;
    line-height: 25px;
    margin: 0px;
    padding-left: 0px;
}

.jobComponentSmall .well h6 {
    line-height: 20px;
    margin: 0px;
    font-size: 0.9em;
    padding: 5px;
}

.jobComponentSmall .well h5 {
    line-height: 25px;
    font-size: 1em;
}

.jobComponentSmall .well i {
    color: #7B33FD;
}

.jobCompanyInfo h5 {
    padding: 0px;
    margin: 0px;
    padding: 5px 0px;
}

.widgetQuoteRight .widgetQuote h5 {

    font-size: 1em;
    line-height: 20px;
    text-align: center;
}

.widgetQuoteRight .verticalLine {
    height: 5px;
    width: 81%;
    margin-top: 30px;
    position: absolute;
    margin-left: 100px;
    background-color: var(--theme-color);
}

.numberComp {
    padding-bottom: 5px;
}

.roundNumber {
    background-color: var(--theme-color);
    height: 40px;
    width: 40px;
    padding: 0px 0px;
    border-radius: 50%;
}

.roundNumber.One {
    margin-left: 80px;

}

.roundNumber.Two {
    margin-left: 140px;

}

.roundNumber.Three {
    margin-left: 210px;
}

.numberComp h4 {

    color: white;
    padding: 10px 15px;
    font-size: 1.2em;
}

.widgetQuote .well {
    margin-top: 40px;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: var(--box-shadow40);
}

.jobTitleComp h4 {
    text-align: center;
    line-height: 25px;
    margin-top: -35px;

}

.widgetQuote .well span {
    color: red;
}

.widgetQuote .well label {
    font-size: 0.8em;
    padding: 0px 5px;
    margin-left: 10px;
    color: #5D5D5D;
    background-color: #FCFCFD;
    position: relative;
}

.widgetQuote .well input {
    margin-top: -10px;
    border-radius: 5px;
    padding: 20px;
    font-size: 0.8em;
    border: 1px solid var(--theme-color);
}

.widgetQuote .well select {
    margin-top: -10px;
    height: 50px;
    font-size: 0.8em;
    border: 1px solid var(--theme-color);
}

.widgetQuoteRight .actionBtnDark {
    border-radius: 5px;
    padding: 10px;
    font-size: 0.9em;
}

.widgetQuoteRight .form-group p {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 18px;
}

.widgetQuoteRight .form-group h6 {
    font-size: 0.8em;
    line-height: 18px;
}

/*JobCards*/

/*JOB CARD SECTION*/

/*TESTIMONIALS SECTION*/
.sectionFeedback .testimonialPannel .well {
    border: none;
    box-shadow: var(--box-shadow40);
    border-radius: 15px;
    padding: 25px;
    background-color: white;
}

.testimonialPannel .well .verticalLines {
    height: 1px;
    background-color: #E1D9D7;
    margin: 10px 0px;
}

.sectionFeedback .testimonialPannel .well .packageComp h5 {
    margin-top: 10px;
    position: absolute;
    background-color: var(--theme-color);
    width: 100px;
    color: white;
    float: right;
    margin-left: 120%;
    padding: 5px 0px;
    border-radius: 25px;
    text-align: center;
    margin-bottom: 0px;
}


.testimonialPannel .well h2 {
    font-size: 1.2em;
    margin: 0px;
    color: var(--primary-text-color);
    padding: 0px;
    font-weight: bold;
}

.testimonialPannel .well h5 {
    font-size: 0.9em;
    margin: 0px;
    padding: 2px 0px 10px 0px;
    font-weight: normal;
    line-height: 22px;
}

.sectionFeedback .testimonialPannel .well h6 {
    font-size: 1em;
    margin: 0px;
    padding: 20px 0px 10px 0px;
    font-weight: normal;
    line-height: 22px;
}

/*TESTIMONIALS SECTION*/
/*TRAINERS*/
.profileCardLong .well {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: white;
    overflow: hidden;
    box-shadow: var(--box-shadow40);
    transition: 0.5s;

    border: none;
}

.profileCardLong .well .profileImageLong {
    height: 120px;
    width: 120px;
    margin-top: 10px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--theme-color);
    padding: 5px;
}

.profileCardLong .well .profileImageLong img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
}

.profileCardLong .well i {
    color: var(--theme-color);
}

.profileDetailsLong h3 {
    font-weight: bold;
    font-size: 1.1em;
}

.profileDetailsLong h5 {
    font-size: 0.9em;
    padding: 0px;
    line-height: 25px;
    margin: 0px;
}

.profileCardLong h6 {
    font-size: 1em;
    padding-top: 10px;
    line-height: 22px;
}



.profileCardSmall .well {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: white;
    height: 100%;
    box-shadow: var(--box-shadow40);
    transition: 0.5s;

    border: none;
}

.profileCardSmall .well .profileImageSmall {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.profileCardSmall h3 {
    font-weight: bold;
    font-size: 1.2em;
    padding-top: 20px;
    margin: 0px;
}

.profileCardSmall .profileDetailsLong h5 {
    font-size: 1em;
    padding: 2px;
    margin: 0px;
}

.profileCardSmall h6 {
    font-size: 1em;
    padding-top: 00px;
    line-height: 22px;
}

/*TRAINERS*/

/*inCourseBanner*/


.companyAchive h4 span {
    font-size: 2em;
    font-weight: bold;
}

.companyAchive h4 {

    padding: 15px 35px;
    border-radius: 15px;
    font-size: 0.9em;
    text-align: center;
    line-height: 35px;
    margin-right: 0px;
    color: white;
}

.ourSepecialisation h6 {
    text-align: center;
    line-height: 25px;
    padding-bottom: 10px;
}

.specialImgComp {
    height: 100px;
    aspect-ratio: 1;
    border-radius: 20px;
    position: absolute;
    right: 25px;
    padding: 15px;
    background-color: var(--theme-color);
}

.specialWell .well {
    background-color: rgba(0, 96, 254, 0.2);
    border-radius: 15px;
    box-shadow: none;
    margin-top: 25px;
}

.specialWell .well h4 {
    color: var(--primary-text-color);
    letter-spacing: 0px;
    font-weight: bold;
    font-size: 1.4em;
    margin: 0px;
    line-height: 28px;
}

.specialWell .well h5 {
    color: var(--primary-text-color);
    letter-spacing: 0px;
    line-height: 25px;
    font-size: 1em;
}

.ourSepecialisation .specialHead h4 {
    font-size: 2.5em;
    color: var(--primary-text-color);
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    letter-spacing: 0px;
}

.ourSepecialisation .specialHead h5 {
    font-size: 1.2em;
    color: var(--secondary-text-color);
    text-align: center;
    line-height: 25px;
    padding-bottom: 25px;
    letter-spacing: 0px;
}

#NewLaunchCourse .actionBtnWhite {
    border: 1px solid var(--theme-color);
    margin: 0px;
    letter-spacing: 0px;
}


/*inCourseBanner*/

/*SUCCESS STORY*/
.placementStats .SectionHeadComp {
    text-align: center;
}

.placementStats {
    padding: 2% 0% 6% 0%;
}



.placementStats .companyAchive h4 span {
    font-size: 2em;
    font-weight: bold;
    color: white;
}

.placementStats .companyAchive h4 {

    padding: 15px 35px;
    border-radius: 15px;
    font-size: 0.9em;
    text-align: center;
    line-height: 35px;
    margin-right: 0px;
    color: white;
}

.placementStatsComp .actionBtnWhite {
    border: 1px solid var(--theme-color);
    margin: 0px;
    letter-spacing: 0px;
}



/*SUCCESS STORY*/