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

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-weight:400;
    overflow-x: hidden;
}
*{
    font-family: "Montserrat", sans-serif;
}
ul{
    list-style-type:none;
}	
a{
  text-decoration:none;
  outline: none!important;
}
a:hover{
    text-decoration:none;
    outline:none;
} 

.banner_section .ctplqryform h2{
    color:#000;
    text-align:center;
    font-size:25px;
    margin-bottom:3%;
    font-weight:600;
}
.ctplqryform .phonewithcountrycode .select2-container--default .select2-selection--single {
    height: 35px !important;
}
@media (min-width:320px) and (max-width:480px){
    .ctplqryform .phonewithcountrycode .select2-container--default .select2-selection--single {
        height: 30px !important;
    }
}

.blue_grad {
    background: -webkit-linear-gradient(45deg, #0551BC, #032556);
    -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, #FB7340, #BE0B32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.orangeGrad_back{
    background: #FB7340;
    background: linear-gradient(90deg, rgba(251, 115, 64, 1) 0%, rgba(190, 11, 50, 1) 100%);
}

.blue_color{
    color:#12397E;
}
.blue_back{
    background:#12397E;
}
.red_color{
    color:#BE0B32;
}
.red_back{
    background:#BE0B32;
}
.orange_color{
    color:#FB7340;
}

.applyButton{
    background:#000;
    color:#fff;
    padding:1% 5%;
    font-size:20px;
    font-weight:bold;
}


/* banner section start  */

.banner_section{
    background:url('../images/banner_img.png');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: right center;
    height:auto;
    padding-bottom:4%;
}
.banner_section h2{
    color:rgba(0,0,0,1);
    font-size:40px;
    font-weight:600;
}
.banner_section .main_heading{
    background:url('../images/Vector3.png');
    background-size:50% 100%;
    background-position: center left;
    padding:3% 3% 0.5% 3%;
    background-repeat: no-repeat;
    margin-bottom:5%;
}
.banner_section hr{
    border-top:1px solid rgba(0,0,0,0.5);
    width:100%;
}
.banner_section h3{
    color:#000;
    font-size:24px;
    font-weight:600;
}
.banner_section img.underline{
    margin-top:-10%;
}
.banner_section h1{
    color:#012960;
    font-size:50px;
    font-weight:bold;
    text-transform: uppercase;
    margin-top: 0% !important;
}
.banner_section h2 span{
    font-weight:bold;
    font-size:40px;
}
.banner_section p{
    color:#fff;
    font-size:25px;
    margin-top:5%;
    width:fit-content;
    padding:2% 7%;
}
@media (min-width:320px) and (max-width:480px){
    .banner_section h2 {
        font-size: 40px;
    }
    .banner_section h1 {
        font-size: 25px;
        margin:0% auto;
    }
    .banner_section h3 {
        font-size: 18px;
    }
    .banner_section p {
        font-size: 20px;
    }
    .banner_section{
        background:url('../images/banner_img.png');
        background-size:cover;
        background-repeat: no-repeat;
        background-position: right center;
        height:auto;
        padding-bottom:4%;
    }
    
}

/* banner section end */

/* about section start  */

.about_section{
    padding:4% 0% 0% 0%;
}
.about_section h2{
    font-size:65px;
    font-weight:bold;
}
.about_section hr{
    border:1px solid rgba(0,0,0,0.3);
}
.about_section p{
    font-size:20px;
    font-weight:600;
    color:rgba(0,0,0,0.7);
    text-align:justify;
}
@media (min-width:320px) and (max-width:480px){
    .about_section {
        padding: 14% 0%;
    }
    .about_section h2 {
        font-size: 30px;
    }
    .about_section p {
        font-size: 15px;
    }
}

/* about section end */

/* Research Domains section start */

.researchDomains{
    padding:0% 0% 4% 0%;
}
.researchDomains h3{
    text-align:center;
    font-weight:500;
    font-size:30px;
    color:rgba(0,0,0,0.7);
}
.researchDomains .card1{
    background: #BE0B32;
    background: linear-gradient(1800deg, rgba(190, 11, 50, 1) 0%, rgba(251, 115, 64, 1) 100%);
}
.researchDomains .card2{
    background: #00287D;
    background: linear-gradient(1800deg, rgba(0, 40, 125, 1) 0%, rgba(6, 30, 79, 1) 100%);
}
.researchDomains .researchCard{
    padding:3% 4%;
    border-radius:10px;
    height:180px;
}
.researchDomains .researchCard h2{
    color:#fff;
    font-weight:bold;
    font-size:20px;
}
.researchDomains .researchCard hr{
    border:2px solid rgba(255,255,255,0.4);
    width:30%;
}
.researchDomains .researchCard p{
    color:#fff;
    font-size:15px;
}
.researchDomains .carousel .carousel-inner{
    padding-bottom:7%;
}
.researchDomains .carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid black;
    background-color: white;
    margin: 0 6px;
    transition: all 0.3s ease;
}
  
