@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
body{
    font-family: "Poppins", sans-serif;
}
section{
    padding:60px 0px;
}
#banner{
    background-image: url('../img/lp/banner.png');
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: 60%;
}
#footer-banner{
    background-image: url('../img/lp/Career-Trajectory.png');
    background-position-x: right;    background-position-y: bottom;
    background-repeat: no-repeat;    background-size: 70vh;
}
.header{
    font-size: 52px;
    color: #00216E;
    font-weight: 600;
}
.sub-header{
    color: #212121;
    font-size: 26px;
}
.banner-form{
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 40px #00000029;
border-radius: 10px;    margin-top: 200px;
}
.lpleadForm h5{
    color:#00216E;
}
.lpleadForm .banner-submit ,.lpleadForm-model .banner-submit{
    background-color: #DFC236;
    color: #fff;
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 50px;
}
.lpleadForm .form-control,.lpleadForm .form-select{
    background-color: #F6F6F6;
    border: 0;
    font-size: 12px;
    padding: 13px 15px;
    color: #505050;
}
.banner-circle{
    background-color: #5C82D9;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
.Click-to-Enroll{
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: -1px 24px 70px #00000029;
    color: #6B96F8;
    font-size: 32px;
    padding: 15px 0px;
    margin-top: 13px;
}
.button-back-circle{
    background-color: #5c81d8;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    left: 50px;
}
.all-courses{
    color:#00216E;
}
#enroll {
    width: 50px;
    height: 50px;
    background-color: #DFC236;
    margin-left: 50px;
    border-radius: 50%;
}
#Why-Centurion-University{
    background-color: #F8F8F8;
}
#Why-Centurion-University p{
    color: #1A1A1A;
    font-size: 16px;
}
#Why-Centurion-University h2,#Why-Centurion-University h6{
    color:#00216E;
}
#Why-Centurion-University .Centurion-University{
    width: 50px;
    height: 50px;
    background-color: #5C82D9;
    border-radius: 50%;
    position: absolute;
    top: -80px;
    right: 0;
}
#Accreditations{
    padding-top: 0;
}
#Accreditations h2{
     color: #00216E;
}
#Accreditations .Centurion-Accreditations {
    height: 130px;
    width: 130px;
    clip-path: circle(50% at 50% 0);
    background-color: #DFC236;
    position: absolute;
    top: 0;
    right: 20px;
}
#Accreditations .naac-Accreditation {
    padding: 25px 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 24px 26px 60px #00000029;
    border-radius: 8px;height: 100%;
}
#Accreditations .naac-Accreditation p{
    font-size: 18px;
    color:#404040;
}
#Accreditations .naac-Accreditation p span{
    font-weight: 600;
}
#Online-Programs h2{
    color: #00216E;
}

