*{
    margin:0;
    padding:0;
}
/********** Template CSS **********/
:root {
    --primary: #06BBCC;
    --light: #F0FBFC;
    --dark: #181d38;
}

.fw-medium {
    font-weight: 600 !important;
}

.fw-semi-bold {
    font-weight: 700 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 13px;
    z-index: 99;
}

/*** Button ***/
.btn {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: .5s;
}

    .btn.btn-primary,
    .btn.btn-secondary {
        color: #FFFFFF;
        border-radius: 28px;
        background-color: #181d38;
        /* margin-left: 195px; */
    }

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 76px;
}

/* --------BUTTON END-------- */
/* ---------------top bar------------------------ */
#top-bar-wrap {
    background-color: black;
}

#top-bar .img1 {
    width: 70%;
    padding: 20px;
}

#top-bar .img2 {
    width: 50%;
    margin-left: 23%;
    margin-top:-2%;
    padding-top: 21px;
}

#top-bar-wrap .Social1 {
    padding-left: 10px;
    margin-top: 35px;
    text-align: center;
}

.Social1 .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    color: var(--light);
    font-weight: normal;
    border: 1px solid #FFFFFF;
    border-radius: 35px;
    color: blue;
    transition: .3s;
}

.Social1 .fa-youtube {
    margin-left: -4px;
    color: red;
}



.Social2 {
    padding-left: 10px;
    margin-top: 35px;
    text-align: center;
    display: flex;
}

.Social2 .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    color: var(--light);
    font-weight: normal;
    border: 1px solid #FFFFFF;
    border-radius: 35px;
    color: blue;
    transition: .3s;
}

.Social2 .fa-youtube {
    margin-left: 0px;
    color: red;
}

.Social2 {
    padding-left: 10px;
    margin-top: 35px;
    text-align: center;
    display: flex;
}
/* ---------------top bar close------------------------ */

/*** Navbar ***/

.navbar-nav li {
    letter-spacing: 3px;
}

.navbar .navbar-brand-2 {
    width: 22%;
}

.navbar {
    background-color: #181d38;
}

.navbar-brand img {
    width: 50px;
    visibility: hidden;
}

.navbar-nav a, .navbar-brand .active a {
    color: rgb(246, 249, 249);
}

    .navbar-nav a:hover, .active a {
        color: #06ace3;
    }

.nav-link a :hover, .active a {
    color: #06ace3;
}


.navbar-nav .dropdown-menu {
    background-color: #181d38;
}

    .navbar-nav .dropdown-menu:hover {
        background-color: #181d38;
    }

.navbar-nav .dropdown-item:hover {
    color: rgb(240, 241, 241);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
    color: #181d38;
    border-color: #181d38;
}

/*** Navbar END ***/


/* ----------carocel image----------- */
.carousel {
    margin-top: 162px;
}

.carousel-inner img {
    height: 85vh;
    animation: zoom 15s linear infinite;
}

@keyframes zoom {
    90% {
        transform: scale(1.1);
    }
}



/* ----------carocel image End----------- */

/*----------------------------------------home about img--------------------------------------*/
.about img {
    height: 68vh;
    margin-top: 15px;
}

.about h6 {
    text-align: center;
    margin-bottom: -20px;
    font-size: 40px;
    color: #181d38;
}

.btn {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: .5s;
}

    .btn.btn-primary {
        color: #FFFFFF;
        /*margin-left: 27%;*/
    }

/*----------------------------------------home about img--------------------------------------*/
/* -------------facilities Start---------------- */
.facilities .xxx {
    height: 20vh;
    text-align: center;
}

.facilities h1 {
    margin-bottom: 20px;
}

.facilities h5 {
    font-size: 15px;
}

.facilities small {
    font-size: 13px;
}

/* -------------facilities end---------------- */

/* ---------------about us image ------------ */
.imagelogo img {
    width: 40%;
    margin-top: 199px;
    margin-bottom: 56px;
}

/* -------------About end---------------- */



/*** -------------------------GALLERY CAROCEL-------------------------------***/
.team-item img {
    transition: .2s;
}

.team-item:hover img {
    transform: scale(1.1);
}

.trusted-clients {
    position: relative;
    padding: 60px 40px;
    height: 50%;
    margin-top: -40px;
}

    .trusted-clients h1 {
        margin-bottom: 40px;
    }

.logos img {
    width: 100vh;
}

/*.logos {
    height: 100vh;
    width: 0vh;
}*/
/*
@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-10%);
    }
}*/