.researchDomains .carousel .carousel-indicators .active {
    background-color: black;
    border-color: black;
}

@media (min-width:320px) and (max-width:480px){
    .researchDomains .carousel .carousel-inner {
        padding-bottom: 25%;
    }
    .researchDomains h3 {
        font-size: 25px;
    }
}


/* Research Domains section end */

/* high tech lab section start  */

.hightechLab{
    padding:4% 0% 4% 0%;
    background: #fff;
}
.hightechLab .hightechLabInner h2.main_head{
    color:#000;
    font-size:35px;
}
.hightechLab .hightechLabInner h2.main_head span{
    font-size:50px;
}
.hightechLab .hightechLabInner img.outcome{
    width:50%;
}
.hightechLab .hightechLabInner{
    background:#fff;
    padding:4%;
    border-radius:15px 15px 0px 0px;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.4);
}
.hightechLab .hightechLabInner p{
    font-size:17px;
    color:#000;
}
.hightechLab .hightechLabInner .carousel-cell5 {
    width: 40%;
    height: auto;
    margin-right: 30px;
    /* margin-bottom: -20px; */
    border-radius: 5px;
    padding: 10px 20px;
    counter-increment: carousel-cell;
    /* margin-top:5%; */
    background: #00287D;
    background: linear-gradient(90deg, rgba(0, 40, 125, 1) 0%, rgba(6, 30, 79, 1) 100%);
    height:90px;
}
.hightechLab .hightechLabInner .carousel-cell5 h2{
    color:#fff;
    font-size:16px;
    text-align:left;
    font-weight:500;
}

@media (min-width:320px) and (max-width:480px){
    .hightechLab {
        padding: 15% 0% 10% 0%;
    }
    .hightechLab .hightechLabInner h2{
        font-size:20px;
    }
    .hightechLab .hightechLabInner {
        background: #fff;
        padding: 15% 5% 0% 5%;
        border-radius: 15px 15px 0px 0px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    }    
    .hightechLab .hightechLabInner p {
        font-size: 14px;
        font-weight:500;
        text-align:justify;
    }
    .hightechLab .hightechLabInner h2.main_head span {
        font-size: 25px;
    }
    .hightechLab .hightechLabInner h2.main_head {
        color: #000;
        font-size: 20px;
    }
    .hightechLab .hightechLabInner .carousel-cell5 {
        width: 100%;
        height: auto;
        margin-right: 30px;
        /* margin-bottom: -20px; */
        border-radius: 5px;
        padding: 10px 20px;
        counter-increment: carousel-cell;
        /* margin-top:5%; */
        background: #00287D;
        background: linear-gradient(90deg, rgba(0, 40, 125, 1) 0%, rgba(6, 30, 79, 1) 100%);
        height:70px;
    }
    .hightechLab .hightechLabInner .carousel-cell5 h2 {
        font-size: 12px;
    }
}

