@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
body{
    scroll-behavior: smooth;
    
}
.modal-background {
    background-color: rgba(10, 10, 10, 0.86);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#callreqmodal {
    display:none;
}
.modalshow {
    display:flex !important;
}
.wrapper{
    padding-top: 58px;
    scroll-behavior: smooth;
}
.sec-grey-bg{
    background:#F7F7FB;
}
.header{
    height: 80px;
    background-image: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#key-highlight-map{
    position: absolute;
    bottom: 60px;
}
.header .header-row .menu-items a{
    font-size: 14px;
    font-family: 'DM Sans';
}
.btn-reqsub{
    background: #F90 !important;
}
.request-form{
    width: inherit;
}
.request-call-modal .request-call-group{
    padding: 10px 0;
}
.header .header-row .menu-items a:hover{
    color:#f90 !important;
}
.header .header-inner .header-row .logo{
    width: 150px;
    height: 60px;
}
.header .header-inner{
    padding: 0;
}
.header .header-inner .header-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}
.header .header-inner .header-row .card .menu-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-height: 392px;
    overflow-y: auto;
}
.header .header-row .menu-items a {
    color: #252525;
    text-transform: capitalize;
    font-size: 16.5px;
    font-weight: 400;
    margin-left: 13px;
    margin-right: 13px;
    padding: 8px 14px;
}
.about-ytmodal{
    width: 100%;
    min-height: 350px;
}
.ytcard{
    cursor: pointer;
}
.btn-project-sign{
    background: #F90;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-radius: 100px;
    border: transparent;
    padding: 10px;
    color: #fff;
}
.btn-project-sign:hover{
    background:#db4e16;
}
@media screen and (max-width: 1400px){
    .header .header-inner{
        align-content: center;
    }
}
@media screen and (max-width: 991px){
    .header .header-row .menu-items a{
        max-width: none;
    }
}
.btn-iit-signup{
    border-radius: 50px !important;
    font-family: 'DM Sans';
    background: linear-gradient(70deg, #faf298, #995b30, #d69f29, #e2ba49, #f1d66c);
    color: #000;
}
.modal-certifiacte-content{
    max-width:720px !important;
}
.modal-certifiacte-content .obls-certificate-group{
    max-width:720px;
}
.obls-ceritificate{
    max-width: none;
}
.cerificate-img-modal{
    display: flex;
    width: 100%;
}
.sec-hero-form{
    display: flex;
    background-image: url(../img/rbi-cover-photo.png);
    padding:0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.campus-bg{
    background-image: url(/landingpages/iit/img/main-banner-option-1.jpg);
}
.sec-hero-form .hero-blue-wave{
    display: flex;
    /*background-image: url(../img/hero-blue-wave.png);*/
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.sec-hero-form .hero-main-container{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.sec-hero-form .hero-main-container .left-content{
    display: flex;
    flex-direction: column;
    justify-content:center;
    width:50%;
}
.sec-hero-form .hero-main-container .left-content .price-txt{
    margin: 0;
    margin-top: 15px;
}
.sec-hero-form .hero-main-container .left-content .price-txt .price-value{
        font-size: 40px;
    line-height: 1.3;
}
.sec-hero-form .hero-main-container .left-content .price-txt .gst-txt{
    font-size: 16px;
}
.sec-hero-form .hero-main-container .left-content h2{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    width: 500px;
    margin-bottom: 5px;
}
.sec-hero-form .hero-main-container .left-content p{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}
.sec-hero-form .hero-main-container .left-content h3{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}
.stamp-container{
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    gap: 56px;
}
.sec-hero-form .hero-main-container .left-content .stamp-container .card{
    border-top-left-radius: 25px;
}
.sec-hero-form .hero-main-container .left-content .stamp-container .card .card-inner{
    align-items: center;
}
.sec-hero-form .hero-main-container .left-content .stamp-container .card .card-inner span{
    position: initial;
}
.sec-hero-form .hero-main-container .left-content .stamp-container .card .card-inner p{
    margin:0;
    line-height:normal;
}

.stamp-container .card{
    display: flex;
    position: relative;
    flex-direction: row;
    background: #012D77;
}
.stamp-container .card::before{
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    height: 5px;
    width: 90%;
    background: #00DAFF;
}
.stamp-container .card::after{
    content: "";
    position: absolute;
    bottom: -4px;
    right: -4px;
    height: 90%;
    width: 5px;
    background: #00DAFF;
}

.stamp-container .card .card-inner{
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: relative;
    padding: 10px 15px;
}
.stamp-container .card .card-inner span{
    display: flex;
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: -25px;
}
.stamp-container .card .card-inner p{
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #fff;
    margin: 0;
    margin-left: 35px;
}


.sec-hero-form .right-content .start-form{
    background:#000; 
border-radius: 10px;
padding:23px 34px;
display:flex;
flex-direction:column;
position:relative;
}
.sec-hero-form .right-content .start-form h2{
   font-weight: 600;
font-size: 26px;
line-height: 37px;
text-align: center;
color: #FFFFFF; 
margin-bottom:15px;
max-width: 400px;
}
.sec-hero-form .right-content .start-form textarea, .sec-hero-form .right-content .start-form input, .sec-hero-form .right-content .start-form select{
    background: #FFFFFF;
border-radius: 4px;
padding:18px;
border:transparent;
margin-bottom:15px;
outline:none;
width: 400px;
resize:none;
}
.sec-hero-form .right-content .start-form select{
    color:#777;
}
.sec-hero-form .right-content .start-form button{
border-radius: 100px;
border:transparent;
padding:14px;
font-weight: 700;
font-size: 20px;
color: #FFFFFF;
text-align: center;
margin-bottom:20px;
font-family: 'Lato';
cursor:pointer;
}
.sec-hero-form .right-content .start-form .btn-start{
    background: linear-gradient(70deg, #faf298, #995b30, #d69f29, #e2ba49, #f1d66c);
        color: #000;
    font-family: DM Sans;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
.sec-hero-form .right-content .start-form .btn-start:hover{
    background:#db4e16;
}
.sec-hero-form .right-content .start-form .btn-download{
    border: 1px solid #FFF;
    background: transparent;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.sec-hero-form .right-content .start-form .btn-download:hover{
    background:#db4e16;
}
.sec-hero-form .right-content .start-form .btn-download i{
    margin-left: 20px;
}
.sec-hero-form .right-content .start-form .count{
    font-size: 16px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
margin-bottom:20px;
}
.sec-hero-form .right-content .start-form .divider{
    opacity: 0.5;
    display:flex;
    height:1px;
    background: #FFFFFF;
    position:absolute;
    bottom: 64px;
    right: 0;
left: 0;
}
.sec-hero-form .right-content .start-form .loglnk{
    font-size: 18px;
line-height: 22px;
text-align: center;
color: #FFFFFF;
margin-top: 28px;
}
.sec-hero-form .right-content .start-form .loglnk a{
    font-weight: 500;
font-size: 18px;
line-height: 22px;
text-align: center;
text-decoration-line: underline;
color: #FFFFFF;
}

@media screen and (max-width: 1200px){
     .sec-hero-form .right-content .start-form {
        padding: 20px 30px;
   }
   .sec-hero-form .right-content .start-form h2 {
        font-size: 24px;
line-height: 31px;
margin-bottom: 13px;
   }
    .sec-hero-form .right-content .start-form input {
        padding: 16px;
        margin-bottom: 14px;
    }
    .sec-hero-form .right-content .start-form button {
        font-size: 16px;
        margin-bottom: 18px;
    }
    .sec-hero-form .right-content .start-form .count {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 18px;
    }
    .sec-hero-form .right-content .start-form .loglnk {
        font-size: 16px;
        line-height: 20px;
    }
    .sec-hero-form .right-content .start-form .divider {
        bottom: 60px;
    }
    .sec-hero-form .right-content .start-form .loglnk a{
        font-size:16px;
    }
    .stamp-container .card .card-inner p{
        font-size: 18px;
    }
    .sec-hero-form .hero-main-container .left-content .stamp-container{
        gap: 20px;
        margin-right: 10px;
    }

    .sec-hero-form .hero-main-container .left-content .stamp-container .card .card-inner p{
        line-height:normal;
    }

}
@media screen and (max-width: 991px){
    .sec-hero-form .hero-blue-wave{
        padding:20px 0;
    }
    .sec-hero-form .hero-main-container .left-content{
        width:100%;
    }
    .sec-hero-form .hero-main-container .left-content h2{
        width: auto;
        font-size: 23px;
        line-height: normal;
        margin-bottom: 15px;
    }
    .sec-hero-form .hero-main-container .left-content p{
            font-size: 20px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .sec-hero-form .hero-main-container .left-content h3{
        font-size: 25px;
        line-height: normal;
    }
    .sec-hero-form .hero-main-container{
        flex-direction: column;
        gap: 50px;
    }
    .stamp-container{
        margin-left: 25px;
    }
    .stamp-container .card .card-inner span{
        width: 45px;
        height: 45px;
    }
    .stamp-container .card .card-inner p{
        font-size: 16px;
        margin-left: 17px;
        line-height: normal;
        margin-bottom:0;
    }
   .sec-hero-form .right-content .start-form h2 {
        font-size:20px;
    }
       .sec-hero-form .right-content .start-form {
        padding: 20px;
        border: 1px solid #fff;
    }
    .sec-hero-form .right-content .start-form input {
         padding: 14px;
         width: auto;
    }
   }
@media screen and (max-width: 560px){
    .sec-hero-form .hero-main-container .left-content h2{
        font-size: 22px;
    }
    .sec-hero-form .hero-main-container .left-content p{
        font-size: 16px;
    }
    .sec-hero-form .hero-main-container .left-content .stamp-container{
        margin-left: 0;
        flex-direction: column;
        width: fit-content;
        gap: 30px;
    }
    .sec-hero-form .hero-main-container .left-content h3{
        font-size: 18px;
    }
    .stamp-container .card .card-inner span{
        width: 35px;
        height: 35px;
        left: -16px;
    }
    .stamp-container .card .card-inner p{
        font-size: 14px;
    }

    .sec-hero-form .hero-blue-wave{
        padding:20px 10px;
    }
       .sec-hero-form .right-content .start-form button {
        font-size: 14px;
    }
    .sec-hero-form .right-content .start-form .loglnk{
        font-size: 14px;
        line-height: 16px;
    }
}
/*About Collaboration*/
.sec-about-collab{
    display: flex;
    padding: 60px 0;
    padding-bottom: 100px;
    position:relative;

}
#job-avenue-map , #curriculum-map{
    position: absolute;
    bottom: 25px;
}
#curriculum-map{
    position: absolute;
    top: -25px;
}
.sec-about-collab .main-outer-collab{
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
    position: relative;
}
.sec-about-collab .main-outer-collab .right-content{
    display: flex;
    width: 50%;
}
.sec-about-collab .main-outer-collab .right-content .img-bx{
    display: flex;
    width: 100%;
}
.sec-about-collab .main-outer-collab .right-content .img-bx img{
    border-radius: 20px;
}
.sec-about-collab .main-outer-collab .left-content{
    display: flex;
    flex-direction: column;
    width: 50%;
}
.sec-about-collab .main-outer-collab .left-content h2{
        color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    margin-bottom:10px;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.sec-about-collab .main-outer-collab .left-content p{
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #6F6C90;
}
.sec-about-collab .main-outer-collab .middle-sticky-content{
    display: flex;
    flex-direction: row;
    position: absolute;
    background: #F90;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    bottom: -96px;
    width: 60%;
    right: 0;
    padding: 20px 40px;
    gap: 30px;
}
.sec-about-collab .main-outer-collab .middle-sticky-content .card{
    display: flex;
    flex-direction: column;
}
.sec-about-collab .main-outer-collab .middle-sticky-content .card .img-bx{
    display: flex;
    width: 100px;
    height: 100px;
}
.sec-about-collab .main-outer-collab .middle-sticky-content .card p:first-child{
    margin: 0;
    margin-top: 12px;
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding:0;
    width: max-content;
}
.sec-about-collab .main-outer-collab .middle-sticky-content .card p:last-child{
    font-family: DM Sans;
    font-size: 15px;
    padding:0;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: max-content;
    color: #fff;
    margin: 0;
}
.sec-about-collab .main-outer-collab .middle-sticky-content .sticky-img{
    display: flex;
    width: 100px;
    height: 31px;
}
.sec-about-collab .main-outer-collab .middle-sticky-content p{
font-family: DM Sans;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding-top: 20px;
}
@media screen and (max-width: 1200px){
    .sec-about-collab .main-outer-collab .left-content{
        margin-top:0;
    }
    .sec-about-collab .main-outer-collab .left-content h2{
        margin-top:0;
    }
}
@media screen and (max-width: 1400px){
    .sec-about-collab .main-outer-collab{
        flex-direction: column;
        gap: 20px;
    }
    .sec-about-collab .main-outer-collab .right-content{
        display:none;
    }
    .sec-about-collab .main-outer-collab .left-content{
        width:100%;
    }
    .sec-about-collab .main-outer-collab .left-content h2{
        margin: 0;
        font-size: 30px;
        margin-bottom: 15px;
    }
    .sec-about-collab .main-outer-collab .middle-sticky-content{
        position: initial;
        width: auto;
    }
}
@media screen and (max-width: 560px){
    .sec-about-collab{
        padding: 20px 10px;
    }
    .sec-about-collab .main-outer-collab .left-content h2{
        font-size: 26px;
    }    
    .sec-about-collab .main-outer-collab .left-content p{
        font-size: 16px;
        line-height: normal;
        margin: 0;
    }
    .sec-about-collab .main-outer-collab .middle-sticky-content{
        flex-direction: column;
        gap: 10px;
    }
    .sec-about-collab .main-outer-collab .middle-sticky-content .card{
        align-items: center;
    }
    .sec-about-collab .main-outer-collab .middle-sticky-content .sticky-img{
            display: none;
    }
    .sec-about-collab .main-outer-collab .middle-sticky-content p{
        text-align: center;
    }
}
/*Job Avenues*/
.sec-job-avenue{
    display: flex;
    padding: 70px 0;
}
.sec-job-avenue h2{
    color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    margin-bottom: 50px;
}
.sec-job-avenue .card-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 25px;
    justify-content: center;
}
.sec-job-avenue .card-row span{
    display: flex;
    cursor:pointer;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 18px 24px rgba(8, 15, 52, 0.08);
    border-radius: 10px;
    width: calc(33.33% - 77px);
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #003661;
    position: relative;
    padding-left: 40px;
    transition: 400ms ease;
}
.sec-job-avenue .card-row span:hover{
    transform: scale(1.08); 
}
.sec-job-avenue .card-row .first-card::before{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    height: 52px;
    width: 5px;
    background: #008FFF;
    border-radius: 4px;
}
.sec-job-avenue .card-row .second-card::before{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    height: 52px;
    width: 5px;
    background: #04DFC8;
    border-radius: 4px;
}
.sec-job-avenue .card-row .third-card::before{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    height: 52px;
    width: 5px;
    background: #F45B51;
    border-radius: 4px;
}
@media screen and (max-width: 991px){
    .sec-job-avenue h2{
        font-size: 35px;
        line-height: normal;
        margin-bottom: 25px;
    }
    .sec-job-avenue .card-row span{
        width: calc(50% - 77px);
    }
}
@media screen and (max-width: 767px){
    .sec-job-avenue{
        padding: 20px 10px;
    }
    .sec-job-avenue .card-row span{
        width:100%;
    }
}
/*About Faculty*/
.sec-about-faculty{
    display: none;
    padding: 60px 0;
    background: rgba(242, 153, 74, 0.08);
}
.sec-about-faculty h2{
    color: var(--3rd, #14183E);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    margin: 0;
    text-align: center;
    margin-bottom: 50px;
}
.sec-about-faculty .card-container{
    display: flex;
    flex-direction: row;
    gap: 50px;
    justify-content: center;
}
.sec-about-faculty .card-container .card{
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 10px;
    background: var(--white, #FFF);
    box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
    width: 50%;
    padding: 40px 30px;
}
.sec-about-faculty .card-container .card .img-bx{
    display: flex;
    width: 67px;
    height: 67px;
    position: absolute;
    top: -35px;
    left: -30px;
}
.sec-about-faculty .card-container .card p{
    color: var(--neutral-600, #6F6C90);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
}
.sec-about-faculty .card-container .card h5{
    color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}
.sec-about-faculty .card-container .card h6{
    color: var(--neutral-600, #6F6C90);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
@media screen and (max-width: 991px){
    .sec-about-faculty h2{
        font-size: 35px;
        margin-bottom: 30px;
    }
    .sec-about-faculty .card-container{
        flex-direction: column;
    }
    .sec-about-faculty .card-container .card{
        width: auto;
    }
}
@media screen and (max-width: 560px){
    .sec-about-faculty{
        padding: 20px 35px;
    }
    .sec-about-faculty h2{
        font-size: 30px;
        margin-bottom: 25px;
    }
    .sec-about-faculty .card-container .card p{
        font-size: 16px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .sec-about-faculty .card-container .card h5{
        font-size: 16px;
        margin-bottom: 3px;
    }
    .sec-about-faculty .card-container .card h6{
        font-size: 14px;
    }
}
/*Our Hiring Partner*/
.sec-hiring-partner{
    display: flex;
    background: #F7F7FB;
    padding: 60px 0;
}
.sec-hiring-partner h2{
    color: var(--neutral-800, #170F49);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 45px;
}
.sec-hiring-partner .img-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
}
.sec-hiring-partner .img-container .img-bx{
    display: flex;
    width: calc(20% - 50px);
    height: fit-content;
    cursor: pointer;
    transition: all .2s ease-in-out;
    justify-content: center;
    padding: 25px 0;
}
.sec-hiring-partner .img-container .img-bx img{
    width:50%;
}
.sec-hiring-partner .img-container .img-bx:hover{
    transform: scale(1.1);
    box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
    border-radius: 10px;
    background:#fff;
}
@media screen and (max-width: 991px){
    .sec-hiring-partner h2{
        font-size: 35px;
        margin-bottom: 25px;
    }
    .sec-hiring-partner .img-container{
        gap: 30px;
    }
    .sec-hiring-partner .img-container .img-bx{
        width: 170px;
    }
}
@media screen and (max-width: 560px){
    .sec-hiring-partner{
        padding: 20px 10px;
    }
    .sec-hiring-partner .img-container{
        flex-direction: column;
        align-items: center;
        width: auto;
        gap: 35px;
    }
    .sec-hiring-partner h2{
        font-size: 30px;
    }
}
/*sec-faqs*/
.sec-faqs{
	background-image: url(../img/faq-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.sec-faqs h2{
	color: var(--neutral-800, #170F49);
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: DM Sans;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 46px;
    margin-bottom:23px;
    padding-left:12px;
}
.sec-faqs .col .faq-group {
  display: flex;
  flex-direction: column;
  padding: 27px 12px;
}
.sec-faqs .col .faq-group:not(:last-child) {
    border-bottom: 1px solid #D9D9D9;
}
.sec-faqs .col .faq-group .faq-question {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.sec-faqs .col .faq-group .faq-question i{
    font-size:18px;
    line-height: 31px;
    color: #170F49;
}
.sec-faqs .col .faq-group .faq-question h4{
	color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.sec-faqs .col .faq-group .faq-answer{
    display:none;
}
.sec-faqs .col .faq-group .faq-answer p{
	padding-top:27px;
	color: var(--neutral-600, #6F6C90);
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.sec-faqs .col .faq-group.active .faq-question h4{
    color: #222222 !important;
}
@media screen and (max-width: 1200px){
    .sec-faqs .col .faq-group {
        padding: 24px 12px;
    }
    .sec-faqs .col .faq-group .faq-question h4 {
        font-size: 19px;
        line-height: 25px;
    }
    .sec-faqs .col .faq-group .faq-question i {
        font-size: 20.996px;
        line-height: 28px;
    }
    .sec-faqs .col .faq-group .faq-answer p {
        padding-top: 24px;
        font-size: 18px;
        line-height: 22px;
    }
}
@media screen and (max-width: 991px){
    .sec-faqs .col .faq-group {
        padding: 20px 12px;
    }
    .sec-faqs .col .faq-group .faq-question h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .sec-faqs .col .faq-group .faq-question i {
        font-size: 16.996px;
        line-height: 24px;
    }
    .sec-faqs .col .faq-group .faq-answer p {
        padding-top: 16px;
        font-size: 15px;
        line-height: 20px;
    }
}
/*Companies That Hires*/
.sec-tool{
    padding: 30px 0;
}
.sec-tool h2{
    color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    display: flex;
    justify-content: center;
}
:root {
  --slider-width: 80vw;
  --number-of-slides: 6;
}
#slider-row,#slider-row1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
#slider-images,#slider-images1 {
  display: flex;
  flex-wrap: nowrap;
  width: var(--slider-width);
  overflow-x: hidden;
}
.slide,.slide1 {
  padding: 0;
  width: calc(var(--slider-width) / var(--number-of-slides));
  flex-shrink: 0;
  display:flex;
  flex-direction: row;
  justify-content:center;
}

.slide img {
  width: 120px;
  height: 140px;
  object-fit: contain;
}
.slide1 img {
  width: 90px;
  height: 140px;
  object-fit: contain;
}
.slide-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.slide-card h6{
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 14px;
}
.slide-card p{
    font-size: 13px;
}
#slider-images{
    display:flex;
}
@media screen and (max-width: 991px) {
  :root {
    --number-of-slides: 4;
  --slider-width: 80vw;
  }
}
@media screen and (max-width: 768px) {
    .sec-tool{
        padding: 20px 10px;
    }
  :root {
    --number-of-slides: 2;
  --slider-width: 80vw;
  }
    .sec-part .slider-cont{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 500px) {
  :root {
    --number-of-slides: 1;
  }
}
.bg-light-green{
    background: rgba(1, 143, 255, 0.1);
}
/*Curriculum*/
.sec-curriculum{
    display: flex;
    background: #F7F7FB;
}
.sec-curriculum .curriculum-container{
    display: flex;
    flex-direction: column;
    position: relative;
}
.sec-curriculum .curriculum-container h2{
    color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
    margin-bottom: 50px;
    z-index:1020;
}
.sec-curriculum .curriculum-container .curriculum-img-bx{
    display: flex;
    width: 60%;
    background-image: url(../img/curriculum-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    position: absolute;
    right: 0;
    top: 0;
}
.sec-curriculum .curriculum-container .curri-bg{
    background-image: url(https://images.oliveboard.in/header-images/uploaded/1705040313.563.jpg);
}
.sec-curriculum .curriculum-container .curriculum-campus-bg{
    background-image: url(/landingpages/iit/img/roles-and-responsibilities-image.jpg);
}
.sec-curriculum .curriculum-container .curriculum-ssc-bg{
    background-image: none;
}
.sec-curriculum .curriculum-container .module-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
}
.sec-curriculum .curriculum-container .module-container .module-group{
    display: flex;
    flex-direction: column;
    z-index: 10;
    width: 100%;
}
.sec-curriculum .curriculum-container .module-container .module-group .module-name{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 10;
    cursor: pointer;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 18px 24px rgba(8, 15, 52, 0.08);
    align-items: center;
}
.sec-curriculum .curriculum-container .module-container .module-group .module-name h5{
    color: var(--dard-blue, #003661);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    margin:0;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}
.sec-curriculum .curriculum-container .module-container .module-group .module-name .module-arrow{
    display: flex;
    width: 40px;
    height: 40px;
}
.bg-curriculum-green{
    background:#E6F4FF !important;
    border-radius: 10px;
    box-shadow:0px 18px 24px rgba(8, 15, 52, 0.08);
}
.sec-curriculum .curriculum-container .module-container .module-group .module-content{
    display: none;
    width: 100%;
}
.sec-curriculum .curriculum-container .module-container .module-group .module-content p{
        color: var(--neutral-600, #6F6C90);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-bottom:15px;
        border-radius: 10px;
    margin: 0;
    padding:15px;
    padding-top:0;
}
@media screen and (max-width: 991px) {
    .sec-curriculum .curriculum-container h2{
        font-size: 40px;
        line-height: normal;
        margin-bottom: 35px;
    }
    .sec-curriculum .curriculum-container .curriculum-img-bx{
        display: none;
    }
    .sec-curriculum .curriculum-container .module-container{
        width:auto;
    }
    .sec-curriculum .curriculum-container .module-container .module-group .module-name{
        padding: 10px;
    }
    .sec-curriculum .curriculum-container .module-container .module-group .module-name h5{
       font-size: 16px;
       line-height: normal;
    }
    .sec-curriculum .curriculum-container .module-container .module-group .module-name .module-arrow{
        width: 30px;
        height: 30px;
    }
    .sec-curriculum .curriculum-container .module-container .module-group .module-content p{
        font-size: 16px;
        line-height: normal;
    }
}
@media screen and (max-width: 560px){
    .sec-curriculum{
        padding:20px 10px;
    }
    .sec-curriculum .curriculum-container h2{
        font-size: 35px;
        margin-bottom: 15px;
    }
}
/*Placement Assistance*/
.sec-placement-assistance{
    position: relative;
    background-image: url(../img/placement-bg3.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
}
.sec-placement-assistance .main-content-outer{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.sec-placement-assistance .main-content-outer h5{
    color: var(--neutral-100, #FFF);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 62px;
}
.sec-placement-assistance .main-content-outer .card-container{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sec-placement-assistance .main-content-outer .card-container .card{
    display: flex;
    flex-direction: row;
    gap: 18px;
    padding: 10px 20px;
    align-items: center;
    background-repeat: no-repeat;
}
.sec-placement-assistance .main-content-outer .card-container .card:first-child{
    background-image: url(../img/blue-first-card.png);
}
.sec-placement-assistance .main-content-outer .card-container .card:nth-child(2){
    background-image: url(../img/pink-second-card.png);
    margin-left: 25px;
}
.sec-placement-assistance .main-content-outer .card-container .card:nth-child(3){
    background-image: url(../img/purple-third-card.png);
    margin-left: 50px;
}
.sec-placement-assistance .main-content-outer .card-container .card:nth-child(4){
    background-image: url(../img/yellove-fourth-card.png);
    margin-left: 75px;
}
.sec-placement-assistance .main-content-outer .card-container .card .img-bx{
    display: flex;
    width: 30px;
    height: 30px;
}
.sec-placement-assistance .main-content-outer .card-container .card p{
    color: var(--neutral-100, #FFF);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    margin: 0;
}
@media screen and (max-width: 991px) {
    .sec-placement-assistance .main-content-outer h5{
        font-size: 35px;
        line-height: normal;
    }
    .sec-placement-assistance .main-content-outer .card-container{
        margin-left: 25px;
    }
    .sec-placement-assistance .main-content-outer .card-container .card{
        padding:10px;
    }
    .sec-placement-assistance .main-content-outer .card-container .card:nth-child(2){
        margin-left:0;
    }
    .sec-placement-assistance .main-content-outer .card-container .card:nth-child(3){
        margin-left:0;
    }
    .sec-placement-assistance .main-content-outer .card-container .card:nth-child(4){
        margin-left:0;
    }
    .sec-placement-assistance .main-content-outer .card-container .card .img-bx{
        width: 25px;
        height: 25px;
    }
    .sec-placement-assistance .main-content-outer .card-container .card p{
        font-size: 20px;
    }
}
@media screen and (max-width: 560px){
    .sec-placement-assistance{
        padding: 20px 10px;
    }
    .sec-placement-assistance .main-content-outer .card-container{
        margin:0;
    }
    .sec-placement-assistance .main-content-outer h5{
        font-size: 28px;
    }
    .sec-placement-assistance .main-content-outer .card-container .card p{
        font-size: 18px;
    }
}
/*Start Learning*/
.sec-start-learning{
    background: #000;
    display: flex;
    padding: 40px 0;
}
.sec-start-learning .main-outer-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sec-start-learning .main-outer-container h2{
    color: #FFF;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    margin:0;
    line-height: 48px;
}
.sec-start-learning .main-outer-container p{
    color:#fff;
}
.errormsg, .errormsg2{
    display:none;
}
.sec-start-learning .main-outer-container .input-container{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 25px;
}
.sec-start-learning .main-outer-container .input-container input{
    background: #FFFFFF;
    border-radius: 4px;
    padding: 18px;
    border: transparent;
    margin-bottom: 15px;
    outline: none;
    width: calc(33.33% - 50px);
}
.sec-start-learning .main-outer-container .btn-grp{
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-end;
}
.sec-start-learning .main-outer-container .btn-grp .btn-start{
    background: #F90;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    border-radius: 100px;
    border: transparent;
    padding: 20px 40px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}
.sec-start-learning .main-outer-container .btn-grp .btn-start:hover{
    background:#db4e16;
}
.sec-start-learning .main-outer-container .btn-grp .btn-download{
    border: 1px solid #FFF;
    background: transparent;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-radius: 56px;
    padding: 18px 40px;
    color: #fff;
}
.sec-start-learning .main-outer-container .btn-grp .btn-download:hover{
    border: 1px solid #db4e16;
}
@media screen and (max-width: 991px) {
    .sec-start-learning .main-outer-container{
        gap: 20px;
    }
    .sec-start-learning .main-outer-container h2{
        font-size: 35px;
        line-height: normal;
    }
    .sec-start-learning .main-outer-container .input-container{
        flex-direction: column;
        gap: 15px;
    }
    .sec-start-learning .main-outer-container .input-container input{
        width:auto;
    }
    .sec-start-learning .main-outer-container .btn-grp{
        justify-content: center;
        flex-wrap: wrap;
    }
    .sec-start-learning .main-outer-container .btn-grp .btn-start{
        font-size: 16px;
        line-height: normal;
        padding: 10px 20px;
    }
    .sec-start-learning .main-outer-container .btn-grp .btn-download{
        font-size: 16px;
        line-height: normal;
        padding: 10px 20px;
    }
}
@media screen and (max-width: 560px){
    .sec-start-learning{
        padding: 25px 10px;
    }
    .sec-start-learning .main-outer-container h2{
        font-size: 30px;
    }
}
/*Program Fee*/
.sec-program-fee{
    display: flex;
    padding-bottom: 60px;
}
.sec-program-fee .top-main-container{
    display: flex;
    flex-direction: row;
}
.sec-program-fee h2{
    color: var(--neutral-800, #170F49);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 50px;
}
.sec-program-fee .top-main-container .left-content{
    display: flex;
    flex-direction: column;
    box-shadow: 0px 0px 10px #E5E5E5;
    border-radius: 10px;
    width:50%;
    margin-top: 30px;
    padding: 40px 60px;
}
.sec-program-fee .top-main-container .left-content h2{
    color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 40px;
}
.sec-program-fee .top-main-container .left-content .key-container{
    display: flex;
    flex-direction: column;
}
.sec-program-fee .top-main-container .left-content .key-container .key-points{
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 30px;
    padding: 0;
}
.sec-program-fee .top-main-container .left-content .key-container .key-points li{
    color: var(--neutral-800, #170F49);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    gap:20px;
    line-height: 30px;
    display: flex;
    flex-direction: row;
}
.sec-program-fee .top-main-container .left-content .key-container .key-points li .img-bx{
    display: flex;
    min-width: 32px;
    height: 32px;
}
.sec-program-fee .top-main-container .right-content{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 50%;
    background:#000; 
    padding: 40px;
}
.sec-program-fee .top-main-container .right-content h5{
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}
.sec-program-fee .top-main-container .right-content .price-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
}
.sec-program-fee .top-main-container .right-content .price-container p{
        color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    margin: 0;
}
.sec-program-fee .top-main-container .right-content .price-container .price-value{
    font-size: 40px;
    line-height: 1.3;
}
.sec-program-fee .top-main-container .right-content .price-container .gst-txt{
    color: var(--neutral-300, #EFF0F6);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.579px;
    margin: 0;
}
.sec-program-fee .top-main-container .right-content .price-container .price-sticker{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}
.sec-program-fee .top-main-container .right-content .price-container .price-sticker .img-bx{
    display: flex;
    width: 18px;
    height: 18px;
}
.sec-program-fee .top-main-container .right-content .price-container .price-sticker p{
    color: var(--neutral-300, #EFF0F6);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 15.053px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.579px;
    margin: 0;
}
.sec-program-fee .top-main-container .right-content .btn-grp{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sec-program-fee .top-main-container .right-content .btn-grp .btn-enroll{
    border-radius: 50px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    box-shadow: 0px 3px 12px 0px rgba(74, 58, 255, 0.18);
    width: auto;
    display: flex;
    padding: 20px 40px;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    justify-content: center;
    outline: none;
}
.sec-program-fee .top-main-container .right-content .btn-grp a:first-child{
    background: linear-gradient(70deg, #faf298, #995b30, #d69f29, #e2ba49, #f1d66c);
    color: #000;
    border:none;
}
.sec-program-fee .top-main-container .right-content .btn-grp .btn-enroll:hover{
    background:#db4e16;
}
.sec-program-fee .top-main-container .right-content .btn-grp .btn-call-back{
    background: transparent;
    display: flex;
    padding: 18px 40px;
    width: auto;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.sec-program-fee .top-main-container .right-content .btn-grp .btn-call-back:hover{
    border:1px solid #db4e16;
}
.sec-program-fee .bottom-container{
    display: none;
    flex-direction: row;
    gap: 50px;
    padding: 40px 60px;
    align-items: center;
    background: #E0F1FF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sec-program-fee .bottom-container h5{
    color: var(--neutral-800, #170F49);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
@media screen and (max-width: 991px) {
    .sec-program-fee h2{
        font-size: 35px;
        line-height: normal;
        margin-bottom: 30px;
    }
    .sec-program-fee .top-main-container{
        flex-direction: column;
    }
    .sec-program-fee .top-main-container .left-content{
        margin: 0;
        width: auto;
        padding: 30px 40px;
    }
    .sec-program-fee .top-main-container .left-content h2{
        font-size: 30px;
        line-height: normal;
        margin-bottom: 35px;
    }
    .sec-program-fee .top-main-container .left-content .key-container .key-points{
        gap: 25px;
    }
    .sec-program-fee .top-main-container .left-content .key-container .key-points li{
        font-size: 16px;
        line-height: normal;
    }
    .sec-program-fee .top-main-container .left-content .key-container .key-points li .img-bx{
        min-width: 25px;
        height: 25px;
    }

    .sec-program-fee .top-main-container .right-content{
        width: auto;
        padding: 30px;
    }
    .sec-program-fee .top-main-container .right-content h5{
        font-size: 24px;
        line-height: normal;
        margin-bottom: 30px;
    }
    .sec-program-fee .top-main-container .right-content .price-container{
        margin-bottom: 35px;
    }
    .sec-program-fee .top-main-container .right-content .price-container p{
        font-size: 30px;
    }
    .sec-program-fee .bottom-container{
        gap: 30px;
    }
    .sec-program-fee .bottom-container h5{
        font-size: 18px;
    }
}
@media screen and (max-width: 560px){
    .sec-program-fee{
        padding: 20px 10px;
    }
    .sec-program-fee h2{
        font-size: 30px;
        margin-bottom: 25px;
    }
    .sec-program-fee .top-main-container .left-content{
        padding: 20px 30px;
    }
    .sec-program-fee .top-main-container .left-content h2{
        font-size: 27px;
        margin-bottom: 25px;
    }
    .sec-program-fee .top-main-container .left-content .key-container .key-points{
        gap: 20px;
    }
    .sec-program-fee .top-main-container .left-content .key-container .key-points li{
        font-size: 14px;
        gap:15px;
    }
    .sec-program-fee .top-main-container .left-content .key-container .key-points li .img-bx{
        min-width: 27px;
        height: 20px;
    }
    .sec-program-fee .top-main-container .right-content{
        padding: 20px;
    }
    .sec-program-fee .top-main-container .right-content h5{
        font-size: 22px;
    margin-bottom: 25px;
    }
    .sec-program-fee .top-main-container .right-content .price-container{
            margin-bottom: 28px;
    }
    .sec-program-fee .top-main-container .right-content .price-container p{
        font-size: 28px;
    }
    .sec-program-fee .top-main-container .right-content .price-container .price-sticker p{
        font-size: 12px;
    }
    .sec-program-fee .top-main-container .right-content .btn-grp .btn-enroll{
        padding: 10px 20px;
        font-size: 16px;
    }
    .sec-program-fee .top-main-container .right-content .btn-grp .btn-call-back{
        padding: 10px 20px;
        font-size: 16px;
    }
    .sec-program-fee .bottom-container{
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
}
section{
    padding:50px 80px;
}
body{
    font-family: DM Sans;
}
.sec-header{
    font-size: 42px;
font-weight: 700;
line-height: 46px;
}
@media screen and (max-width:1400px){
    .sec-header{
        font-size:36px;
        line-height:28px;
    }    
}
@media screen and (max-width:1200px){
    .sec-header{
        font-size:28px;
        line-height:30px;
    }    
}
@media screen and (max-width:991px){
    section{
        padding:30px 10px;
    }
    .sec-header{
        font-size:21px;
        line-height:24px;
    }    
}
/*sec-about*/
.sec-about .about-row{
    display:flex;
    flex-direction:row;
    gap:90px;
}
.sec-about .about-row .col{
    width:50%;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.sec-about .about-row h2{
    margin-bottom:31px;
}
.sec-about .about-row p{
    font-size: 18px;
font-weight: 400;
line-height: 30px; 
margin-bottom:45px;
}
.sec-about .about-row button{
    border-radius: 100px;
background: #F90;
color:#FFFFFF;
border:transparent;
padding:12px 20px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
max-width:220px;
}
.sec-about .about-row .btn-download:hover{
    background:#db4e16;
}
.sec-about .about-row .col .span:first-child{
    display:flex;
    width:625px;
}
.sec-about .about-row .col .play-icn{
    display:none;
    width:74px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
@media screen and (max-width:1200px){
    .sec-about .about-row h2{
        margin-bottom: 20px;
    }
    .sec-about .about-row p{
        font-size:16px;
        line-height:21px;
        margin-bottom:36px;
    }
   .sec-about .about-row button{  
       font-size:12px;
       line-height:16px; 
    }
    .sec-about .about-row .col .play-icn {
        width:60px;
    }
}
@media screen and (max-width:991px){
   .sec-about .about-row{
        gap:30px;
    }  
    .sec-about .about-row p {
        margin-bottom:28px;
    }
   .sec-about .about-row button{  
       font-size:12px;
       line-height:16px; 
    }
}
@media screen and (max-width:767px){
    .sec-about .about-row{
        flex-direction:column;
    }
    .sec-about .about-row .col {
        width: 100%;
    }
    .sec-about .about-row .col .play-icn {
        width: 52px;
    }
}


/*sec-highlights*/
.sec-highlights{
    background:#F7F7FB; 
}
.sec-highlights .high-row{
    display:flex;
    flex-direction:row;
    gap:90px;
}
.sec-highlights .high-row h2{
    margin-bottom:65px;
    margin-top:20px;
}
.sec-highlights .high-row .card:first-child{
    width:70%;
    font-family: 'DM Sans';
}
.sec-highlights .high-row .card:last-child{
    display: flex;
    align-items: center;
    width:30%;   
}
.sec-highlights .high-row .card:last-child .right{
    background:#FFF;
    padding:18px 12px;
    box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
border-radius: 20px;
}
.sec-highlights .high-row .card:last-child span{
    display:flex;
border-radius: 20px;
}
.sec-highlights .high-row .card:last-child span img{
    border-radius:20px;
}
.sec-highlights .high-row .card .high-inner{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:40px;
    width:100%;
}
.sec-highlights .high-row .card .high-inner .item{
    display:flex;
    flex-dircetion:row;
    align-items:center;
    gap:20px;
    width: calc(50% - 20px);
}
.sec-highlights .high-row .card .high-inner .item span{
    display:flex;
    width:50px;
    padding: 10px;
    border-radius: 15px;
    min-width:50px;
    min-height:50px;
}
.sec-highlights .high-row .card .high-inner .item:first-child span{
    background: rgba(240, 187, 31, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(2) span{
    background: rgba(4, 223, 200, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(3) span{
    background: rgba(244, 91, 81, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(4) span{
    background: rgba(1, 45, 119, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(5) span{
    background: rgba(0, 109, 196, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(6) span{
    background: rgba(250, 165, 38, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(7) span{
    background: rgba(244, 91, 81, 1);
}
.sec-highlights .high-row .card .high-inner .item:nth-child(8) span{
    background: rgba(240, 187, 31, 1);
}
.sec-highlights .high-row .card .high-inner .item p{
    font-size: 18px;
font-weight: 700;
line-height: 24px;
margin:0;
}
@media screen and (max-width:1400px){
    .sec-highlights .high-row .card .high-inner {
        gap: 20px;
    }
}
@media screen and (max-width:1200px){
    .sec-highlights .high-row {
        align-items:center;
    }    
    .sec-highlights .high-row .card{
        width:50% !important;
    }
    .sec-highlights .high-row .card .high-inner .item span {
        width: 40px;
    }
    .sec-highlights .high-row .card .high-inner .item {
        gap:16px;
    }
    .sec-highlights .high-row .card .high-inner .item p {
        font-size: 16px;
    }
    .sec-highlights .high-row h2 {
        margin-bottom: 42px;
        margin-top:0;
    }
}
@media screen and (max-width:991px){
    .sec-highlights .high-row {
        flex-direction:column;
    }
    .sec-highlights .high-row .card{
        width:100% !important;
    }
    .sec-highlights .high-row {
        gap:30px;
    }
    .sec-highlights .high-row .card .high-inner .item {
        width:100%;
        gap: 12px;
    }
    .sec-highlights .high-row .card .high-inner .item p {
        font-size:14px;
    }
    .sec-highlights .high-row .card:last-child .right {
        max-width:380px;
    }
}


/*sec-certifications*/
.sec-certifications{
    background:#F7F7FB; 
    box-shadow: 0px 14px 42px 0px rgba(8, 15, 52, 0.06);
    color:#FFF;
}
.sec-certifications h2{
    margin:0;
    font-size: 36px;
    color: #000;
    line-height: normal;
    font-weight: 700;
    text-align:center;
    display: flex;
        justify-content: center;
}
.sec-certifications p{
    font-size: 18px;
font-weight: 400;
line-height: 30px;
    color:#000;
    margin: 0;
    text-align: center;
}
.sec-certifications .main-outer{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 25px;
    margin-top: 30px;
    color:#000;
}
.sec-certifications .main-outer .left-content{
    display: flex;
    flex-direction: row;
    width: 50%;
}
.sec-certifications .main-outer .left-content .faculty-video{
    display: flex;
    flex-direction: row;
    position: relative;
    cursor: pointer;
}
.sec-certifications .main-outer .left-content .faculty-video .fac-vid{
    display: flex;
    width: 100%;
}
.sec-certifications .main-outer .left-content .faculty-video .fac-vid img{
    border-radius: 10px;
    border: 1px solid grey;
}
.sec-certifications .main-outer .right-content{
    display: flex;
    flex-direction: column;
    width: 65%;
    gap:15px;
}
.sec-certifications .main-outer .right-content .top-content{
    display: flex;
    flex-direction: row;
    gap: 25px;
}
.sec-certifications .main-outer .right-content .top-content span{
    padding: 5px 18px;
    background: #e3eaf5;
    border-radius: 5px;
    font-size: 14px;
}
.sec-certifications .main-outer .right-content .faculty-content{
        display: flex;
    flex-direction: row;
    gap: 12px;
}
.sec-certifications .main-outer .right-content .faculty-content .img-bx{
    display: flex;
    width: 65px;
    height: 65px;
}
.sec-certifications .main-outer .right-content .faculty-content .img-bx img{
        border-radius: 50%;
}
.sec-certifications .main-outer .right-content .faculty-content .text-content{
    display: flex;
    flex-direction: column;
}
.sec-certifications .main-outer .right-content .faculty-content .text-content .first-block{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}
.sec-certifications .faculty-content .text-content .fac-details{
        display: flex;
    flex-direction: row;
    gap: 10px;
}
.sec-certifications .faculty-content .text-content .fac-details span{
    padding: 5px 10px;
    font-size: 14px;
    background: #f3e6fc;
    border-radius: 5px;
}
.sec-certifications .main-outer .right-content p{
    font-size: 16px;
    text-align: left;
}
@media screen and (max-width:991px){
    .sec-certifications .main-outer{
        flex-direction: column;
    }
    .sec-certifications .main-outer .left-content{
        width: 100%;
        justify-content: center;
    }
    .sec-certifications .main-outer .right-content{
        width: 100%;
    }
}
.sec-certifications .certi-col:first-child button{
    font-size: 24px;
    width:100%;
    font-weight: 700;
    line-height: 35px;
    background: #F90 !important;
    border-radius: 50px !important;
    border:none;
    font-family: 'DM Sans';
    color: #fff;
    text-align: center;
    padding: 14px 10px;
    cursor: pointer;
    margin-bottom:15px;
}

.sec-certifications h3{
    display:none;
    font-size: 24px;
font-weight: 700;
line-height: 35px;
margin-bottom:35px;
background: #F90 !important;
    border-radius: 50px !important;
    font-family: 'DM Sans';
    color: #fff;
    text-align: center;
    padding: 14px 10px;
    cursor: pointer;
}
.sec-certifications .certi-row{
    display:flex;
    align-items: center;
    gap:150px;
}
.sec-certifications .certi-row .certi-col{
    width:50%;
    position: relative;
    height: fit-content;
}
.sec-certifications .certi-col:first-child{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.sec-certifications .certi-col:first-child span{
    font-size: 30px;
    font-weight: 400;
    display: flex;
    justify-content: center;
}
.sec-certifications .certi-row .certi-col:nth-child(2){
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    margin: 0 100px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   max-width: 25%;
}

.sec-certifications .certi-row .certi-col:nth-child(2) .mentor-img{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-height: 275px;
}
.sec-certifications .certi-row .certi-col:nth-child(2) .content-txt{
    display: flex;
    flex-direction: column;
    align-items: center;
    color:#000;
}
.sec-certifications .certi-row .certi-col:nth-child(2) .content-txt h6{
    font-size: 26px;
    line-height: normal;
    font-weight: 700;
    margin: 0;
}
.sec-certifications .certi-row .certi-col:nth-child(2) .content-txt p{
    margin:0;
    color:#000;
}
.sec-certifications .certi-row .certi-col:nth-child(2) .content-txt .font-w{
    font-weight: 700;
}
.sec-certifications .certi-row .certi-col:nth-child(2) .content-txt button{
    font-weight: 600;
    background: #F90;
    border-radius: 10px;
    font-family: 'DM Sans';
    color: #fff;
    text-align: center;
    padding: 8px 15px;
    cursor: pointer;
    border: none;
    outline: none;
    margin-bottom: 8px;
}
.sec-certifications .certi-row .certi-col:nth-child(2) .content-txt button:nth-child(2){
    margin:0;
}

.sec-certifications .certi-row .certi-col .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 10, 10, 0.86);
    display: none;
    justify-content: center;
    align-items: center;
}
.sec-certifications .certi-row .certi-col:last-child:hover > .overlay {
    cursor:pointer;
    display: flex;
}
.sec-certifications .certi-row .certi-col .overlay .overlay-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sec-certifications .certi-row .certi-col .overlay .overlay-content span{
    display:flex;
    width: 50px;
    height: 50px;
}
.sec-certifications .certi-row .certi-col .overlay p{
    margin:0;
}
.sec-certifications .certi-row .certi-col span{
    display:flex;
    width:100%;
}

.sec-certifications .certi-row .certi-col .inner-row{
    display:flex;
    flex-direction:row;
    gap:36px;
}
.sec-certifications .certi-row .certi-col .inner-row .item{
    position:relative;
    background:#012D77;
    padding:10px;
    padding-left:20px;
}
.sec-certifications .certi-row .certi-col .inner-row span:first-child{
   display: flex;
width: 47px;
position: absolute;
left: -25px;
top: -11px; 
}
.sec-certifications .certi-row .certi-col .inner-row span:last-child{
    font-size: 19px;
}
@media screen and (max-width:1200px){
    .sec-certifications h2 {
        margin-top: 14px;
        margin-bottom: 18px;
    }
    .sec-certifications p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .sec-certifications h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .sec-certifications .certi-row .certi-col .inner-row span:last-child {
        font-size: 16px;
    }
    .sec-certifications .certi-row {
        gap: 38px;
    }
}   
@media screen and (max-width:991px){
    .sec-certifications h2 {
        margin-top: 10px;
        margin-bottom: 11px;
            font-size: 21px;
                line-height: 24px;
    }
    .sec-certifications p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 18px;
    }
    .sec-certifications h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 24px;
    }
}
@media screen and (max-width:767px){
    .sec-certifications .certi-row {
        flex-direction:column;
    }
    .sec-certifications .certi-row .certi-col {
        width: fit-content;
    }
    .sec-certifications .certi-row .certi-col:nth-child(2){
        margin: 0;
        width: 100%;
    }
    .sec-certifications .certi-row .certi-col:nth-child(2) .img-bx{
            max-width: inherit;
    }
    .sec-certifications .certi-row .certi-col:last-child span {
        display:flex;
        max-width:380px;
    }
    .sec-certifications .certi-row .certi-col .inner-row {
        margin-left:10px;
    }
}

/*sec-projects*/
.sec-projects h2{
    text-align:center;
    margin-bottom:50px;
}
.sec-projects .arr-group{
    display:flex;
    justify-content: center;
    gap: 30px;    
}
.sec-projects .arr-group span{
    display:flex;
    width:20px;
    cursor:pointer;
}
.sec-projects .project-row{
    display:flex;
    flex-direction:row;
    gap:34px;
    margin-bottom:46px;
}
.sec-projects .project-row .card{
    min-width:33.33%;
    padding:20px;
    border-radius: 20px;
background: #FFF;
box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
}
.sec-projects .project-row .card span{
    display:flex;
    margin-bottom:25px;
}
.sec-projects .project-row .card img{
    border-radius: 24px;
}

.sec-projects .project-row .card h3{
    font-size: 24px;
font-weight: 700;
line-height: 35px;
margin-bottom:10px;
}
.sec-projects .project-row .card p{
    color: var(--neutral-600, #6F6C90);
    font-size: 18px;
font-weight: 400;
line-height: 30px; 
}
@media screen and (max-width:1200px){
    .sec-projects h2{
        margin-bottom:30px;
    }
    .sec-projects .project-row .card{
        min-width:276px;
    }
    .sec-projects .project-row .card h3{
    font-size: 18px;
    line-height: 24px;
    }
    .sec-projects .project-row .card p{
        font-size: 16px;
        line-height:24px;
    }    
    .sec-projects .project-row .card span {
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 991px){
    .sec-projects .project-row {
        gap:20px;
    }
    .sec-projects .project-row .card {
        padding:12px;
    }
    .sec-projects .project-row .card h3{
        font-size:16px;
        line-height:21px;
    }
    .sec-projects .project-row .card p{
        font-size:14px;
        line-height:18px;
    }
    .sec-projects h2{
        margin-bottom:16px;
    }
    
}
.hscroll-group {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hscroll-group {
  -ms-overflow-style: none;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.hscroll-group::-webkit-scrollbar {
  display: none;
}
.hscroll-group {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/*Testimonials*/
.sec-testimonials{
    display: flex;
}
.sec-testimonials h3{
    color: #0EA1FA;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
}
.sec-testimonials h2{
    color: var(--neutral-800, #170F49);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 50px;
}
.sec-testimonials .testi-row{
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-bottom: 30px;
}
.sec-testimonials .testi-row .testi-card{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background: var(--white, #FFF);
    box-shadow: 0px 1.8518518209457397px 3.1481480598449707px 0px rgba(0, 0, 0, 0.00), 0px 8.148148536682129px 6.518518447875977px 0px rgba(0, 0, 0, 0.01), 0px 20px 13px 0px rgba(0, 0, 0, 0.01), 0px 38.51852035522461px 25.481481552124023px 0px rgba(0, 0, 0, 0.01), 0px 64.81481170654297px 46.85185241699219px 0px rgba(0, 0, 0, 0.02), 0px 100px 80px 0px rgba(0, 0, 0, 0.02);
    padding: 40px;
    min-width: calc(33.33% - 105px);
    justify-content: space-between;
}
.sec-testimonials .testi-row .testi-card p{
    color: var(--neutral-600, #6F6C90);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 45px;
}
.sec-testimonials .testi-row .testi-card .card-footer{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.sec-testimonials .testi-row .testi-card .card-footer .f-left{
    display: flex;
    flex-direction: row;
}
.sec-testimonials .testi-row .testi-card .card-footer .f-left span{
    display: flex;
    width: 70px;
    height: 70px;
}
.sec-testimonials .testi-row .testi-card .card-footer .f-left img{
    border-radius: 50%;
}
.sec-testimonials .testi-row .testi-card .card-footer .f-right{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sec-testimonials .testi-row .testi-card .card-footer .f-right h4{
    color: var(--neutral-800, #170F49);
    margin:0;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.sec-testimonials .testi-row .testi-card .card-footer .f-right h5{
    color: var(--neutral-600, #6F6C90);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.sec-testimonials .arr-group {
    display: flex;
    justify-content: center;
    gap: 30px;
}
.sec-testimonials .arr-group span {
    display: flex;
    width: 20px;
    cursor: pointer;
}
@media screen and (max-width: 1300px){
    .sec-testimonials .testi-row .testi-card{
        min-width: calc(33.33% - 50px);
    }
}
@media screen and (max-width: 991px){
    .header .header-inner .header-row .card .menu-items{
        display:none;
    }
    .sec-testimonials h3{
        margin-bottom: 15px;
    }
    .sec-testimonials h2{
        font-size: 35px;
        margin-bottom: 25px;
    }
    .sec-testimonials .testi-row .testi-card{
        padding: 20px;
        min-width: 276px;
    }
    .sec-testimonials .testi-row .testi-card p{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .sec-testimonials .testi-row .testi-card .card-footer .f-left span{
        width: 50px;
        height: 50px;
    }
    .sec-testimonials .testi-row .testi-card .card-footer .f-right h4{
        font-size: 16px;
        line-height: 22px;
    }
    .sec-testimonials .testi-row .testi-card .card-footer .f-right h5{
        font-size: 13px;
        line-height: 20px;
    }
}
@media screen and (max-width:767px){
    .sec-testimonials h3{
        font-size: 14px;
    }
    .sec-testimonials h2{
        font-size: 28px;
    }
    .font-modify{
        font-size:16px !important;
    }
}

.highlights-row .card .mod-img{
    width: 100%;
    height: fit-content;
    margin-bottom: 0;
}
.highlights-row .card .mod-h3{
    margin-top: 15px;
    line-height: normal;
}
.highlights-row .card .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 10, 10, 0.86);
    display: none;
    justify-content: center;
    align-items: center;
}
.image-bx:hover > .overlay {
   cursor:pointer;
   display: flex;
}
.overlay .overlay-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overlay .overlay-content span {
    display: flex;
    width: 50px;
    height: 50px;
} 
.overlay p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}
.image-bx{
    position: relative;
}
.modal-certifiacte-content{
    max-width:720px !important;
}
.modal-certifiacte-content .obls-certificate-group{
    max-width:720px;
}
.obls-ceritificate{
    max-width: none;
}
.cerificate-img-modal{
    display: flex;
    width: 100%;
}
/*Testimonial*/
/* sec-testm */
.sec-testm{
    position:relative;
}
.sec-testm .sec-header1{
    margin-bottom:60px;
}

.sec-testm .sec-header-group .arr-group{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}
.sec-testm .sec-header-group .arr-group span{
    display:flex;
    height:28px;
    width:28px;
    margin-left:8px;
    cursor:pointer;
}
.testm-blk{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    align-content:flex-start;
    justify-content:flex-start;
    width:100%;
    margin:-15px;
}
.testm-blk .card{
    display:flex;
    position:relative;
    flex-direction:column;
    width:364px;
    flex:0 0 auto;
    margin:15px;
}    

.testm-blk .card .quote{
     width:56px;
     height:40px;
     position:absolute;
     top:0;
     right:0;
}
.testm-blk .card .card-header{
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:flex-start;
    margin-bottom:20px;
}
.testm-blk .card .card-header .col span{
    display:flex;
    width:93px;
    height:93px;
    border-radius:50%;
    margin-right:22px;
}
.testm-blk .card .card-header .col span img{
    border-radius:50%;
}
.testm-blk .card .card-header .col h3{
    font-weight: 500;
    color: #22252F;
    margin-bottom:4px;
    text-align: inherit;
}
.testm-blk .card .card-header .col h6{
    color: #70778B;
    margin-bottom:0;
    text-align: inherit;
}
.testm-blk .card p{
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #70778B;
}
@media screen and (max-width:991px){
    .sec-testm .sec-header-group .arr-group span{
        width:21px;
        height:21px;
    }
    .sec-testm.sec-header1{
            margin-bottom:34px;
    }
    .testm-blk{
        margin:-8px;
    }
    .testm-blk .card{
        width:286px;
        margin:8px;
    }
}
.txt-cent{
    display: flex;
    justify-content: center;
}
.txt-cent1{
    display: flex;
    justify-content: center;
    font-size:30px;
}
.btn-txt-show{
    font-size: 13px;
    color: blue;
    cursor: pointer;
}
/* meet-faculty */
.sec-meet-faculty .sec-header{
    margin-bottom: 30px;
    color: #22252F;
}
.meet-faculty-row{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    margin:-12px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.meet-faculty-row::-webkit-scrollbar {
    display: none;
}
.meet-faculty-row .card{
    position: relative;
    cursor: pointer;
    margin:12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.meet-faculty-row .card .card-img{
    display: flex;
}
.meet-faculty-row .card .ellipse{
    border: 2.30188px solid #D1D8EB;
    border-radius: 50%;
    width: 174px;
    height: 174px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding: 8px;
}
.meet-faculty-row .card h3, h6{
    text-align: center;
}
.meet-faculty-row .card h3{
    color: #22252F;
    margin-bottom: 5px;
}
.meet-faculty-row .card h6{
    color: #8C94AB;
    max-width: 130px;
}
.meet-faculty-row .card .ellipse span{
    display: flex;
    width: 100%; 
    max-width: 100%;
}
.meet-faculty-row .card .ellipse span img{
    border-radius:50%;
}
.meet-faculty-row  .card .play-icn{
    display: flex;
    width: 50px;
    position: absolute;
    bottom: 55px;
    right: 10px;
}
.ytcard-iframe{ 
    width:100%; 
    border:0;
}
@media screen and (max-width: 1400px) {
    .meet-faculty-row .card .ellipse{
        width: 164px;
        height: 164px;
    }
}
@media screen and (max-width: 1200px) {
    .meet-faculty-row .card .ellipse{
        width: 134px;
        height: 134px;
    }
    .meet-faculty-row .card .play-icn{
        width: 45px;
    }
}
@media screen and (max-width: 991px) {
    .sec-meet-faculty .sec-header{
        margin-bottom: 20px;
    }
    .meet-faculty-row{
        margin:-8px;
    }
    .meet-faculty-row .card{
        margin:8px;
    }
    .meet-faculty-row .card .ellipse{
        width: 128px;
        height: 128px;
        margin-bottom: 8px;
    }
    .meet-faculty-row .card .play-icn{
        width: 32px;
        bottom: 50px;
        right: 10px;
    }
    .meet-faculty-row .card h3{
        margin-bottom: 5px;
    }
}
.topper-container{
    display: flex;
    width: 100%; 
    flex-direction: column;
    gap: 5px;
}
.topper-container .arr-group{
    display: flex;
    justify-content: end;
    gap: 15px;
}
.topper-container .outer-container{
    display: flex;
    width: 100%;
    overflow: auto;
    gap: 15px;
}
.topper-container .outer-container .card{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 14px;
    background: transparent;
    border-radius: 20px;
    border: 1px solid #fff;
}
.topper-container .outer-container .card .img-bx{
        display: flex;
    width: 100px;
    border-radius: 50%;
    height: 100px;
}
.topper-container .outer-container .card .img-bx img{
    border-radius: 50%;
}
.topper-container .outer-container .card h6{
    color: #fff;
    font-size: 18px;
    margin: 0;
    font-weight: 600;
}
.topper-container .outer-container .card p{
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: normal;
}
.highlights-row .card p{
    display:none;
}
.highlights-row .card .btn-knowmore{
    display:none;
}
.sec-meet-faculty h2, .sec-platform h2{
    display: flex;
    justify-content: center;
}
.sec-platform h2{
    margin-bottom: 50px;
}
.sec-testm h3 {
    color: #0EA1FA;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
}
.sec-testm h2 {
    color: var(--neutral-800, #170F49);
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: DM Sans;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 50px;
}
.hd-active{
    background:#000;
    color:#fff !important;
}
/*Explore Plans*/
.sec-explore-plan{
    background: linear-gradient(180deg, #E2E5EF 0%, #FFF 88.54%);
    padding: 60px 0;
}
.sec-explore-plan h2{
    color: #06224C;
    text-align: center;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}
.sec-explore-plan .outer-container{
    display: flex;
    flex-direction: row;
    width: 100%;
    background: rgba(241, 243, 249, 1);
    border-radius: 25px;
    justify-content: flex-start;
}
.sec-explore-plan .outer-container .col-1{
    display: flex;
    flex-direction: column;
    width: 25%;
}
.sec-explore-plan .outer-container .col-1 span{
    color: var(--primary-downriver, #06224C);
    font-family: 'DM Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 22px 32px;
    margin-top: 75px;
    background: rgba(226, 229, 239, 1);
}
.sec-explore-plan .outer-container .col-1 ul{
        display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sec-explore-plan .outer-container .col-1 li{
        color: var(--primary-downriver, #06224C);
    font-family: 'DM Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 15px 40px;
    border-bottom: 1px solid rgba(226, 229, 239, 1);
    min-height:83px;
    display: flex;
    align-items: center;
}
.sec-explore-plan .outer-container .col-2{
    width: 75%;
    background: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: flex;
    flex-direction: row;
    border: 1px solid rgba(226, 229, 239, 1);
}
.sec-explore-plan .outer-container .col-2 .card{
    display: flex;
    flex-direction: column;
    width: 33.33%;
    position: relative;
}
.sec-explore-plan .outer-container .col-2 .card:nth-child(2){
    box-shadow: 0px 8px 44px rgba(77, 195, 235, 0.6);
    border-radius: 25px;
    background: #fff;
}
.sec-explore-plan .outer-container .col-2 .card:nth-child(2) li{
    border-bottom: 0.5px solid rgba(226, 229, 239, 1);
}
.sec-explore-plan .outer-container .col-2 .card .common-title{
    color: var(--bg-greyscale-7, #474D5C);
    text-align: center;
    font-family: 'DM Sans';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding: 33px;
    padding-bottom: 21px;
    min-height: 109px;
}

.sec-explore-plan .outer-container .col-2 .card .common-title:nth-child(2){
    padding-bottom: 30px;
}
.sticky-most{
    display: flex;
    background-image: url(https://i.ibb.co/syWRK68/Rectangle-428.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    background-size: cover;
    padding: 0 20px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    gap: 5px;
    line-height: 19px;
    align-items: center;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sticky-most .img-star{
    width:10px;
}
.sec-explore-plan .outer-container .col-2 .card ul{
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom:50px;
}
.sec-explore-plan .outer-container .col-2 .card li{
        padding: 26px 40px;
    border-bottom: 1px solid rgba(226, 229, 239, 1);
    display: flex;
    justify-content: center;
    min-height: 83px;
}
.sec-explore-plan .outer-container .col-2 .card li:first-child{
        padding: 44px;
}
.sec-explore-plan .outer-container .col-2 .card:nth-child(2) li:first-child{
        padding: 41px;
}
.sec-explore-plan .outer-container .col-2 .card .img-bx{
        width: 25px;
    height: 25px;
    padding:0;
}
.sec-explore-plan .outer-container .col-2 .card .btn-grps{
    display:flex;
    flex-direction: column;
    align-items:center;
    gap: 10px;
    margin-bottom: 30px;
}
.sec-explore-plan .outer-container .col-2 .card .btn-grps .btn-enroll-now{
    display: flex;
    padding: 15px 40px;
    width: fit-content;
    border-radius: 10px;
    background: var(--primary-tory-blue, #0A2472);
    border: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
}
.sec-explore-plan .outer-container .col-2 .card .btn-grps .coupon-txt{
        color: var(--status-success, #36B37E);
    font-family: Roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media screen and (max-width: 1200px) {
    .sec-explore-plan .outer-container .col-1 span{
        margin-top: 48px;
    }
    .sticky-most{
        font-size: 10px;
    }
}
@media screen and (max-width: 991px) {
    .sticky-most{
        top: 10px;
    }
    .sec-explore-plan .outer-container .col-1{
        width:50%;
    }
    .sec-explore-plan .outer-container .col-1 span{
        margin-top: 53px;
    }
    .sec-explore-plan .outer-container .col-2{
        overflow-x: auto;
        overflow-y: hidden;
    }
    .sec-explore-plan .outer-container .col-2 .card{
        min-width: 75%;
    }
}
@media screen and (max-width: 767px) {
    .sec-explore-plan .outer-container .col-1 span{
        margin-top: 69px;
    }
    .sec-explore-plan .outer-container .col-1 li{
        font-size: 15px !important;
        padding: 15px;
        line-height: 20px;
        min-height: 71px;
    }
    .sec-explore-plan .outer-container .col-2 .card .common-title{
        font-size: 16px;
        line-height: 24px;
        padding: 15px;
    }
    .sec-explore-plan .outer-container .col-2 .card .img-bx{
        width: 20px;
        height: 20px;
    }
    .sec-explore-plan .outer-container .col-2 .card li{
        padding: 15px !important;
        min-height: 71px;
    }
.sec-explore-plan .outer-container .col-2 .card li:first-child{
        padding: 37px !important;
}
}
@media screen and (max-width: 478px) {
    .sec-explore-plan .outer-container .col-1 span{
        min-width: 170px;
        margin-top: 73px;
    }
    .sec-explore-plan .outer-container .col-1 ul{
        min-width: 170px;
    }
    .sec-explore-plan .outer-container .col-1 li{
        min-height: 91px;
        }
    .sec-explore-plan .outer-container .col-2 .card{
        min-width: 175px;
    }
    .sec-explore-plan .outer-container .col-2 .card li{
        min-width:175px;
        min-height: 91px;
    }
    .sec-explore-plan .outer-container .col-2 .card .btn-grps .btn-enroll-now{
        padding: 10px 15px;
        font-size: 12px;
    }
}
.sticky-top-banner{
    display: none;
    background: #ed2224;
    color: #fff;
    font-weight: 700;
    gap: 25px;
    padding: 8px;
   justify-content: center;
   position: fixed;
   top: 80px;
   z-index: 1021;
   width: 100%;
}
.sticky-top-banner button{
   display: flex;
  color: #fff;
   border-radius: 5px;
   min-width: 85px;
    justify-content: center;
    align-items: center;
    background: #13254c;
   border: none;
}
@media screen and (max-width: 767px) {
    .sticky-most{
        font-size: 9px;
        line-height: normal;
        min-width: 110px;
        top: 6px;
    }
    .sticky-top-banner{
        font-size: 12px;
    }
    .sticky-top-banner button{
        font-size: 12px;
    }
}
@media screen and (max-width: 526px) {
    .sec-explore-plan .outer-container .col-2 .card li:first-child{
        padding-top: 83px !important;
    }
}
.sticky-bottom-connect{
    display: flex;
    position: fixed;
    bottom: 0;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
    background: #0b0b0b;
    color: #fff;
    padding: 5px 0;
    z-index: 1021;
}
.sticky-bottom-connect a{
    display: flex;
    gap: 15px;
    font-size: 24px;
    align-items: center;
    color:#fff;
}
.sticky-bottom-connect .sticky-whatsapp p, .sticky-bottom-connect .sticky-telegram p, .sticky-bottom-connect .sticky-start p{
    font-size: 18px;
    line-height: 20px;
    color: inherit;
}
.sticky-bottom-connect .sticky-whatsapp:hover{
    color:green;
}
.sticky-bottom-connect .sticky-telegram:hover{
    color:#3390ec;
}
@media screen and (max-width: 767px) {
    .sec-testm h2{
        font-size: 30px;
    line-height: normal;
    }
    .header{
        display: flex;
    justify-content: space-between;
    align-items: center; 
        }
    .sticky-bottom-connect a{
        font-size: 15px;
        gap: 6px;
    }
    .sticky-bottom-connect .sticky-whatsapp p, .sticky-bottom-connect .sticky-telegram p{
        display:none;
    } 
    .sticky-bottom-connect .sticky-start p {
        font-size: 12px;
            padding: 2px 13px !important;
    }
}
@media screen and (max-width: 576px) {
    .header .container{
        padding:0;
    }
    .header .container .header-row{
        padding:10px;
    }
}
.errormsg1{
    min-height:21px;
}
.auto-scroll-sec{
    position: relative;
}
.auto-scroll-sec h2{
        display: flex;
            justify-content: center;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.auto-scroll-sec .card{
        display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.auto-scroll-sec .card .img-bx{
        display: flex;
}
.auto-scroll-sec .card .img-bx img{
    border-radius:15px;
}
.auto-scroll-sec .card p{
    color:#000;
    text-align:center;
}
.auto-scroll-sec .owl-nav, .auto-scroll-sec .owl-dots{
    display:none;
}
.auto-scroll-sec .owl-carousel .owl-stage{
    display:flex;
}
.auto-scroll-sec .owl-carousel .owl-item{
    min-width:100px;
}
.jaiib-explore-plan .outer-container .col-1 span {
    margin-top: 76px;
}
.jaiib-explore-plan .outer-container .col-2 .card:nth-child(2) li:first-child {
        padding: 44px;
 }
@media screen and (max-width: 1200px){
    .jaiib-explore-plan .outer-container .col-1 li{
        font-size: 14px !important;
    }
    .jaiib-explore-plan .outer-container .col-1 li:nth-child(5), .jaiib-explore-plan .outer-container .col-1 li:nth-child(14){
        font-size: 12px !important;
    }
    .jaiib-explore-plan .outer-container .col-2 .card:nth-child(2) li:first-child {
            padding: 41px;
     }

}
@media screen and (max-width: 991px){
    .jaiib-explore-plan .outer-container .col-2 .card:nth-child(2) li:first-child {
            padding: 44px;
        }
}
@media screen and (max-width: 767px){
    .jaiib-explore-plan .outer-container .col-1 span {
            margin-top: 69px;
        }
}
@media screen and (max-width: 526px){
.jaiib-explore-plan .outer-container .col-2 .card li:first-child {
        padding-top: 58px !important;
    }
}
@media screen and (max-width: 478px){
    .jaiib-explore-plan .outer-container .col-1 span {
            margin-top: 49px;
        }
    .jaiib-explore-plan .outer-container .col-1 li:nth-child(5), .jaiib-explore-plan .outer-container .col-1 li:nth-child(14){
        font-size: 11px !important;
    }
}
.new-content-box{
    background: #F7F7FB;
}
.new-content-box .card{
    background: #000;
    border-radius: 15px;
    padding:5px;
}
.new-content-box .card p{
    display:none;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 0;
    line-height: normal;
    font-weight: 600;
}
.new-content-box .card .img-bx img{
    border-radius: 10px;
}
.new-content-box .owl-carousel1 .owl-item{
    min-width:300px;
}
.sec-new-hero{
    background-image: url(https://images.oliveboard.in/header-images/uploaded/1705041709.315.jpg);
}
.sec-new-hero1{
    background-image: url(https://images.oliveboard.in/header-images/uploaded/1705410053.632.png);
}
.mod-auto-scroll .owl-carousel .card .img-bx{
    width:100px;
    height:100px;
}
.mod-auto-scroll .owl-carousel .card p{
    margin:0;
    line-height: 1;
}

@media screen and (max-width: 767px){
    .ssc-owl .owl-stage{
        display:flex;
        gap:50px;
    }
    .topper-container .outer-container .card .img-bx{
        width:50px;
        height:50px;
    }
    .topper-container .outer-container .card{
        min-width:110px;
    }
}
.sec-upcoming-row .card-container{
        display: flex;
    gap: 15px;
    width: 100%;
}
.sec-upcoming-row .card-container .left-container{
        display: flex;
    width: 100%;
    flex-direction: row;
    gap: 15px;
}
.sec-upcoming-row .card-container .right-container{
    display: flex;
    aspect-ratio: 16/9;
    width: 50%;
}
.sec-upcoming-row .card-container .card{
    display: flex;
    flex-direction: column;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;
    border-radius: 8px;
    border-top: 8px solid #000;
    width: calc(33.33% - 10px);
    justify-content: space-between;
    cursor:pointer;
}
.sec-upcoming-row .card-container .card h2{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.sec-upcoming-row .card-container .card .common-type{
    margin-top:15px;
    font-size: 14px;
    padding: 5px 15px;
    background: #eb5757;
    width: fit-content;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    line-height: 22px;
}
.sec-upcoming-row .card-container .card .btn-atp-now{
    background-color: #36b37e;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
    font-size: 14px;
    border:none;
    outline:none;
    line-height: 16px;
    padding: 6px 19px;
}
.sec-upcoming-row .card-container .card .card-live{
    background: #eb5757;
}
.sec-upcoming-row .card-container .card .card-free{
    background:#00d300;
}
.sec-upcoming-row .card-container .card p{
    font-size: 12px;
    color: #70778B;
}
.sec-upcoming-row .card-container .card .top-sec{
        margin-bottom: 20px;
    }


@media screen and (max-width:991px){
    .sec-upcoming-row .card-container{
            flex-direction: column;
    }
    .sec-upcoming-row .card-container .left-container{
            flex-direction: column;
    }
    .sec-upcoming-row .card-container .card{
        width: auto;
        flex-direction: column;
    }
    .sec-upcoming-row .card-container .right-container{
        width: auto;
    }
}


.ssc-testi .card{
    display:flex;
    position:relative;
    flex-direction:column;
    flex:0 0 auto;
    background: #fff;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0;
}    

.ssc-testi .card .quote{
     width:56px;
     height:40px;
     position:absolute;
     top:0;
     right:0;
}
.ssc-testi .card .card-header{
    display:flex;
    align-items:center;
    width:100%;
    align-content:center;
    justify-content:flex-start;
    margin-bottom:20px;
}
.ssc-testi .card .card-header .col span{
    display:flex;
    width:93px;
    height:93px;
    border-radius:50%;
    margin-right:22px;
}
.ssc-testi .card .card-header .col span img{
    border-radius:50%;
}
.ssc-testi .card .card-header .col h3{
    font-weight: 500;
    color: #22252F;
    margin-bottom:4px;
    text-align: inherit;
}
.ssc-testi .card .card-header .col h6{
    color: #70778B;
    margin-bottom:0;
    text-align: inherit;
}
.ssc-testi .card p{
    display:flex;
    text-align:left;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    color: #70778B;
    font-size:14px;
    min-height:200px;
}
.ssc-testi .owl-stage{
    padding: 18px 0;
}
@media screen and (max-width:991px){
    .ssc-testi .sec-header-group .arr-group span{
        width:21px;
        height:21px;
    }
    .ssc-testi .sec-header1{
            margin-bottom:34px;
    }
    .ssc-testi .card{
        width:286px;
        margin:8px;
    }
}
.ssc-topper-block .outer-container{
    display: flex;
    width: 100%;
}
.ssc-topper-block .outer-container .left-content{
    display: flex;
    width: 40%;
}
.ssc-topper-block .outer-container .left-content .ytcard{
    width: 100%;
}
.ssc-topper-block .outer-container .owl-carousel{
    width:60%;
    display: flex;
    align-items: center;
}
.ssc-topper-block .outer-container .left-content .listen-ytiframe{
    aspect-ratio: 16/9;
}
@media screen and (max-width:991px){
    .ssc-topper-block .outer-container{
        flex-direction:column; 
    }
    .ssc-topper-block .outer-container .left-content{
        width: 100%; 
    }
    .ssc-topper-block .outer-container .owl-carousel{
        width: 100%; 
    
    }
}
.coursein {
    display: none;
}