.logos {
    overflow: hidden;
    border-radius: 5px;
    background: white;
    white-space: nowrap;
    position: relative;
}

    .logos:before,
    .logos:after {
        /* position: absolute; */
        top: 0;
        width: 200px;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
        content: "";
        z-index: 2;
    }

/*.logo-slide {
    display: inline-block;
    animation: 75s slide infinite linear;
}*/

.logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logo-slide img {
    margin: 0 10px;
}
/***----------------------- GALLERY CAROCEL END--------------------------------***/


/* -------------------COUNTING NUMBERS-------------- */

.clients {
    /* color: #f1eaea; */
    padding: 60px 40px;
    height: 60%;
    margin-top: -6rem !important;
}

.middle {
    display: flex;
    justify-content: center;
    align-items: center;
}


.counting-sec {
    padding: 40px 0px;
    width: 100%;
    background-color: #181d38;
}



.inner-width {
    max-width: 1200px;
    margin: auto;
    display: flex;
}

.col {
    flex: 1;
    text-align: center;
    padding: 10px;
    /* color: rgb(11, 10, 10); */
    color: #F0FBFC;
    text-transform: uppercase;
}

    .col i {
        font-size: 40px;
        color: #f6f5f5;
    }

.num {
    color: #EEEEEE;
    font-size: 40px;
    margin: 10px 0;
}

.copy img {
    padding: 13px;
}


/* CHAIRMAN CARD */

.blog-single-box {
    margin-bottom: 30px;
    border-radius: 5px 5px 0 0;
    background-color: var(--text-color-white);
    overflow: hidden;
}

    .blog-single-box .blog-thumb {
        position: relative;
        z-index: 1;
        transition: .5s;
    }

        .blog-single-box .blog-thumb img {
            width: 100%;
        }

        .blog-single-box .blog-thumb:before {
            content: "";
            position: absolute;
            right: 0;
            height: 100%;
            width: 0;
            background: var(--primary-color);
            transition: 0.5s;
            border-radius: 5px;
            opacity: 0.1;
        }

    .blog-single-box:hover .blog-thumb::before {
        width: 100%;
        left: 0;
        opacity: 0.200;
    }

.blog-content {
    padding: 30px 32px 25px;
    background: #FEEECC;
}

    .blog-content h4 {
        font-size: 22px;
        transition: .5s;
    }

        .blog-content h4:hover {
            color: var(--primary-color);
        }

    .blog-content p {
        margin: 12px 0 14px;
    }

.blog-button a {
    color: var(--primary-color);
    font-weight: 500;
}

.blog-button i {
    position: relative;
    top: 2px;
    margin-left: 2px;
    font-size: 18px;
}
/* CHAIRMAN CARD END */



/* -----------------home MAP------------ */
.map-section iframe {
    width: 100%;
    height: 500px;
    border: 0;
}

/* -----------------home MAP END------------ */


/*** Footer ***/
.footer-section {
    margin-top: 23px;
    background-color: #181d38;
}

.footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:blue;
    font-weight: normal;
    border: 1px solid #FFFFFF;
    border-radius: 35px;
    transition: .3s;
}

    .footer .btn.btn-social:hover {
        color: var(--primary);
    }

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

    .footer .btn.btn-link::before {
        position: relative;
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 10px;
    }

    .footer .btn.btn-link:hover {
        letter-spacing: 1px;
        box-shadow: none;
    }

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

    .footer .copyright a {
        color: var(--light);
    }

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

    .footer .footer-menu a:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }

.footer-bottom img {
    width: 10%;
}

.footer-bottom-content {
    background: var(--text-color-white);
    color: #0d0c0c;
    text-align: center;
    line-height: 50px;
    margin-top: 9px;
}

.footer-section img {
    width: 50%;
    margin-bottom: 40px;
    margin-left:44px;
}

.btn-up a i {
    margin-left: -16%;
}

/*** Footer END***/

/*** Visiter***/
.footer-section .visiters {
    font-size: 19px;
    margin-left: -17px;
    border-style: outset;
    border-width: 11px;
    height: -moz-available;
    margin-right:74px;
    padding: 10px;
}


/*** Visiter end***/


.headchairman img {
    width: 40%;
    margin-top: 200px;
}



/* --------------contact us page----------------- */

.Contact h1 {
    margin-top: 20%;
}

.map-contact iframe {
    margin-top: 23px;
    width: 100%;
    height: 500px;
    border: 0;
}

.container-fluid h1 {
    margin-bottom: -50px;
}

.contact-footer button {
    width: 100%;
}

/* --------------contact us map end----------------- */
.page-header-inner {
    background: rgba(15, 23, 43, .7);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}

