body{font-family: 'Roboto', sans-serif;line-height: unset!important;}
.header_info{background-color: #240a5b;display: flex;align-items: center;min-height: 35px;
}
.contact_section > ul{list-style: none;margin: 0;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.contact_section > ul > li, .contact_section > ul > li > a{padding: 6px;color:#fff;
    font-size: 12px;
    font-weight: 600;}
.contact_section > ul > li >i{color:#fba919;font-size: 15px;}
.social_media{
    margin-left: auto;
    display: block;
}
.marque-width{width: 420px;}
.social_media > ul{list-style: none;display: flex;margin-top: 2px;align-items: center;margin-bottom: 0;}
.social_media > ul > li > a{color:#fff;margin-left: 15px;}
.social_media > ul > li > a:last-child{margin-right: 21px;}

.header_logo_section{background-color: #f8c301;}
.header_log_row{display: flex;align-items: center;}
.logo_img{width: 80%;}
.apply_img{width: 80%;margin-left: auto;
    display: block;}
 .navbar{padding: unset;}    

/* Show dropdown on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Optional: Adjust this based on your design */
}

/* Style for the toggle icon */
.toggle-icon {
    margin-left: 5px;
    font-weight: bold;
    color: #fff;
}

/* Keep dropdown visible when hovering over it */
.nav-item.dropdown:hover .nav-link.dropdown-toggle {
    background-color: #240a5b; /* Adjust the background color on hover */
}

.dropdown-menu {
    display: none; /* Hide the dropdown by default */
}

.dropdown-menu.show {
    display: block; /* Show the dropdown when necessary */
}

.dropdown-toggle::after {
    display: none;
}

.nav-link{padding: 11px 9px 11px 9px!important;
    font-size: 11px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd!important;
    font-weight: 700;}

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 0!important;
        left: 0!important;
        top: 0!important;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        height: 100vh;
    }
    .curve{
        width: 675px;
        height: 100vh;
    position: absolute;
    left: 0;
    top: -118px;
    bottom: 0;
    z-index: 1020;
    }
    .content{
        position: absolute;
        top: 90px;
        left: 7%;
        color:black!important;
        font-size: 18px;
        font-weight: 700;
        z-index: 1021;
        text-align: left;
        width: 70%;
    }
    .content h3{text-transform: uppercase;font-family: "Epilogue", sans-serif;font-size: 18px;}
    .content h2{font-family: "Epilogue", sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px!important;}
    .content h2 span{color: #FDA31B;}
    .content h4{color:black;font-weight: 700;font-size: 23px;}
    a.slider_btn{
        text-transform: uppercase;
    background-color: #FDA31B;
    color: #fff!important;
    padding: 14px 23px !important;
    margin-top: 15px;
    border-radius: 14px 0;
    display: block;
    font-size: 13px !important;
    width: max-content;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    box-shadow: 0px 0px 40px 5px #0000000D;
    }
    
        .carousel-control-next, .carousel-control-prev{z-index: 1022;width: 5%!important;color:black;opacity: unset;}   
        .carousel-control-next > .btn-cirlce > i, .carousel-control-prev > .btn-cirlce > i{    font-size: 28px;
            color: black;
            margin-top: 1px;
            }
            .carousel-control-next > .btn-cirlce{margin-right: -3px;}
            .carousel-control-pre > .btn-cirlce{margin-left: -3px;}
        .btn-cirlce{border: 2px solid black;
            text-align: center;
            width: 37px;
            height: 37px;
            /* text-align: center; */
            border-radius: 50%;}   
      .slide-web{display: block;}
      .slide-mob{display: none;}   
      .admission_status{background-color: #ffffff94;
        position: absolute;
        bottom: 16px;
        right: 25px;
        border-radius: 12px;
        display: flex;
        padding: 12px;
        align-items: center;}   
        .admission_status .icon{flex-basis: 25%;
            margin-right: 8px;
        }    
        .admission_status .icon img{width: 100%;} 
        .admission_status p{font-family: "Epilogue", sans-serif;
            font-weight: 800;
            color: #281A6F;
            margin-bottom: 2px;}
        .admission_status span{font-weight: 500;
                font-size: 14px;}
    

section#description{margin-top: 35px;margin-bottom: 68px;}
section#description h2{font-size: 25px;font-weight: 700;font-family: "inter", sans-serif;color:#000000;}
section#description h2 span{color: #FDA31B;}
section#description p{font-size: 15px;font-weight: 400;font-family: "inter", sans-serif;color:#000000;line-height: 27px!important;}
section#description ul li{font-size: 15px;font-weight: 400;font-family: "inter", sans-serif;color:#000000;line-height: 25px!important;   
     margin-left: 35px;
}
.fee_structure{box-shadow: 0px 5px 20px 0px #B6B6B640;border: 1px solid #919191;
    margin-top: 32px;
    border-radius: 14px;
    padding: 22px;}

.fee_details{display: flex;font-family: "inter", sans-serif;    margin-top: 12px;}  
.fee_details h3{font-size: 20px;
    font-weight: 400;
    color: black;
    line-height: 39px !important;
}
.fee_details h4{font-size: 20px;
    font-weight: 600;
    color: black;
    margin-bottom: 0!important;
}
.fee_details span{font-size: 12px;}
.fee_details img{width: 47px;
    height: 47px;
    margin-right: 15px;}  
 .eg_list{display: flex;align-items: flex-start;}
 .eg_list img{width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-right: 6px;}   
 .semester_card{border: 1px solid #919191;
    margin-top: 32px;
    border-radius: 14px;
    padding: 22px;} 
    .semester_card p{margin-bottom:5px;font-size: 16px !important;}
.sem_list{display: flex;align-items: flex-start;}
.sem_list img{width: 18px;
       height: 18px;
       margin-top: 5px;
       margin-right: 6px;}   
       
 section#testimonial{
    position: relative;
    background-size: cover; /* Ensure the image covers the entire section */
    background-position: center; /* Center the background image */
    width: 100%;
    height: 550px;
    overflow: hidden;
 }  
 section#testimonial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #012758c7; /* Blue overlay with 50% opacity */
    z-index: 1; /* Ensure the overlay is above the background image */
}