/* high tech lab section end */

/* careers section start  */

.careersSection{
    padding:4% 0% 10% 0%;
    background: #FB7340;
    background: linear-gradient(180deg, rgba(251, 115, 64, 1) 0%, rgba(190, 11, 50, 1) 100%);
    margin-bottom:-8%;
}
.careersSection h2{
    color:#fff;
    text-align:center;
    font-weight:400;
}
.careersSection .careersSectionCard h3{
    background:#fff;
    border-radius:50px;
    padding:3% 4%;
    margin-right:4%;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    margin-top:5%;
}
@media (min-width:320px) and (max-width:480px){
    .careersSection {
        padding: 10% 0% 10% 0%;
        margin-bottom:0%;
    }
    .careersSection .careersSectionCard h3 {
        background: #fff;
        border-radius: 50px;
        padding: 3% 4%;
        margin-right: 4%;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        margin-top: 5%;
    }
    .careersSection h2 {
        color: #fff;
        text-align: center;
        font-weight: 400;
        font-size: 18px;
    }
}

/* careers section end */

/* program section start  */

.programs_section{
    background: #003E95;
    background: linear-gradient(180deg, rgba(0, 62, 149, 1) 0%, rgba(0, 20, 47, 1) 100%);
    padding:10% 0% 5% 0%;
    border-radius:100px 100px 0px 0px;
}
.programs_section .programInner{
    background: #BE0B32;
    background: linear-gradient(180deg, rgba(190, 11, 50, 1) 0%, rgba(251, 115, 64, 1) 100%);
    padding:4%;
    border-radius:70px 70px 0px 0px;
}
.programs_section .programInner h2{
    color:#fff;
    text-align:center;
    font-size:60px;
    font-weight:bold;
}
.programs_section .programInner h3{
    color:#fff;
    text-align:center;
    font-size:40px;
    font-weight:400;
}
.programs_section .programInner h4{
    color:#fff;
    text-align:center;
    font-size:40px;
}
.programs_section .programInner h4 span{
    color:#fff;
    text-align:center;
    font-size:70px;
    font-weight:700;
}
.programs_section .programInner hr{
    border:1px dashed #fff;
}
.programs_section .programInner h5{
    color:rgba(255,255,255,0.7);
    font-size:20px;
    margin:3% 0%;
}
.programs_section .programInner h5 span{
    color:rgba(255,255,255,1);
    font-size:40px;
    font-weight:bold;
}
.programs_section .programInner .eligibility{
    background:rgba(0,0,0,0.3);
    padding:3%;
    border-radius:30px;
}
.programs_section .programInner .eligibility p{
    color:#fff;
    font-size:25px;
}
.programs_section .programInner .carousel{
    height:860px;
}

.programs_section .programInner .carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid black;
    background-color: white;
    margin: 0 6px;
    transition: all 0.3s ease;
}
  
.programs_section .programInner .carousel .carousel-indicators .active {
    background-color: black;
    border-color: black;
}
@media (min-width:320px) and (max-width:480px){
    .programs_section .programInner {
        padding: 10% 4%;
    }
    .programs_section .programInner h2 {
        font-size: 22px;
    }
    .programs_section .programInner h3 {
        font-size: 20px;
    }
    .programs_section .programInner h4 span {
        font-size: 40px;
    }
    .programs_section .programInner h4 {
        font-size: 25px;
    }
    .programs_section .programInner h5 span {
        font-size: 20px;
    }
    .programs_section .programInner h5 {
        font-size: 15px;
        margin: 10% 0%;
    }
    .programs_section .programInner .eligibility p {
        font-size: 15px;
    }
    .programs_section .programInner .eligibility {
        padding: 3% 4% 1% 4%;
    }
    .programs_section .programInner .carousel {
        height: 630px;
    }
}

/* program section end */

/* placement record section start  */

