﻿@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
html {
    scroll-behavior: smooth;
}
* {
    font-family: "Mulish", sans-serif;
}

:root {
    --primary: #3a496f;
}
body {
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 97%), rgb(255 255 255)), url(https://webcp.enablesoft.in/WebsiteImages/229_1/Gallery/638923212028693781.jpeg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;
}
.form-div {
    padding-top: 20px;
}

    .form-div .form-control {
        font-weight: 500;
        box-shadow: 1px 1px 8px #33333326;
        border-radius: 0px !important;
        border: 1px solid #cdcdcd !important;
    }


.form-group {
    margin-bottom: 0 !important;
}

.form-div .form-group > span {
    font-weight: 500;
    letter-spacing: .5px;
}

    .form-div .form-group > span > span {
        color: red;
    }

.modal-backdrop.in {
    opacity: 0;
    display: none;
}

.modal-body {
    padding: 0;
}

#buttonC {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    z-index: 999;
    font-weight: 100;
}



#idSubmenus a {
    font-weight: 500;
    letter-spacing: .5px;
}

#my-popup .carousel-control.left, #my-popup .carousel-control.right {
    background: none !important;
}

#navbar__box1 li a {
    font-size: 15px;
}

#news_grid_sizer .item-box {
    height: 270px;
}

#my-pics1 .test_btn {
    color: #222;
}

#navbar__box1 li ul li a {
    font-size: 14px;
    color: #919191;
    transition: .3s all ease-in-out;
}

.upcoming__details {
    display: block !important;
}

#news_grid_sizer {
    display: flex;
}


#ltrlData, #welcome_div {
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 28px;
}

#ltrlData {
    margin-top: 20px;
}

.item-box img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.effect-sadie p, .boxed_btn__block {
    font-weight: 500;
    letter-spacing: .5px;
}

.gallery-heading {
    background: none !important;
}

.more_btn__block {
    margin-top: 0 !important;
    padding-top: 10px;
}


.courses-content__block P {
    font-weight: 500;
    letter-spacing: .5px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: break-spaces;
}

.courses-content__block ul {
    padding-top: 8px;
}



@media (min-width:1200px) {
    .admissionbtn {
        top: 36%;
    }
    .Mentors img {
        width: 85% !important;
    }
    .logo img {
        margin-top: 3px;
        width: 75%;
        object-fit: contain;
        /*width: 60%;*/
    }
    /*.logo a img {
        position: absolute;
        width: 274px;
        top: 0px;
    }*/
    .mob_slider {
        display: none;
    }
}

.navbar {
    border: 0px solid !important;
}

@media (min-width:998px) and (max-width:1200px) {
    .logo a img {
        /* position: absolute;
        width: 274px;
        top: 10px;*/
        /*width: 75%;*/
    }

    .mob_slider {
        display: none;
    }
}

@media (max-width:764px) {
    .logo img {
        filter: brightness(1) !important;
    }
    /*width: 75%;*/


    .footerlogo{
        width:100% !important;
    }
    .p-100 {
        padding: 35px 10px !important;
    }
    .h4Heading {
        font-size: 33px !important;
    }
    #about-section img {
        width: 100% !important;
    }
    #logo {
        padding: 0 !important;
    }

    #news_grid_sizer {
        flex-wrap: wrap;
    }

    .dark.our-vision.padding-40 {
        margin-top: 16px;
    }

    #my-pics img.img-fluid.imgslideInner.W-100 {
        height: 55vh;
        object-fit: cover;
    }

    .top-info__block ul {
        text-align: left !important;
    }

    .table_box {
        overflow: scroll;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mentor_box_slide {
        width: 100% !important;
    }

    .logo a img {
        /*margin-top: 9%;*/
        /*  position: absolute;
        width: 274px;
        top: 0px;
        left: 26px;*/
        width: 60%;
        padding: 0px;
    }

    .desk_slider {
        display: none;
    }

    .carousel-item img {
        min-height: 200px
    }
}