section#testimonial > .content{position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    font-weight: 700;
    width: 100%;}
section#testimonial > .content h2{
    font-size: 40px;
    font-weight: 800;
    font-family: "inter", sans-serif;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 27px;
}

section#testimonial .testimonial-card{background-color: #fff;
    position: relative;
    border-radius: 40px 40px 40px 0px;
    border-bottom: 5px solid #fda31b;
    padding: 52px 28px 12px;
    min-height: 299px!important;}
    section#testimonial .testimonial-card .quote-icon{position: absolute;
        top: 0px;
        right: 0;}  
        section#testimonial .item{max-width: 250px;}     
        .owl-carousel .owl-stage {margin: auto;} 
section#testimonial .testimonial-card .quote-icon img{width: 33px;}
section#testimonial .testimonial-card p{color: #757F95;
        font-style: italic;
        font-weight: 600;
        font-size: 15px;
        line-height: 24px!important;}
section#testimonial .testimonial-card h4{
    font-family: "inter", sans-serif;
    margin-top: 33px;
    color: #19232B;
    font-size: 20px;
    line-height: 32px !important;}
section#testimonial .testimonial-card span{font-family: "inter", sans-serif;color:#FDA31B;
    font-size: 15px;
    font-weight: 500;
    line-height: 33px !important;
}
 footer{background-color: #281A6F;
    color: #fff;}    
 .copy_right{display: flex;
    justify-content: center;
    padding: 21px;
    font-family: "inter", sans-serif;
    font-size: 15px;}
 .copy_right a{color: #fff!important;text-decoration: none;}   
 

 section#thanku_note{ text-align: center;font-family: "inter", sans-serif;}
 section#thanku_note h1{    font-size: 58px;
    font-weight: 700;
    margin-top: 57px;
    margin-bottom: 22px;
}
 section#thanku_note p{    font-size: 22px;
    margin-top: 38px;}
 section#thanku_note img{width: 127px;}
/* Media query */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 93%;
    }

    .custom_container{max-width: 93%!important;}
}

    @media (min-width: 320px) and (max-width: 768px) {
        .marque-width{width: 150px;}
        .carousel-item {
            position: relative;}
            .carousel-caption{top: 0;left: 15% !important;}   
        .carousel-item img{height: 342px;
            object-fit: cover;
            object-position:center;}
            .slide-web{display: none!important;}
           .slide-mob{display: block;} 
            .curve{width: 385px;
                /* height: 57vh !important; */
                position: relative;
                left: -102px;
                top: -19px;
                /* bottom: 0; */
                z-index: 1020;}

                .content {
                    position: absolute;
                    top: 77px !important;
                    left: -6%!important;
                }
                .content h3 {
                    font-size: 10px;
                }                
                .content h2 {
                    font-size: 17px;
                    font-weight: 600;
                    line-height: 23px!important;
                }   
                .content h4 {
                font-weight: 700;
                font-size: 13px;
                }  
                a.slider_btn {
                color: #fff;
                padding: 10px 10px;}
                .carousel-control-next, .carousel-control-prev {
                    width: 10% !important;}      
                .admission_status {
                bottom: 23px;
                right: 6px;
                padding: 2px;
                z-index: 1022;
                }   
                .admission_status .icon {
                flex-basis: 27px;
                margin-right: 8px;}  
                .admission_status .icon img {
                width: 38px !important;
                height: 33px;
                }
                .admission_status p{font-weight: 700;
                    margin-bottom: 0px;}    
                section#testimonial{    height: 609px;}     
    }
    @media (min-width: 768px) and (max-width: 1024px) {
        .content h3 {
            font-size: 16px;
        }
        .content h2 {
            font-size: 35px;
            font-weight: 600;
            line-height: 39px!important;
        }
        .content h4 {
            font-weight: 600;
            font-size: 18px;}
    }    
@media (max-width: 768px) {
    .header_info{flex-direction: column;}
    .hide-img{display: none;}
    .btn-cirlce {
        width: 27px;
        height: 27px;
    }
    .carousel-control-next > .btn-cirlce > i, .carousel-control-prev > .btn-cirlce > i {
        font-size: 22px;
        margin-top: 0px;}

    .copy_right{
        flex-direction: column;
        text-align: center;
    }
    .pipe{display: none;}
    .img-bottom{margin-bottom: 22px;}
    section#testimonial > .content h2{line-height: 47px!important;}
    
}