@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&family=Montez&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
    top: 0;
    left: 0;
    box-sizing: border-box;
    /* overflow-x: inherit; */
    width: 100%;
    scroll-behavior: smooth;
}

* {
    font-family: "Montserrat", sans-serif;
}

.orange_color {
    color: #F8AE23;
}

.orange_back {
    background: #F8AE23;
}

.blue_color {
    color: #00287D;
}

.blue_back {
    background: #00287D;
}

.red_color {
    color: #E93F3A;
}

.red_back {
    background: #E93F3A;
}

.blue_grad {
    background: -webkit-linear-gradient(45deg, #00478D, #0375E5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Darkblue_grad {
    background: -webkit-linear-gradient(45deg, #322E6B, #625AD1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.orange_grad {
    background: -webkit-linear-gradient(45deg, #EE7202, #E93F3A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-style-ones {
    background: #fff;
    padding: 10px 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #00478D;
    border-radius: 100px;
    box-shadow: 0 0 16px 0px #0000006e;
}

.style-btn-one {
    background: linear-gradient(45deg, #072A3E, #063C52);
    padding: 10px 50px;
    font-size: 16px;
    border-radius: 40px;
    border: 0;
    color: #fff;
    font-weight: 500;
    transform: scale(1);
    transition: all ease .3s;
}

.style-btn-one:hover {
    background: linear-gradient(45deg, #072A3E, #063C52);
    border: 0;
    color: #fff;
    transform: scale(0.98);
    transition: all ease .3s;
}

/* Form Css Starts */

.banner_form_sec {
    background: #fff;
    width: 100%;
    padding: 20px 10px;
    position: relative;
    border-radius: 10px;
    z-index: 1;
    box-shadow: 0 10px 44px 0px #0000005c;
    height: auto;
    margin-bottom:20px;
}
.banner_form_sec h2{
    font-size:20px;
    font-weight:bold;
    text-align:center;
}
.ctplqryform h2{
    color:#000 !important;
    font-size:25px !important;
    text-align:center !important;
}
/* Form Css Ends */

/* banner section start  */

.banner_section {
    background:url('../../../default/images/frontend/skdu/banner_img.png');
    background-size:cover;
    background-position: center right;
    background-repeat: no-repeat;
    height: auto;
}

.banner_section .navbar {
    position: static !important;
}

.banner_section .navbar-brand {
    display: flex;
    align-items: center;
}

.banner_section .navbar-brand img{
    width:30%;
}

.banner_section h2{
    text-align: left;
    color: #000;
    font-size: 25px;
    font-weight: 600;
    line-height: 40px;
}
.banner_section hr{
    border:5px solid #E93F3A;
    width:30%;
}

.banner_section h1{
    color:#000;
    font-size:45px;
    font-weight:600;
}
.banner_section h4{
    margin-top:5%;
    padding:1% 3%;
    background: #EE7202;
    background: linear-gradient(90deg, rgba(238, 114, 2, 1) 0%, rgba(233, 63, 58, 1) 100%);
    width:fit-content;
    border-radius:5px;
    color:#fff;
}
.banner_section h4 span{
    font-weight:400;
}
.banner_section .banner_text p{
    color:#000;
    font-size:30px;
    margin-bottom:0px;
    font-weight:500;
}

@media (min-width:320px) and (max-width:480px) {
    .banner_section {
        background:#fff;
        height: auto;
        padding-bottom:15%;
    }
    .banner_section .banner_text .banner_form_sec {
        background: #fff;
        height: auto;
        width: 100%;
    }
    .banner_section .navbar-brand img{
        width:100%;
    }
    .banner_section h4 {
        font-size: 22px;
        margin: 7% auto 3%;
    }
    .banner_section h2 {
        font-size: 11px;
        line-height: 18px;
    }
    .banner_section h1 {
        font-size: 35px;
    }
    .banner_section .banner_text p {
        font-size: 20px;
    }
}

/* banner section end  */

/*welcome section starts*/

section.welcome_section {
    position: relative;
    padding: 60px 0;
    text-align: center;
    background:rgba(233,63,58,0.1);
}
section.welcome_section .welcome_cont h2 {
    margin-bottom:4%;
}
section.welcome_section .welcome_cont h2 span {
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
}
section.welcome_section .welcome_cont p {
    font-size: 17px;
    color: rgb(0 0 0 / 80%);
    font-weight: 400;
    line-height: normal;
}
section.welcome_section a{
    font-size:25px;
    padding-left:10%;
    padding-right:10%;
}
@media (max-width: 767.98px) {
    section.welcome_section {
        position: relative;
        padding:30px 0px;
        text-align: center;
    }
    section.welcome_section .welcome_cont h2 span {
        font-size: 21px;
        font-weight:bold;
        line-height:35px;
    }
    section.welcome_section a {
        font-size: 16px;
        margin-top: -4% !important;
    }
    section.welcome_section .welcome_cont h2 {
        font-size: 16px;
    }
    section.welcome_section .welcome_cont p {
        font-size: 15px;
        text-align:justify;
    }
}

/*welcome section ends*/

/* advantage section start */

.advantage .advantage_inner{
    background: #011237;
    background: linear-gradient(180deg, rgba(1, 18, 55, 1) 0%, rgba(6, 30, 79, 1) 100%);
    padding:0% 5%;
}
.advantage .advantage_inner h2{
    font-size:100px;
    font-weight:bold;
    text-align:center;
    color:#fff;
}

.advantage .advantage_inner .slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
.advantage .advantage_inner .slider-box {
    position: relative;
    padding: 4rem 0rem;
    border-radius: 6px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.advantage .advantage_inner .card-slide {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    box-shadow: 0px 10px 12px rgba(0,0,0,0.1);
    display: none;
}
.advantage .advantage_inner .card-slide.active {
    display: block;
}
.advantage .advantage_inner .card-slide h5 {
    font-weight: bold;
    color: #f28c00;
    font-size:30px;
}
.advantage .advantage_inner .card-slide ul li{
    font-size:18px;
}
.advantage .advantage_inner .card-slide small {
    font-weight: bold;
    color: #000;
    display: block;
    font-size:25px;
    margin-bottom: 0.5rem;
    margin-top:-2%;
}
.advantage .advantage_inner .apply-btn {
    display: inline-block;
    background-color: #fff;
    color: #001f4d;
    padding: 14px 40px;
    font-weight: bold;
    border-radius: 40px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 20px;
}
.advantage .advantage_inner .apply-btn:hover {
    background-color: #f28c00;
    color: #fff;
}
.advantage .advantage_inner .vertical-dots {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.advantage .advantage_inner .dot {
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
}
.advantage .advantage_inner .dot.active {
    background-color: #f02828;
    border-color: transparent;
}
@media (max-width: 768px) {
    .advantage .advantage_inner .slider-container {
      flex-direction: column;
    }
    .advantage .advantage_inner .vertical-dots {
      position: relative;
      flex-direction: row;
      top: auto;
      right: auto;
      transform: none;
      margin-top: 20px;
      justify-content: center;
    }
    .advantage .advantage_inner h2 {
        font-size: 45px;
    }
    .advantage .advantage_inner .slider-box {
        padding: 1rem 0rem;
    }
    .advantage .advantage_inner .card-slide h5 {
        font-size: 25px;
    }
    .advantage .advantage_inner .card-slide small {
        font-size: 18px;
    }
    .advantage .advantage_inner .card-slide ul {
        padding-left:5%;
    }
    .advantage .advantage_inner .card-slide ul li {
        font-size: 15px;
    }
}


/* advantage section end */

 /* approvals section start */

.approvals-section {
    padding: 50px 15px 20px 15px;
    text-align: center;
}
.approvals-section h2 {
    font-weight: bold;
    font-size: 3rem;
    color:#322E6B;
}
.approvals-section .highlight-orange {
    color: #f77f00;
}
.approvals-section .carousel4 .carousel-cell4 .flickity-viewport{
    height:250px;
}
.approvals-section .carousel4 .carousel-cell4 {
    width: 15%;
    max-height: 1000px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 20px 30px;
    counter-increment: carousel-cell;
    margin-top: 20px;
    border-radius:20px;
}



.approvals-section .carousel4 .carousel-cell4 img{
    height: auto;
    width: 100%;
    padding: 0px;
}

  @media (max-width: 768px){
    .approvals-section h2 {
        font-size: 1.5rem;
    }
    .approvals-section .carousel4 .carousel-cell4 {
        width: 50%;
        max-height: 1000px;
        margin-right: 30px;
        margin-bottom: 30px;
        padding: 20px 30px;
        counter-increment: carousel-cell;
        margin-top: 20px;
        border-radius:20px;
    }
    .approvals-section .carousel4 .carousel-cell4 img{
        height: auto;
        width: 100%;
        padding: 0px;
    }
    .approvals-section .carousel4 .carousel-cell4 .flickity-viewport{
        height:250px;
    }
  }

  /* approvals section end  */

  /* program section start  */

  .programSection{
    background:#021B37;
    padding-bottom:4%;
  }
  .programSection h2{
    color:#fff;
    font-size:150px;
    text-align:center;
    line-height:65px;
  }
  .programSection h2 span{
    color:rgba(255,255,255,0.5);
  }
  .programSection h3{
    font-size:50px;
    font-weight:700;
    text-align:center;
    margin-top:2%;
  }
  .programSection hr{
    border:1px solid rgba(255,255,255,0.5);
    width:60%;
  }
  .programSection h4{
    font-size:40px;
    color:#fff;
    text-align:center;
    font-weight:400;
  }
  .programSection .program_card{
    background:rgba(255,255,255,0.1);
    padding:3% 3% 1% 3%;
    border-radius:10px;
    height:320px;
  }
  .programSection .program_card h3{
    font-size:35px;
    text-align:left;
  }
  .programSection .program_card p{
    color:#fff;
    font-weight:500;
    font-size:25px;
  }
  .programSection .program_card p span{
    font-size:30px;
    font-weight:600;
  }
  .programSection button{
    color:#000;
    border-radius:50px;
    font-weight:bold;
  }

.programSection .carousel-cell2 {
    width: 50%;
    max-height: 1000px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 20px 30px;
    counter-increment: carousel-cell;
    margin-top: 20px;
    border-radius:20px;
}

.programSection .carousel-cell2 .flickity-viewport{
    height:400px !important;
}

.programSection .carousel-cell2 img{
    height: auto;
    width: 20%;
    padding: 0px;
}
.programSection .carousel-cell2 h3{
    text-align:left;
}
.programSection .carousel-cell2 p{
    color:#fff;
    font-weight:500;
    font-size:18px;
    text-align:left;
}



.programSection .program_card2{
    background:rgba(255,255,255,0.1);
    padding:3% 3% 1% 3%;
    border-radius:10px;
    height:180px;
  }
  .programSection .program_card2 h3{
    font-size:40px;
    text-align:left;
  }
  .programSection .program_card2 p{
    color:#fff;
    font-weight:500;
    font-size:25px;
  }
  .programSection .program_card2 p span{
    font-size:30px;
    font-weight:600;
  }
.programSection .carousel-cell3 {
    width: 50%;
    max-height: 1000px;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 20px 30px;
    counter-increment: carousel-cell;
    margin-top: 20px;
    border-radius:20px;
}

.programSection .carousel-cell3 .flickity-viewport{
    height:400px !important;
}

.programSection .carousel-cell3 img{
    height: auto;
    width: 20%;
    padding: 0px;
}
.programSection .carousel-cell3 h3{
    text-align:left;
}
.programSection .carousel-cell3 p{
    color:#fff;
    font-weight:500;
    font-size:18px;
    text-align:left;
}
  @media screen and (max-width:768px){
    .programSection h2 {
        font-size: 65px;
        line-height:30px;
    }
    .programSection h2 span.nextgenText {
        font-size: 20px;
    }
    .programSection h4 {
        font-size: 20px;
    }
    .programSection .program_card p {
        font-size: 14px;
        margin-bottom:5px;
    }
    .programSection .program_card p span {
        font-size: 14px;
    }
    .programSection .program_card {
        height: 170px;
    }

    .programSection .program_card2 p {
        font-size: 14px;
        margin-bottom:5px;
    }
    .programSection .program_card2 p span {
        font-size: 14px;
    }
    .programSection .program_card2 {
        height: 150px;
    }
    .programSection .program_card2 h3 {
        font-size: 20px;
        text-align: left;
    }

    .programSection {
        background: #021B37;
        padding-bottom: 14%;
    }
    .programSection .program_card h3 {
        font-size: 18px;
        text-align: left;
    }
    .programSection h3 {
        font-size: 28px;
        margin-top: 0%;
    }

    .programSection .carousel-cell2 {
        width: 100%;
        max-height: 1000px;
        margin-right: 30px;
        margin-bottom: 30px;
        padding: 20px 30px;
        counter-increment: carousel-cell;
        margin-top: 20px;
        border-radius:20px;
    }
    .programSection .carousel-cell3 {
        width: 100%;
        max-height: 1000px;
        margin-right: 30px;
        margin-bottom: 30px;
        padding: 20px 30px;
        counter-increment: carousel-cell;
        margin-top: 20px;
        border-radius:20px;
    }
    .programSection .carousel-cell3 .flickity-viewport{
        height:210px !important;
    }
  }

  /* program section end */

/* why skdu section start  */

.whySKDU .whySKDU_inner{
    background: #021B37;
    background: linear-gradient(148deg, rgba(2, 27, 55, 1) 0%, rgba(2, 27, 55, 1) 30%, rgba(0, 0, 0, 1) 100%);
    padding:4% 5%;
}
.whySKDU .whySKDU_inner h2{
    font-size:35px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    margin-bottom:4%;
}
.whySKDU .whySKDU_inner h2 span{
    font-size:50px;
}
.whySKDU .whySKDU_inner h3{
    font-size:45px;
}
.whySKDU .whySKDU_inner .slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
.whySKDU .whySKDU_inner .slider-box {
    position: relative;
    padding: 4rem 0rem;
    border-radius: 6px;
    width: 100%;
    max-width: 600px;
}
.whySKDU .whySKDU_inner .card-slide-2 {
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    box-shadow: 0px 10px 12px rgba(0,0,0,0.1);
    display: none;
    text-align:center;
}
.whySKDU .whySKDU_inner .card-slide-2 img{
    width:50%;
}
.whySKDU .whySKDU_inner .card-slide-2.active {
    display: block;
}
.whySKDU .whySKDU_inner .card-slide-2 h5 {
    font-weight: bold;
    color: #fff;
    font-size:30px;
    margin-top:4%;
}
.whySKDU .whySKDU_inner .card-slide-2 p{
    font-size:18px;
    color:#fff;
}
.whySKDU .whySKDU_inner .apply-btn {
    display: inline-block;
    background-color: #fff;
    color: #001f4d;
    padding: 14px 40px;
    font-weight: bold;
    border-radius: 40px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 20px;
}
.whySKDU .whySKDU_inner .apply-btn:hover {
    background-color: #f28c00;
    color: #fff;
}
.whySKDU .whySKDU_inner .vertical-dots-2 {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.whySKDU .whySKDU_inner .dot-2 {
    height: 12px;
    width: 12px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
}
.whySKDU .whySKDU_inner .dot-2.active {
    background-color: #f02828;
    border-color: transparent;
}
@media (max-width: 768px) {
    .whySKDU .whySKDU_inner .slider-container {
      flex-direction: column;
    }
    .whySKDU .whySKDU_inner .vertical-dots-2 {
      position: relative;
      flex-direction: row;
      top: auto;
      right: auto;
      transform: none;
      margin-top: 20px;
      justify-content: center;
    }
    .whySKDU .whySKDU_inner .card-slide-2 img{
        width:75%;
    }
    .whySKDU .whySKDU_inner  h2 {
        font-size: 13px;
    }
    .whySKDU .whySKDU_inner .slider-box {
        padding: 1rem 0rem;
    }
    .whySKDU .whySKDU_inner .card-slide-2 h5 {
        font-size: 18px;
    }
    .whySKDU .whySKDU_inner .card-slide-2 small {
        font-size: 18px;
    }
    .whySKDU .whySKDU_inner .card-slide-2 ul {
        padding-left:5%;
    }
    .whySKDU .whySKDU_inner .card-slide-2 ul li {
        font-size: 15px;
    }
    .whySKDU .whySKDU_inner h2 span {
        font-size: 20px;
    }
    .whySKDU .whySKDU_inner {
        padding: 15% 5%;
    }
    .whySKDU .whySKDU_inner .card-slide-2 p {
        font-size: 13px;
    }
    .whySKDU .whySKDU_inner .card-slide-2 {
        margin-bottom: 0px;
    }
    .whySKDU .whySKDU_inner h3 {
        font-size: 35px;
    }
    .whySKDU .whySKDU_inner h4{
        font-size:20px;
    }
    .whySKDU .whySKDU_inner p{
        font-size:14px;
    }
}

/* why skdu section end */

/* admission process start  */

.admissionProcess{
    padding:3% 0%;
    margin:0% 4%;
}
.admissionProcess .admissonContentDiv{
    padding:3%;
} 
.admissionProcess .admissonContentDiv h2{
    font-size:50px;
    text-align:center;
    font-weight:800;
    line-height:58px;
}
.admissionProcess .admissonContentDiv hr{
    border:1px solid rgba(0, 0, 0, 0.2);
}
.admissionProcess .eligibilty{
    padding:4%;
    background: #E93F3A;
    background: linear-gradient(149deg, rgba(233, 63, 58, 1) 0%, rgba(238, 114, 2, 1) 100%);
    margin-top:-5%;
}
.admissionProcess .eligibilty h2{
    color:#fff;
    font-size:40px;
}
.admissionProcess .eligibilty hr{
    border:2px solid #f28c00;
}
.admissionProcess .eligibilty p{
    color:#fff;
    font-size:25px;
    font-weight:500;
}
.admissionProcess .admissonContentDiv h2 span.sub_text{
    font-size:45px;
    font-weight:500;
    color:#00287D;
}
.admissionProcess .admissonContentDiv p{
    font-size:25px;
    text-align:center;
    font-weight:600;
    color:rgba(0,0,0,0.4);
}
.admissionProcess .admissonContentDiv button{
    color:#000;
    font-weight:bold;
    border-radius:50px;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}

.admissionProcess .admissonContentDiv .steps-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    flex-wrap: wrap;
    position: relative;
    max-width: 1500px;
    margin: auto;
}

.admissionProcess .admissonContentDiv .step {
    flex: 1 1 160px;
    min-width: 150px;
    position: relative;
    text-align: center;
}

.admissionProcess .admissonContentDiv .step .circle {
    width: 20px;
    height: 20px;
    background-color: #1e40af;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}



.admissionProcess .admissonContentDiv .step:last-child .circle::before {
    display: none;
}

.admissionProcess .admissonContentDiv .step h3 {
    margin: 1rem 0 0.5rem;
    font-size: 16px;
    font-weight:bold;
}

.admissionProcess .admissonContentDiv .step p {
    font-size: 14px;
    color: #555;
    line-height: 18px;
}

.admissionProcess .admissonContentDiv .step-number {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
    margin-top:5%;
}

.admissionProcess .admissonContentDiv .step-line {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d1d5db;
    z-index: 0;
}

@media (max-width: 768px) {
    .admissionProcess .admissonContentDiv .steps-container {
      flex-direction: column;
      align-items: flex-start;
    }

    .admissionProcess .admissonContentDiv .step {
      flex: 1 1 100%;
      text-align: left;
      padding-left: 2rem;
    }

    .admissionProcess .admissonContentDiv h2 span.sub_text {
        font-size: 15px;
        font-weight: 500;
    }

    .admissionProcess .admissonContentDiv .step .circle {
      margin: 0;
      position: absolute;
      left: 0;
    }

    .admissionProcess .eligibilty h2 {
        font-size: 25px;
    }

    .admissionProcess .eligibilty p {
        font-size: 14px;
    }    

    .admissionProcess .eligibilty {
        padding: 15% 4% 4% 4%;
        margin-top: -15%;
    }

    .admissionProcess .admissonContentDiv .step .circle::before {
      width: 2px;
      height: 100%;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
    }

    .admissionProcess .admissonContentDiv .step-line {
      display: none;
    }

    /* .admissionProcess .admissonContentDiv .step-number {
      margin-left: -2rem;
    } */
    .admissionProcess .admissonContentDiv .step .circle::before {
        content: "";
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 135px;
        background-color: #d1d5db;
        z-index: -1;
    }
    .admissionProcess .admissonContentDiv .step p {
        text-align:left;
    }
    .admissionProcess .admissonContentDiv .step h3 {
        font-size: 20px;
    }
    .admissionProcess .admissonContentDiv .step-number {
        font-size: 1.7rem;
        margin-top: 0%;
    }
    .admissionProcess .admissonContentDiv p {
        font-size: 16px;
        line-height: 18px;
    }
    .admissionProcess .admissonContentDiv h2 {
        font-size: 27px;
        text-align: center;
        font-weight: 800;
        line-height: 25px;
    }
    .admissionProcess .admissonContentDiv {
        padding: 10% 3%;
    }
}

/* admission process end */

/* scholarship section start  */

.scholarship{
    padding:2% 0%;
    background:url('../../../default/images/frontend/skdu/scholarBlueBack.png');
    background-size:100% 75%;
    background-position: center bottom;
    background-repeat: no-repeat;
    height:100%;
}
.scholarship h2{
    text-align:center;
    color:rgba(0, 0, 0, 0.6);
    font-size:25px;
    font-weight:500;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.scholarship h2 span{
    font-size:30px;
    font-weight:800;
}
.scholarship h3{
    text-align:center;
    color:rgba(0, 0, 0, 0.1);
    font-size:135px;
    text-transform: uppercase;
    font-weight:800;
    margin-top:-4%;
}
.scholarship .scholarBack{
    background:url('../../../default/images/frontend/skdu/scholarBack.png');
    background-size:80% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height:100%;
    padding: 3% 12% 0% 13%;
}
.scholarship .scholarBack h5{
    color:rgba(255,255,255,0.5);
    font-weight:bold;
    font-size:40px;
    text-align:center;
}
.scholarship .scholarship-table {
    margin: 40px auto;
    max-width: 800px;
    text-align: center;
    background:#fff;
    padding:3%;
    border-radius:10px;
}

.scholarship .scholarship-table .scholarship_content {
    background: #f8f9fa;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scholarship ul li{
    color:#fff;
    font-size:20px;
}

.scholarship .scholarship-table .scholarship_content .score {
    font-size: 18px;
    font-weight: bold;
    text-align:left;
}
.scholarship .scholarship-table .scholarship_content .score span.text {
    font-size: 13px;
    color: #6c757d;
}

.scholarship .scholarship-table .scholarship_content .details {
    text-align: left;
}

.scholarship .scholarship-table .scholarship_content .details .waiver {
    font-size: 18px;
    font-weight: bold;
}

.scholarship .scholarship-table .scholarship_content .details .text {
    font-size: 13px;
    color: #6c757d;
    font-weight:600;
}
.scholarship img{
    margin-top:-10%;
}
.scholarship button{
    background:#fff;
    color:#000;
    box-shadow:0px 0px 30px rgba(0, 0, 0, 0.5); 
    border-radius:50px;
}
.scholarship h2 span {
    font-size: 60px;
}
@media (min-width:320px) and (max-width:480px){
    .scholarship h2 span {
        font-size: 30px;
    }
    .scholarship h3 {
        font-size: 42px;
    }
    .scholarship img {
        margin-top: -5%;
    }
    .scholarship {
        padding: 10% 0%;
    }
    .scholarship h2 {
        font-size: 15px;
    }
    .scholarship h4{
        font-size:30px;
    }
    .scholarship .scholarBack h5 {
        font-size: 35px;
    }
    .scholarship ul{
        padding:5%;
    }
    .scholarship ul li {
        color: #fff;
        font-size: 15px;
    }
}

/* scholarship section end */

/* awards and recog. secton start  */

.awards{
    padding:4% 0%;
}
.awards h2{
    font-size:50px;
    margin-bottom:3%;
}
.awards .awards_div{
    background:rgba(233,63,58,0.1);
    border-radius:15px;
    padding:3% 0%;
}
.awards .awards_div .rank_img {
    padding: 10px;
    background: url('../../../default/images/frontend/skdu/rank_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 110px;
    width: 250px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.awards .awards_div .rank_img h3 {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 0 auto 15px;
    width: 85%;
}
.awards .awards_div .ranking_cont p {
    text-align: center;
    font-size: 14px;
    color: #000;
    width: 85%;
    margin: auto;
    font-weight:600;
}
@media (max-width: 768px){
    .awards {
        padding: 15% 0%;
    }
    .awards h2 {
        font-size: 27px;
        margin-bottom: 8%;
    }
    .awards .awards_div {
        padding: 10% 0%;
    }
}

/* awards and recog. secton end */

/* partnership section start  */

.partnershipSection{
    padding:2% 0%;
}
.partnershipSection h2{
    font-size:50px;
}
.partnershipSection .partnerCard1{
    background: #E93F3A;
    background: linear-gradient(180deg, rgba(233, 63, 58, 1) 0%, rgba(238, 114, 2, 1) 100%);
    padding:5%;
    border-radius:15px;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
    height:250px;
}
.partnershipSection .partnerCard2{
    background: #49439D;
    background: linear-gradient(180deg, rgba(73, 67, 157, 1) 0%, rgba(98, 90, 209, 1) 100%);
    padding:5%;
    border-radius:15px;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
    height:250px;
}
.partnershipSection  h4{
    color:rgba(255,255,255,0.8);
    font-weight:400;
    font-family: "Montez", cursive;
    font-size:30px;
}
.partnershipSection  hr{
    border-top:1px solid rgba(255,255,255,0.5);
}
.partnershipSection  h3{
    color:#fff;
    font-size:40px;
    font-weight:400;
}
.partnershipSection  p{
    color:#fff;
    font-size:20px;
    font-weight:500;
}
@media (max-width: 768px){
    .partnershipSection h2 {
        font-size: 28px;
    }
    .partnershipSection h3 {
        font-size: 25px;
    }
    .partnershipSection p {
        font-size: 12px;
    }
    .partnershipSection .partnerCard1, .partnershipSection .partnerCard2{
        height: 190px;
    }
}

/* partnership section end  */

/* awards news aggency section start */

.awardsNewsAggency{
    padding:2% 0%;
}
.awardsNewsAggency h2{
    color:#322E6B;
    font-size:50px;
}
.awardsNewsAggency h2 span{
    font-size:80px;
}
@media (max-width: 768px){
    .awardsNewsAggency{
        padding:15% 0%;
    }
    .awardsNewsAggency h2 span {
        font-size: 40px;
    }
    .awardsNewsAggency h2{
        font-size:25px;
    }
}

/* awards news aggency section end */

/* skill dev section start  */

.skillDev{
    padding:3% 0%;
}
.skillDev h2{
    font-size:45px;
    text-align:center;
}
.skillDev h2 span{
    font-size:80px;
}
.skillDev .skillDevHeader{
    background:url('../../../default/images/frontend/skdu/SkillDevBack.png');
    background-size:100% 50%;
    background-position: center bottom;
    background-repeat: no-repeat;
    height:100%;
    padding:4% 4% 0% 4%;
    margin-top:-15%;
}
.skillDev .skillDevHeader h3{
    font-size:30px;
    font-weight:600;
    color:#000;
    padding-bottom:5%;
}
.skillDev .skillDevHeader h3 span{
    font-size:42px;
    font-weight:700;
    color:#322E6B;
}
.skillDev .skillDevHeader img.msme_img{
    padding-bottom:12%;
}
.skillDev  img.sunIcon{
    width:15%;
}
.skillDev h6{
    font-weight:bold;
    margin-top:2%;
}
.skillDev p{
    color:#000;
    font-weight:500;
}
.skillDev h4{
    border-left:2px solid #E93F3A;
    padding:1%;
    font-size:30px;
    margin-bottom:4%;
}

@media (max-width: 767.98px) {
    .skillDev p{
        line-height: 16px;
        font-size: 12px;
    }
    .skillDev h6{
        font-size:12px;
    }
    .skillDev h2 {
        font-size: 25px;
    }
    .skillDev h2 span {
        font-size: 30px;
    }
    .skillDev .skillDevHeader h3 {
        font-size: 12px;
        padding-bottom:0%;
    }
    .skillDev .skillDevHeader h3 span {
        font-size: 12px;
    }
    .skillDev .skillDevHeader {
        background-size: 100% 66%;
        margin-top: -10%;
    }
    .skillDev h4 {
        font-size: 16px;
    }
}

/* skill dev section end */

/* sport champions section start */

.sportChampions{
    padding:0% 0% 3% 0%;
    background:#000;
}
.sportChampions .sportChampionInner{
    background:url('../../../default/images/frontend/skdu/sportBack.png');
    background-size:100% 100%;
    background-position: center top;
    background-repeat:no-repeat;
    height:100%;
    padding-top:5%;
    padding-bottom:100%;
}
.sportChampions .sportChampionInner h2{
    font-size:90px;
    color:#fff;
}
.sportChampions .sportChampionInner h3{
    font-size:35px;
    color:#fff;
}
.sportChampions .sportChampionInner h4 {
    font-size: 70px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    margin-top: 3%;
}
.sportChampions .sportChampionInner h4 span{
    font-size:40px;
}
.sportChampions img.sportperson{
    margin-top:-55%;
    width:70%;
}
.sportChampions h6{
    color:#fff;
    font-size:25px;
    border-left:1px solid #EE7202;
    padding-left:3%;
}
.sportChampions h5{
    font-size:40px;
    color:#fff;
}
.sportChampions h5 span{
    font-size:60px;
}
.sportChampions p{
    color:#fff;
    font-size:18px;
    padding-left:3%;
}
@media (max-width: 767.98px){
    .sportChampions .sportChampionInner h2 {
        font-size: 30px;
    }
    .sportChampions .sportChampionInner h3 {
        font-size: 15px;
    }
    .sportChampions .sportChampionInner h4 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 3%;
    }
    .sportChampions .sportChampionInner h4 span {
        font-size: 20px;
    }
    .sportChampions img.sportperson {
        margin-top: -65%;
    }
    .sportChampions h5 span {
        font-size: 20px;
    }
    .sportChampions h5 {
        font-size: 20px;
    }
    .sportChampions h6 {
        font-size: 13px;
    }
    .sportChampions p {
        font-size: 11px;
    }
}

/* sport champions section end */

/* nextgen section start  */

.nextGen{
    background:url('../../../default/images/frontend/skdu/nextgenBack.png');
    background-size:50% 70%;
    background-position: right center;
    background-repeat: no-repeat;
    height:100%;
    padding:5% 0%;
}
.nextGen h2{
    font-size:45px;
    color:#000;
    font-weight:400;
    border-left:5px solid #0257C0;
    padding-left:2%;
}
.nextGen h2 span{
    font-weight:700;
    font-size:60px;
} 
.nextGen h3{
    font-size:50px;
}
.nextGen .nextGenInner{
    border-left:5px solid #0257C0;
    padding-left:2%;
}
.nextGen .nextGenInner h4{
    font-size:60px;
    color:#000;
    margin-bottom:15%;
}
.nextGen .nextGenInner h5{
    line-height:75px;
}
.nextGen .nextGenInner h5 span.Offering{
    font-size:40px;
}
.nextGen .nextGenInner h5 span.NEP{
    font-size:150px;
}
.nextGen .nextGenInner p{
    font-size:35px;
    color:#002880;
    font-weight:700;
    line-height:35px;
}
.nextGen button{
    font-size:35px;
    border-radius:50px;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
    padding:1% 10%;
    margin-top:5%;
}
.nextGen p.admission_open{
    font-size:40px;
    text-align:center;
    font-weight:500;
    margin-top:5%;
}
.nextGen p.admission_open b{
    font-weight:700;
}
@media (max-width: 767.98px){
    .nextGen {
        padding: 15% 0%;
    }
    .nextGen h2 {
        font-size: 25px;
    }
    .nextGen h2 span {
        font-weight: 700;
        font-size: 30px;
    }
    .nextGen h3 {
        font-size: 30px;
    }
    .nextGen .nextGenInner h4 {
        font-size: 35px;
    }
    .nextGen .nextGenInner h5 span.NEP {
        font-size: 50px;
    }
    .nextGen .nextGenInner h5 span.Offering {
        font-size: 20px;
    }
    .nextGen .nextGenInner h5 {
        line-height: 35px;
    }
    .nextGen .nextGenInner p {
        font-size: 15px;
        line-height: 19px;
    }
    .nextGen button {
        font-size: 18px;
    }
    .nextGen p.admission_open {
        font-size: 25px;
    }
    .nextGen {
        background-size: 70% 50%;
    }
}

/* nextgen section end */

/* footer section start  */

.footer_section {
    background-color: #000;
    color: #fff;
    padding: 50px 0 20px 0px;
}

.footer_section a {
    color: #fff;
    text-decoration: none;
}

.footer_section .social-icons a {
    font-size: 20px;
    margin-right: 15px;
}

.footer_section hr {
    border-color: #444;
}

.footer_section .call-number {
    font-weight: bold;
    font-size: 1.2rem;
}

.footer_section .copyright {
    margin-top: 15px;
    font-size: 0.9rem;
}

/* footer section end */

/* call button start  */

.CallButton {
    position: fixed;
    bottom: 85px;
    z-index: 2200000;
    right: 16px;
    box-shadow: 0 0 10px #ddd;
    /* background-color: var(--whiteColor); */
    background:#00287D;
    border-radius: 100%;
    width: 60px;
    height: 60px;
  }
  .CallButton a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color:#fff;
  }
  .CallButton a:hover{
    text-decoration: none;
    color:#fff;
  }
  
  /* call now button end  */
  
  
  /* Apply Now button start  */
  
  .applyNowButton {
    position: fixed;
    bottom: 250px;
    z-index: 2200000;
    right: 0;
    box-shadow: 0 0 10px #ddd;
    background: #000;
    border-radius: 8px 0px 0px 8px;
    width: 40px;
    height: 100px;
    padding: 10px 10px 10px 20px;
    text-align: center;
    overflow: hidden;
  }
  
  .applyNowButton a {
    display: flex;
    color: #fff;
    transform: rotate(270deg);
    justify-content: center;
    height: 100%;
    white-space: nowrap;
    width: 100%;
    align-items: center;
  }
  
  .applyNowButton a h5 {
    font-size: 14px;
  }
  
  .applyNowButton a:hover {
    text-decoration: none;
    color: #fff;
  }
  
  .applyNowButton a img {
    max-width: 90%;
  }
  
  
  
  /* Apply Now  button end  */