#Online-Programs .card{
    border: 0;
    border-radius: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 20px #0000001A;
}
#Online-Programs .card .sub-title {
    color: #00216E;
    font-weight: 500;
}
#Online-Programs .card .card-title span {
    font-weight: 200;
}
#Online-Programs .card .card-footer {
    border: 0;
    background: none;
}
#Online-Programs .card-body .card-text {
    color: #484848;
}
.Know-More{
    background-color: #dfc236 !important;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
}
.horizontol-line {
    border: 1px solid #A5A5A5;
}
.allcourses_online_program {
    position: absolute;
    height: 100px;
    width: 100px;
    background-color: #5c82d9;
    top: -46px;
    left: -33px;
    border-radius: 50%;
}
#online-msc .modal-header{
    background-image: url(../img/lp/online-msc-model.png);    background-size: cover;    padding: 25px 30px;
}
#online-bba .modal-header,#online-mba .modal-header{
    background-image: url(../img/lp/online-bba-model.png);    background-size: cover;    padding: 25px 30px;
}
#online-bca .modal-header,#online-mca .modal-header{
    background-image: url(../img/lp/online-bca-model.png);    background-size: cover;    padding: 25px 30px;
}
#online-msc .modal-content,#online-bba .modal-content,#online-bca .modal-content{
    border-radius: 15px;
}
#online-msc .modal-content .btn-close,#online-bba .modal-content .btn-close,#online-bca .modal-content .btn-close{
    background-color: #e5d5d5;
    border-radius: 50% 50%;
    font-size: 12px;
    padding: 10px;
    opacity: 1;    margin-top: -80px;
}
#online-msc .modal-content .modal-body,#online-bba .modal-content .modal-body,#online-bca .modal-content .modal-body{
    color: #484848;    padding: 25px 30px 10px;
}
.model-heading .modal-content p span:nth-child(1){
     font-size: 33px;    font-weight: 200;
}
.model-heading .modal-content p span:nth-child(2){
    font-size: 33px;    font-weight: 500;
}
#exampleModal .modal-header{
    background-color: #14216e;
    color: #fff;
}
#online-msc .model-apply-now,#online-bba .model-apply-now,#online-bca .model-apply-now,#online-mca .model-apply-now,#online-mba .model-apply-now{
    background-color: #dfc236;
    padding: 12px 0px;    margin: 0px 20px 35px;width: 25%;
}
.model-enroll-now{
    background-color: #dfc236 !important;
    color: #fff;
    padding: 12px 0px; 
    width: 30%;
}
#program-benefit{
    background-color: #F8F8F8;
}
.footer-icon{
    font-size: 25px;
    color: #5C82D9;
}
  .Career-Trajectory{
    color: #00216E;
    font-size: 45px;
    font-weight: 600;
  }
  .careertrajectory {
    position: absolute;
    background-color: #dfc236;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: 0;
    top: 35%;
}
#footer{
    background-color: #F8F8F8;
    padding: 0;
}
.Drop-Your {
    background-color: #5C82D9;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 25px;
}
.Drop-Your p{
    font-size: 20px;
}
label.error{
    display: inline-block;
    color: red;
    font-size: 12px;
    position: absolute;
}

@keyframes blink {
    0% { opacity: 1; color: #6B96F8; }
    50% { opacity: 1; color: #00216E; }
    100% { opacity: 1; color: #6B96F8; }
}

.blink_me {
    animation: blink 1s infinite;
}

.blink_me[style*="opacity: 0"] {
    color: #00216E;
}
.Click-to-Enroll:hover{
    background-color: orange !important;
    color: #fff;
}

.Click-to-Enroll:hover .blink_me {
    animation-play-state: paused;
    color: #fff;
}
.uni-logo{
    max-width: 61%;
}
@media (min-width: 1800px) and (max-width: 2880px) {
    #banner{
        background-size: 90vh;
    }
    #footer-banner{
        background-size: 55vh;
    }
    .banner-form {
        margin-top: 280px;
    }
}
@media (min-width: 900px) and (max-width: 1800px) {}
@media (min-width: 320px) and (max-width: 900px) {
    .online_program{
        margin: 0;
    }
    .allcourses_online_program {
        height: 50px;
        width: 50px;
        top: -25px;
        left: -9px;
    }
    .button-back-circle {
        height: 100px;
        width: 100px;
    }
    #online-msc .model-apply-now,#online-bba .model-apply-now,#online-bca .model-apply-now{
        width: 50%;
     }
     #online-msc .modal-header,
    #online-bba .modal-header,
    #online-bca .modal-header{
        background-position-x: right;
    }
.mobile-img-benefit {
        overflow: scroll;
    }
    #Accreditations .naac-Accreditation {
        box-shadow: 0px 9px 29px 9px #00000029;
       
    }
    #banner {
        background-image:none;    padding-top: 50px;
    }
    #footer-banner{
        background-image:none; 
    }
    .model-enroll-now {
        width: 50%;
    }
    .header {
        font-size: 35px;
    }
    .sub-header {
        font-size: 22px;
    }
    .banner-form {
        margin-top:0px;
    }
    .upgrade-tour-career-home{
        padding-left: 40px;
    }
    .Click-to-Enroll {
        font-size: 26px;
    }
    #Accreditations .naac-Accreditation {
        padding: 25px 15px;
    }
}
.modals {
    z-index: 9999999999;
}

#scroll-courses .owl-dots{
    text-align: start;
  }

  #scroll-courses .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    border: 1px solid #00216E;
    background-color: #f5f5dc00;
  }

  #scroll-courses .owl-dots .owl-dot.active span, 
  #scroll-courses .owl-dots .owl-dot:hover span{
    background-color: #00216E;
  }