@media (min-width:764px) and (max-width:998px) {
    .logo a {
        padding: 0px 0 !important;
    }

    .desk_slider {
        display: none;
    }
}


@media only screen and (min-width: 568px) {


    .dark.our-vision.padding-40 {
        margin-top: 16px !important;
    }

    .top-info__block {
        padding-bottom: 16px !important;
        padding-top: 16px !important;
    }
}

.testimonial_img {
    height: 193px;
}

.d-block {
    display: block !important;
}

.navbar {
    margin-bottom: 0px !important;
    /*border-bottom: 1px solid #e7e7e7;*/
}

.main_nav {
    /*background-color: whitesmoke;*/
}


    .main_nav ul ul li:hover a {
        color: black !important;
    }

#navbar__box1 > li:hover > a {
    color: black !important;
}

.W-100 {
    width: 100% !important;
}

a.left.carousel-control.test_btn, a.right.carousel-control.test_btn {
    background: none;
}

.test_div_cnt p {
    line-height: 26px;
    font-size: 15px;
}

.mentor_btn {
    position: relative;
    display: flex;
    margin: auto;
    width: 100px;
}

.mentor_box_slide {
    width: 600px;
    margin: auto;
}

    .mentor_box_slide p {
    }

.mentor_btn span {
    border: 1px solid #fff !important;
    color: #fff !important;
    display: inline-block !important;
    font-size: 36px !important;
    height: 42px !important;
    margin-left: 10px !important;
    text-align: center !important;
    width: 40px !important;
}

a.footer__block-logo:hover {
    color: white;
}

.copyriight_block p a:hover, .copyriight_block p a {
    color: white !important;
}

.width_box {
    width: 51% !important;
}
/*inner start*/
#idSubmenus {
    list-style: none;
}

.dark {
    background: var(--primary);
}

#idSubmenus li:hover a {
    color: #0b9444;
}

#idSubmenus li {
    background-color: aliceblue;
    padding: 5px 10px;
    margin-bottom: 10px;
    padding-left: 12px;
}

/*inner end*/



.alumni-form {
    padding-top: 20px;
    padding-bottom: 20px;
}

.location_box {
    padding-top: 20px;
}

    .location_box p iframe {
        border: 1px solid #d5d5d5 !important;
    }

.modal {
    background: #000000cf;
}

.modal-body .Model_header {
    font-size: 16px;
    background-color: #060454;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-weight: 400;
}


#navbar__box1.open {
    visibility: visible;
    top: 39px;
    opacity: 1;
    z-index: 999;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#navbar__box1 li {
    padding: 5px 10px 5px 18px;
    border-bottom: 1px solid #01081842;
    font-size: 15px;
    letter-spacing: .5px;
    transform: var(--ts-5);
}

    #navbar__box1 li a {
        color: #fff;
    }

#navbar__box1 li {
    position: relative;
    background: white;
}

    #navbar__box1 li:hover ul {
        display: block;
        position: absolute;
        top: 0px;
        padding: 0px;
        background-color: white;
    }


    #navbar__box1 li ul li a {
        padding: 0px !important;
    }

.news_div {
    position: fixed;
    right: -0.1rem;
    top: 50%;
    width: 4.5rem;
    z-index: 9999;
}

    .news_div img {
        width: 100%;
    }

.table_box {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .table_box thead tr th {
        color: black
    }

    .table_box h4 {
        color: #00305b;
        font-weight: bold;
    }

.man_dis {
    color: #fff;
    padding: 0 5px;
    transition: .35s all ease-in-out;
}

.social-link__block a > i {
    transition: .35s all ease-in-out;
}

.man_dis:hover, .social-link__block a:hover > i {
    color: #ffffff !important;
}

.man_dis:hover {
    color: #7f8997;
}


.photo_box {
    /*height: 200px;*/
    object-fit: cover;
    padding: 5px;
}

.text-white {
    color: white;
}

.single_info__block h4 a:hover {
    color: gold;
}

.orange_clr {
    color: #ff9800 !important;
}

@media only screen and (max-width:768px) {
    #about-section {
        padding-top:25px !important;
    }
}