.placementRecord{
    padding:4% 7%;
}
.placementRecord h2{
    text-align:center;
    font-weight:400;
    color:rgba(0, 0, 0, 0.5);
    font-size:35px;
    margin-bottom:3%;
}
.placementRecord h2 span{
    font-size:60px;
    font-weight:700;
}
.placementRecord .placementRecordInner{
    background:url('../images/placementRecordBack.png');
    background-repeat: no-repeat;
    background-position:center center;
    background-size:100% 100%;
    height:auto;
    padding:7% 7% 3% 7%;
}

.placementRecord .placementRecordInner h2.placement_heading{
    font-size:40px;
    font-weight:400;
}
.placementRecord .placementRecordInner h3{
    font-size:65px;
    font-family: "Average", serif;
}
.placementRecord .placementRecordInner h3 span{
    font-size:33px;
    font-family: "Average", serif;
    font-weight:500;
}
.placementRecord .placementRecordInner hr{
    border:1px dashed rgba(0, 0, 0, 0.5);
    width:100%;
}
.placementRecord .placementRecordInner p{
    font-size:16px;
    font-weight:500;
    color:#000;
}
.placementRecord .placementRecordInner h6{
    font-weight:500;
    margin-top:7%;
    color:#000;
    font-size:13px;
    border-left:2px solid #CE0004;
    padding-left:2%;
}
@media (min-width:320px) and (max-width: 480px) {
    .placementRecord .placementRecordInner h2.placement_heading {
        font-size: 30px;
        font-weight: 400;
    }
    .placementRecord .placementRecordInner h3 {
        font-size: 50px;
    }
    .placementRecord .placementRecordInner p{
        font-size:18px;
    }
    .placementRecord {
        padding: 10% 0%;
    }
    .placementRecord h2 {
        font-size: 20px;
    }
    .placementRecord h2 span {
        font-size: 25px;
    }
    .placementRecord .placementRecordInner {
        background: url(../images/placementRecordBack.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: auto;
        padding: 10% 7% 3% 7%;
    }
}

/* placement record section end */

/* our top recruiters section start  */

.top_recruiters{
    padding:3% 5%;
}
.top_recruiters hr{
    border:1px dashed rgba(0, 0, 0, 0.6);
}
.top_recruiters .col{
    width:14.2%;
}
@media (min-width:320px) and (max-width: 480px){
    .top_recruiters .col{
        width:33%;
    }
}

/* our top recruiters section end */

/* avail section start  */

.avail_section{
    background:url('../images/avail_back2.png');
    background-position: bottom center;
    background-size:100% 70%;
    background-repeat: no-repeat;
    height: auto;
    padding:0% 5%;
}
.avail_section h5{
    color:#fff;
    font-weight:400;
}
.avail_section h2{
    color:#fff;
    font-weight:700;
    font-size:50px;
}
.avail_section h2 span{
    color:rgba(255, 255, 255, 0.5);
}
.avail_section h3{
    color:#fff;
    font-weight:700;
    font-size:55px;
}
.avail_section h3 span{
    color:rgba(255, 255, 255, 0.5);
}
.avail_section p{
    color:#fff;
    font-size:22px;
    text-align:center;
    font-weight:600;
    line-height:25px;
}
@media (min-width:320px) and (max-width: 481px) {
    .avail_section{
        background:url('../images/avail_back2.png');
        background-position: bottom center;
        background-size:100% 100%;
        background-repeat: no-repeat;
        height: auto;
        padding:10% 5% 0% 5%;
    }
    .avail_section h3{
        font-size:50px;
    }
    .avail_section p{
        font-size:20px;
    }
}
@media (min-width:481px) and (max-width: 1024px){
    .avail_section {
        background: url('../images/avail_back2.png');
        background-position: bottom center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: auto;
        padding: 10% 5% 0% 5%;
    }
}

/* avail section end */

/*##################### awards section start  #################*/

.awards {
    padding: 5% 0%;
}

.awards h2 {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6);
    font-size:50px;
    font-weight:700;
}