/* ----------------The School image-------------------- */
.theSchool img {
    width: 70%;
    margin-top: 150px;
}
/* ----------------The School image end-------------------- */

/* ----------------Vision and Mission image-------------------- */
.visionmission img {
    width: 70%;
    margin-top: 200px;
}

/* ----------------Vision and Mission image end-------------------- */

/* ----------------whysainiketan image -------------------- */
.whysainiketan img {
    width: 50%;
    margin-top: 100px;
    margin-bottom: -103px;
}
/* ----------------whysainiketan image -------------------- */
}

/* ----------------whysainiketan image responsive end-------------------- */
/* ----------------chairmans image -------------------- */
.headchairman img {
    width: 40%;
    margin-top: 34px;
}
/* ----------------chairmans image end -------------------- */

/* ---------------- president image-------------------- */
.president img {
    width: 40%;
    margin-top: 32vh;
}
/* ---------------- president image end-------------------- */

/* ---------------- president image-------------------- */
.principals img {
    margin-top: 33vh;
    width: 50%;
}
/* ---------------- president image end-------------------- */

/* ---------------- gallery page-------------------- */
.gallery-123 {
    margin-top: 10%;
}
.gallery-box img {
 margin-bottom:23px;
            }

/* ---------------- gallery page-------------------- */

/*.banner-header .gallery-item img{
   aspect-ratio:3/2;
   object-fit:contain;
*/
}

/*------------------------------------------------------------------------------------------------------------*/
/*-----------------------Gallery page----------------------------*/


/* Basic styling for the gallery */
body {
    font-family: 'Cormorant Garamond', sans-serif;
    margin: 0;
    padding: 0;
    background: #131212;
}

h1 {
    text-align: center;
    padding: 40px;
    margin: 0;
    color: black;
    font-size: 3em;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
}

    .gallery img {
        margin: 10px;
        cursor: pointer;
        max-width: 300px;
        width: 50%;
        height: 50%;
        border-radius: 10px;
    }

/* Lightbox styles */
#lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
}

    #lightbox img {
        max-width: 80%;
        max-height: 60vh;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
        border-radius: 10px;
    }

#close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    z-index: 2;
}

/* Style for navigation buttons */
#prev-btn,
#next-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#prev-btn {
    left: 10px;
}

#next-btn {
    right: 10px;
}

    #prev-btn:hover,
    #next-btn:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

/* Styles for thumbnails */
.thumbnail-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.thumbnail {
    max-width: 50px;
    width: 100px;
    cursor: pointer;
    margin-top: 40px;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid #fff;
    transition: opacity 0.3s;
}

    .thumbnail:hover,
    .thumbnail.active-thumbnail {
        opacity: 0.7;
    }


/*-----------------------Gallery page close----------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------*/
  









/*--------------------------------------------------------------Mobile view---------------------------------------------------------*/



/*----------------------Navabar---------------------*/