.mobremove img {
    filter: brightness(1) !important;
}

.logo img {
    filter: brightness(100);
}

.SliderSection {
    position: relative;
}

    .SliderSection::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0) 70%);
        height: 15rem;
        z-index: 1;
    }
    .SliderSection::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 3rem;
        background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(255 255 255 / 92%) 70%);
        z-index: 9;
    }
/*
#about-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 3rem;
    background-image: linear-gradient(to bottom, rgb(242 243 243 / 72%), rgb(255 255 255) 70%);
    z-index: 9;
}*/
#about-section, .admission_intro_wrapper {
    position: relative;
}
/*  #about-section::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 3rem;
        background-image: linear-gradient(to bottom, rgb(255 255 255 / 51%), rgb(255 255 255 / 9%) 70%);
        z-index: 9;
    }
    .admission_intro_wrapper ::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        height: 2rem;
        background-image: linear-gradient(to bottom, rgb(255 255 255 / 19%), rgb(255 255 255 / 0%) 70%);
        z-index: 9;
    }*/

    header {
        position: fixed;
        z-index: 99;
        left: 0;
        right: 0;
        width: 100%;
        transition: 0.5s ease-in-out;
    }

.SliderSection img {
    filter: grayscale(1);
}

.navbar {
    justify-content: center;
}

#about-section {
    /*background-image: linear-gradient(104deg, rgb(247 247 247), rgb(255 255 255 / 95%)),url(../img/Sliders/2.jpeg);*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 10px;
}
.Annoucement {
    background: white;
    background-repeat: no-repeat;
    background-size: cover;
}

.h4Heading {
    font-size: 40px;
    color: var(--primary);
    font-weight: 800;
    text-shadow: 1px 1px 2px #929292;
    margin-top:0px;
}

#about-section p, .admission_intro_wrapper p, .Mentors p, .section-subtitle, .honors-section p {
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
    text-align: justify;
}



/*#about-section img{
    animation:Spin 6s linear infinite;
}
@keyframes Spin {
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
*/

.p-100{
    padding:80px 10px;
}
.admission_intro_wrapper {
    /*background-image: linear-gradient(to bottom, rgb(255 255 255 / 89%), rgb(255 255 255 / 90%)), url(https://webcp.enablesoft.in/WebsiteImages/229_1/Gallery/638923212028693781.jpeg);*/
    background-size: cover;
    background-position: top;
    background-attachment:fixed;

}

.Mentors img {
    border-radius: 50px 0px 50px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.Mentors {
    /*background-image: linear-gradient(to bottom, rgb(255 255 255 / 89%), rgb(255 255 255 / 90%)), url(https://webcp.enablesoft.in/WebsiteImages/229_1/Gallery/638923212076683175.jpeg);*/
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

.Mentors img{
    width:100%;
}

.section-title {
    font-weight: 700;
    color: #0d1b3e;
}


.feature-image {
    max-height: 420px;
}

.feature-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

    .feature-card h6 {
        margin: 0;
        font-size: 0.95rem;
        color: var(--primary);
        font-weight: 600;
    }

    .feature-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    }

.feature-icon {
    font-size: 1.6rem;
    color: #1fbf75;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px;
}


/* LEFT IMAGE */
.honors-image {
    min-height: 420px;
    background: url("../img/your-awards-image.jpg") center/cover no-repeat;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( 135deg, rgba(13, 27, 62, 0.7), rgba(31, 191, 117, 0.4) );
}

/* TEXT */
.honors-title {
    font-weight: 700;
    color: #0d1b3e;
    line-height: 1.3;
    margin-bottom: 16px;
}


/* AWARD CARDS */
.award-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 5px;
    text-align: center;
    height: 100%;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
    .award-card img{
        width:100%;
    }
    .award-card i {
        font-size: 2rem;
        color: #1fbf75;
        margin-bottom: 10px;
    }

    .award-card h6 {
        font-weight: 700;
        margin-bottom: 4px;
        color: #0d1b3e;
    }

    .award-card p {
        font-size: 16px;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0;
    }

    .award-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
    }