.awards .carousel-cell2 {
    width: 20%;
    height: auto;
    margin-right: 30px;
    /* margin-bottom: -20px; */
    border-radius: 5px;
    padding: 0px;
    counter-increment: carousel-cell;
}

.awards .carousel-cell2 img {
    height: 100%;
    width: 100%;
    padding: 0px;
    /* box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);
        border-radius:15px; */
}

.awards .carousel-cell2 h6{
    font-size:12px;
    text-align:center;
}

.awards .flickity-viewport{
    height:200px !important;
}


@media screen and (max-width:767px) {
    .awards {
        padding: 13% 0%;
    }
    .awards h2 {
        font-weight: 700;
        color: #12397E;
        font-size: 25px;
    }
    .awards h3{
        font-size:20px;
    }
    .awards .carousel-cell2 {
        width: 60%;
    }
}

/*##################### awards section end  #################*/

/* industry inside section start  */

.industryInside{
    background:#032556;
    padding:3% 0%;
}
.industryInside img.insideGirls{
    width:75%;
    text-align:text-center;
}
.industryInside h2{
    color:#fff;
    font-size:70px;
    font-weight:bold;
    text-align:center;
    margin-top:-2%;
}
.industryInside .skillDevelopment{
    padding:5% 3%;
    background:#fff;
    margin-top:4%;
}
.industryInside .skillDevelopment h2{
    font-size:40px;
    text-align:center;
    font-weight:700;
}
.industryInside .skillDevelopment h3{
    font-size:35px;
}
.industryInside .skillDevelopment h3 span.benefits{
    font-size:25px;
}
.industryInside .skillDevelopment p{
    font-weight:500;
    padding-left:3%;
    border-left:2px solid #900725;
    line-height:16px;
    font-size:13px;
}
.industryInside .skillDevelopment p span{
    font-weight:bold;
    font-size:16px;
}
@media (min-width:320px) and (max-width: 480px) {
    .industryInside .skillDevelopment h2 {
        font-size: 22px;
    }
    .industryInside h2 {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        margin-top: -2%;
    }
    .industryInside .skillDevelopment {
        padding: 15% 3%;
    }
}
@media (min-width:481px) and (max-width: 1024px){
    .industryInside .skillDevelopment h2 {
        font-size: 30px;
    }
}

.industryInside .smartManufacturing{
    padding:3% 0%;
}
.industryInside .smartManufacturing h2{
    font-size:35px;
    text-align:center;
}
.industryInside .smartManufacturing hr{
    border-top:1px dashed #000;
}
.industryInside .smartManufacturing h3{
    font-size:18px;
    font-weight:bold;
}
.industryInside .smartManufacturing h3 span{
    font-size:25px;
}
@media (min-width:320px) and (max-width: 480px) {
    .industryInside .smartManufacturing {
        padding: 10% 0%;
    }
    .industryInside .smartManufacturing h2{
        font-size:22px;
    }
    .industryInside .smartManufacturing h3{
        font-size:14px;
    }
    .industryInside .smartManufacturing h3 span{
        font-size:16px;
    }
}

.whyChooseCHSD{
    padding:3% 0%;
}
.whyChooseCHSD h2{
    color:#000;
}

.whyChooseCHSD .carousel-cell3 {
    width: 40%;
    height: auto;
    margin-right: 30px;
    /* margin-bottom: -20px; */
    border-radius: 5px;
    padding: 0px;
    counter-increment: carousel-cell;
    margin-top:5%;
}
.whyChooseCHSD .carousel-cell3 h5{
    font-size:30px;
    font-weight:bold;
    color:#000;
}
.whyChooseCHSD .carousel-cell3 p{
    font-size:16px;
    font-weight:400;
    color:#000;
    line-height:25px;
}
.whyChooseCHSD .flickity-viewport{
    height:200px !important;
}
@media (min-width:320px) and (max-width:480px){
    .whyChooseCHSD .carousel-cell3 {
        width: 100%;
        height: auto;
        margin-right: 30px;
        /* margin-bottom: -20px; */
        border-radius: 5px;
        padding: 0px;
        counter-increment: carousel-cell;
        margin-top:5%;
    }
    .whyChooseCHSD .carousel-cell3 p {
        font-size: 15px;
        font-weight: 400;
        color: #000;
        line-height: 20px;
    }
}