@media (max-width: 768px) {
    @media screen and (max-width: 600px) {

        .navbar-brand img {
            width: 50px;
            /* display: none; */
            visibility: visible;
            /* visibility: hidden; */
        }

        #top-bar .img1 {
            display: none;
        }

        #top-bar .img2 {
            padding-bottom: 15px;
            margin-top: -10px;
            width: 50%;
            margin-left: 25%;
        }

        #top-bar-wrap .Social1 {
            display: none;
        }

        /*----------------------Navabar end---------------------*/
        /*----------------------carousel---------------------*/

        .carousel {
            margin-top: 118px;
        }

        .carousel-inner img {
            height: 240px;
        }

        /*----------------------carousel---------------------*/
        /*----------------------facilities---------------------*/

        .facilities .xxx {
            height: 10vh;
            text-align: center;
        }

        .facilities .row {
            margin-top: -90PX;
        }

        .facilities h1 {
            font-size: 50px;
        }
        /*----------------------facilities---------------------*/
        /*----------------------about---------------------*/
        .about {
            margin-top: -100px;
        }

            .about img {
                height: 30vh;
            }

            .about h2, h6 {
                text-align: center;
            }

        .btn {
            font-family: 'Nunito', sans-serif;
            font-weight: 600;
            transition: .5s;
        }

            .btn.btn-primary {
                color: #FFFFFF;
                margin-left: 24%;
            }
        /*----------------------about---------------------*/

        /* -------------------GALLERY CAROCEL responsive--------------------- */
        .trusted-clients h1 {
             margin-bottom:29px; 
            font-size: 55px;
        }
        /*.trusted-clients {
            position: relative;
            padding: 60px 40px;
            height: 50%;
            margin-top: -40px;
        }

            .trusted-clients h1 {
                margin-bottom: 16px;
                margin-top: -21px;
                font-size: 47px;
            }*/



        /*  .trusted-clients {
            margin-top: -70px;
            margin-bottom: 50px;
        }

            .trusted-clients h1 {
                font-size: 50px;
            }*/

        /*.logo-slide {
            display: inline-block;
            animation: 40s slide infinite linear;
        }

        .logos:before {
            left: 0;
            background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
        }

        .logo-slide img {*/
            /* margin: 0 90px; */
            /*height: 200px;
        }

        .logos {
            height: 26vh;
            width: 0vh;
        }*/

        /* -------------------GALLERY CAROCEL responsive END--------------------- */
        /*-------------------COUNTING NUMBERS RESPONSIVE--------------*/

        .clients h1 {
            font-size: 50px;
            margin-top: 66px;
        }

        .counting-sec {
            padding: -5px 28px;
            width: 100%;
            background-color: #181d38;
            height: 800px;
        }


        .inner-width {
            max-width: 1200px;
            margin: auto;
            display: block;
        }

        .clients {
            /* color: #f1eaea; */
            padding: 0px 40px;
            margin-bottom: 50px;
            height: 60%;
        }

        /* -------------------COUNTING NUMBERS RESPONSIVE END-------------- */
        /* -------------------Map RESPONSIVE END-------------- */
        .map-section iframe {
            height: 30vh;
            margin-bottom: 20px;
        }
        /* -------------------Map RESPONSIVE END-------------- */
        /* --------------------------------footer responsive----------------------- */
        .footer-section img {
            width: 30%;
        }

        .footer-bottom img {
            width: 28%;
        }

        .footer-section {
            padding-bottom: 25px;
            margin-top: 23px;
            background-color: #181d38;
        }
            /* --------------------------------footer  responsive end----------------------- */
            /* --------------------------------Visiters responsive end----------------------- */
            .footer-section .visiters {
                border-style: outset;
                border-width: 7px;
                height: -moz-available;
                margin-right: 64px;
                padding: 10px;
                margin-left: 2px;
            }
        /* --------------------------------Visiters responsive end----------------------- */



        .imagelogo img {
            width: 100%;
            margin-top: 150px;
            margin-bottom: 10px;
        }

        .gallery-123 {
            margin-top: 100px;
        }



        /* ----------------The School image responsive-------------------- */

        .theSchool img {
            margin-top: 100px;
            width: 100%;
        }

        .display-1 {
            margin-top: -40px;
        }
        /* ----------------The School image responsive end-------------------- */
        /* ----------------Contact page responsive end-------------------- */
        .Contact .container-fluid h1 {
            margin-top: 20vh;
        }

        .contact-footer h1 {
            margin-top: 17px;
        }

        .col-12 button {
            width: 50%;
        }

        .map-contact iframe {
            height: 30vh;
            margin-bottom: 20px;
        }

        .contact-footer .btn.btn-primary {
            margin-left: -1px;
        }

        /* ----------------Contact page responsive end-------------------- */

        /* ----------------Vision and Mission responsive end-------------------- */
        .container-fluid h1 {
            margin-bottom: -50px;
            margin-top: -8px;
        }

        .visionmission img {
            margin-top: -40px;
            width: 100%;
        }

        .visionmission img {
            margin-top: 144px;
            width: 100%;
        }


        /* ----------------Vision and Mission responsive end-------------------- */
        /* ----------------whysainiketan image responsive -------------------- */

        .whysainiketan img {
            width: 100%;
            margin-top: 50px;
        }

        /* ---------------- chairmans responsive -------------------- */

        .headchairman img {
            margin-top: 147px;
            width: 100%;
        }

        /* ---------------- chairmans responsive end-------------------- */
        /* ---------------- president responsive -------------------- */

        .president img {
            margin-top: 161px;
            width: 100%;
        }

        /* ---------------- president responsive end-------------------- */
        /* ---------------- president responsive -------------------- */

        .principals img {
            width: 100%;
            margin-top: 144px;
        }

        /* ---------------- president responsive end-------------------- */

        /*----------------------------------------home about img--------------------------------------*/
        /*  .about img {
            height: 68vh;
            margin-top: 15px;
        }*/

        .about h6 {
            text-align: center;
            margin-bottom: -20px;
            margin-top: 108px;
            font-size: 40px;
            color: #181d38;
        }

        /*  .btn {
            font-family: 'Nunito', sans-serif;
            font-weight: 600;
            transition: .5s;
        }*/

        .btn.btn-primary {
            color: #FFFFFF;
            margin-left: 27%;
        }

        /*----------------------------------------home about img--------------------------------------*/