.honors-image img {
    transform: scaleX(-1);
}

.facility-item {
    display: flex;
    align-items: center;
    min-height: 280px;
    overflow: hidden;
}

    .facility-item img {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }

.facility-content {
    width: 50%;
    padding: 30px;
    color: #fff;
}

    .facility-content h5 {
        font-weight: 900;
        margin-bottom: 12px;
    }

    .facility-content ul {
        padding-left: 18px;
        margin: 0;
    }

    .facility-content li {
        font-size: 0.9rem;
        margin-bottom: 6px;
    }

/* Colors */
.bg-green {
    background: #0f9d58;
}

.bg-blue {
    background: #2f3e66;
}

/* Reverse layout */
.reverse {
    flex-direction: row-reverse;
}

/* Responsive */
@media (max-width: 991px) {
    .facility-item,
    .reverse {
        flex-direction: column;
    }

        .facility-item img,
        .facility-content {
            width: 100%;
        }

        .facility-item img {
            height: 220px;
        }
}

.facilities-section {
    /*background-image: linear-gradient(to bottom, rgb(255 255 255 / 89%), rgb(255 255 255 / 90%)), url(https://webcp.enablesoft.in/WebsiteImages/229_1/Gallery/638911030101363749.jpg);*/
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}


.gallery-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

.gallery-item {
    background: white;
    border-radius: 0px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border-radius: 39px 0px 27px 0px;
    box-shadow: rgb(0 0 0 / 22%) 0px 5px 15px;
}

    .gallery-item:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 20px rgba(0,0,0,0.15);
    }

    .gallery-item img {
        width: 100%;
        display: block;
        object-fit: cover;
        height: 200px;
        transition: filter 0.3s ease;
    }

    .gallery-item:hover img {
        filter: brightness(0.85);
    }
    .gallery-item {
        position:relative;
    }
        .gallery-item:hover .caption {
            transform: translateX(-100%);
        }
.caption {
    padding: 15px 20px;
    background: #3a496f8c;
    color: white;
    font-size: 1.1rem;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

@media (max-width: 600px) {
    .why-choose img{
        width:100% !important;
    }
    .gallery-item img {
        height: 150px;
    }
}

.Gallery {
    /*background-image: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 94%)), url(https://webcp.enablesoft.in/WebsiteImages/229_1/Gallery/638989841587681999.jpg);*/
    background-size: cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

footer {
    background-image: linear-gradient(to bottom, rgb(255 255 255), rgb(255 255 255 / 90%)), url(../img/Tree2.PNG);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
}

    footer h3 {
        color: var(--primary);
        font-weight: 800;
        text-shadow: 1px 1px 2px #929292;
        padding: 60px 0px 10px 0px;
    }
    footer h5, footer h5 a {
        color: var(--primary);
        font-weight: 800;
        line-height: 35px;
        text-decoration: none;
    }

footer .flowers{
    position:absolute;
    bottom:0px;
    width:100%;
}

.bottomfooter, .bottomfooter a {
    padding-top:30px;
    color: var(--primary);
    font-weight: 500;
    text-decoration: none;
}

#about-section h2 {
    color: var(--primary);
    font-weight: 800;
    text-shadow: 1px 1px 2px #929292;
    margin-top: 0px;
}
#about-section h1 {
    font-size: 38px;
}

#idSubmenus li a {
    text-decoration: none;
}