.industrialIOT .industrialCard{
    padding:4%;
    box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2);
    border-radius:10px;
    height:80px;
}
.industrialIOT .industrialCard p{
    color:#000;
    font-size:20px;
    line-height:25px;
}
@media (min-width:320px) and (max-width:480px){
    .industrialIOT .industrialCard p{
        color:#000;
        font-size:14px;
        line-height:25px;
    }
    .industrialIOT .industrialCard{
        height:auto;
    }
}

/* industry inside section end */

/* real world expertise section start  */

.realWorld{
    padding:3% 0% 5% 0%;
    background:#FB7340;
}
.realWorld h2{
    color:#fff;
}
.realWorld h2 span{
    font-size:20px;
}
.realWorld h2.main_head{
    font-size:50px;
    color:#fff;
}
.realWorld hr{
    border-top:1px dashed #fff;
}
.realWorld p{
    font-weight:500;
    color:#fff;
}
.realWorld .logosDiv{
    padding:0%;
    background:#fff;
}
.realWorld .logosDiv .carousel2 .flickity-viewport{
    height:150px !important;
}
@media (min-width:320px) and (max-width: 480px) {
    .realWorld {
        padding: 10% 0% 20% 0%;
    }
    .realWorld h2.main_head {
        font-size: 30px;
        color: #fff;
    }
    .realWorld .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -45px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1;
    }
}

/* real world expertise section end */

/* exchange program section start  */

.exchangeProgram{
    padding:3% 0%;
}
.exchangeProgram h2{
    font-size: 75px;
    font-weight: bold;
    text-align: center;
}
.exchangeProgram .carousel4{
    margin-top:-10%;
}
.exchangeProgram .carousel-cell4 {
    width: 20%;
    height: auto;
    margin-right: 30px;
    /* margin-bottom: -20px; */
    border-radius: 5px;
    padding-top: 20px;
    counter-increment: carousel-cell;
}

.exchangeProgram .carousel-cell4 img {
    height: 100%;
    width: 100%;
    padding: 0px;
    box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);
    /* border-radius:15px; */
}


.exchangeProgram .flickity-viewport{
    height:270px !important;
}
@media (min-width:320px) and (max-width:480px){
    .exchangeProgram {
        padding: 15% 0%;
    }
    .exchangeProgram h2 {
        font-size: 33px;
        font-weight: bold;
    }
    .exchangeProgram .carousel-cell4 {
        width: 40%;
    }
    .exchangeProgram .flickity-viewport{
        height:190px !important;
    }
}

/* exchange program section end */

/* apply section start  */

.apply_section{
    margin-top:-3%;
}
.apply_section .applyBox{
    border:2px solid #fff;
}
.apply_section .applyBox p{
    font-size:13px;
}


/* apply 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:#fff;
    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: 30px;
        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 */

/* future section start  */

.futureSection{
    padding:3% 0%;
    background: #FB7340;
    background: linear-gradient(180deg, rgba(251, 115, 64, 1) 0%, rgba(190, 11, 50, 1) 100%);
}
.futureSection h2{
    font-size:45px;
    font-weight:bold;
    text-align:center;
    margin-bottom:4%;
    color:#fff;
}
.futureSection p{
    font-size:18px;
    color:rgba(255, 255, 255, 0.6);
    font-weight:600;
    text-align:justify;
}
@media (min-width:320px) and (max-width:480px){
    .futureSection{
        padding:10% 0%;
    }
    .futureSection h2 {
        font-size: 30px;
    }
}

/* future section end */

/*##################### CTA section end  #################*/

.cta {
    background:#FB7340;
}

.cta h2 {
    font-weight: 700;
    font-size: 25px;
}

.cta h3 {
    font-weight: 700;
    font-size: 40px;
    color:#fff;
}
.cta h3 span{
    font-weight: 700;
    font-size: 90px;
    color:#fff;
}

.cta h2 span{
    font-weight: 500;
    font-size: 30px;
}

.cta button {
    border-radius: 10px;
    border: 5px rgba(255, 255, 255, 0.1);
    color:#fff;
}

@media screen and (max-width:767px) {
    .cta h2 {
        font-weight: 600;
        padding: 10% 0% 3% 0%;
        font-size: 25px;
    }
    .cta {
        background: #FB7340;
        padding-bottom: 0%;
    }
    .cta h2 span{
        font-weight: 500;
        font-size: 20px;
    }
    .cta h3 {
        font-size: 30px;
    }
}
@media (min-width:481px) and (max-width: 1024px){

}

/*##################### CTA section end  #################*/

/*##################### footer section start  #################*/

.footer_section {
    background: #003E95;
    background: linear-gradient(180deg, rgba(0, 62, 149, 1) 0%, rgba(0, 20, 47, 1) 100%);
    padding: 3% 0%;
    margin-top: 0%;
}

.footer_section p {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
}

.footer_section hr {
    border-top: 2px solid rgba(255, 255, 255, 0.3);
}

.footer_section h6 {
    padding-top: 35%;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
}

.footer_section ul {
    list-style: none;
}

.footer_section ul li {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

.footer_section a>i {
    color: #fff;
}

.footer_section h5 {
    font-size: 13px;
    margin-bottom: 0px;
    color:#fff;
    font-weight:500;
}

.footer_section h5 span {
    color: rgba(255, 255, 255, 1);
}
.footer_section img.footerLogo{
    width:25%;
}

@media screen and (max-width:767px) {
    .footer_section {
        margin-top: 0%;
    }
    .footer_section h6 {
        padding-top: 5%;
    }
    .footer_section img.footerLogo{
        width:65%;
    }
}

/*##################### footer section end  #################*/

 /* fixed 360 button start  */

 .fixed360ViewButton {
    position: fixed;
    bottom: 30px;
    z-index: 2200000;
    right: 16px;
    box-shadow: 0 0 10px #ddd;
    /* background-color: var(--whiteColor); */
    background:#000;
    border-radius: 100%;
    width: 80px;
    height: 80px;
}
.fixed360ViewButton a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.fixed360ViewButton a img {
    max-width: 70%;
}

/* fixed 360 button end  */


/* call button start  */

.CallButton {
    position: fixed;
    bottom: 215px;
    z-index: 2200000;
    right: 16px;
    box-shadow: 0 0 10px #ddd;
    background: #CE0004;
    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: 350px;
    z-index: 2200000;
    right: -3%;
    box-shadow: 0 0 10px #ddd;
    /* background-color: var(--whiteColor); */
    background: #000;
    border-radius: 5% 5% 0% 0%;
    width: 110px;
    height: 40px;
    transform: rotate(270deg);
}

.applyNowButton a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
}

.applyNowButton a h5 {
    font-size: 14px;
}

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

.applyNowButton a img {
    max-width: 90%;
}

@media (min-width:320px) and (max-width:480px) {
    .applyNowButton {
        position: fixed;
        bottom: 350px;
        z-index: 2200000;
        right: -10%;
        box-shadow: 0 0 10px #ddd;
        /* background-color: var(--whiteColor); */
        background: #000;
        border-radius: 5% 5% 0% 0%;
        width: 110px;
        height: 40px;
        transform: rotate(270deg);
    }
}

/* Apply Now  button end  */