@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --primaryColor: #2F3A69;
    --secondaryColor: #F98400;
    --thirdColor: #8C00F7;
    --forthColor: #C93914;
    --fifthColor: #72B542;
    --sixColor: #00D6FA;
    --sevenColor: #F44336;
    --font-family: 'Poppins', sans-serif;
    --ts-5: .5s all ease-in-out;
}

html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-family);
}


.header__logo {
    width: 290px;
}

.header__call-icon {
    width: 40px;
}

.header__call--title h6, .header__call--lnk a {
    color: var(--primaryColor);
}

.header__social--icon ul li {
    margin: 0 8px;
    width: 30px;
}

/* navbar */
.navbar {
    background: var(--primaryColor);
}

.navbar__box > ul {
    display: flex;
    align-items: center;
    padding: 8px 0;
}

    .navbar__box > ul > li, .navbar__box > ul > li > ul > li, .navbar__box > ul > li > ul > li > ul > li, .navbar__box > ul > li, .navbar__box1 > li > ul > li, .navbar__box1 > li > ul > li > ul > li {
        position: relative;
        transition: var(--ts-5);
    }

        .navbar__box > ul > li > a {
            color: #fff;
            padding: 9px 5px;
            white-space: nowrap;
            position: relative;
            z-index: 1;
            transition: var(--ts-5);
            letter-spacing: 1px;
        }

            .navbar__box > ul > li > a::before {
                content: '';
                position: absolute;
                bottom: 0;
                left: -11.8px;
                width: 100%;
                height: 0px;
                background: #02143c;
                margin: 0 8px;
                z-index: -1;
                transition: var(--ts-5);
            }

        .navbar__box > ul > li:hover > a {
            color: var(--sixColor);
        }

            .navbar__box > ul > li:hover > a::before {
                /* height: 40px; */
            }



        .navbar__box > ul > li > ul > li > a, .navbar__box > ul > li > ul > li > ul > li > a, .navbar__box > ul > li > ul > li > ul > li > ul > li a {
            color: var(--primaryColor);
            font-size: 14px;
            letter-spacing: .5px;
            transform: var(--ts-5);
        }

        .navbar__box > ul > li > ul > li:hover > a,
        .navbar__box > ul > li > ul > li > ul > li:hover > a {
            color: var(--sixColor);
        }

.nested-submenuu ul > li:hover a {
    color: var(--sixColor);
}

.nested-submenuu ul > li > a {
    color: black;
}

.nested-submenuu ul > li {
    padding: 8px 11px 0px 10px;
    display: flex;
}

.vis_mob_nav > li:first-child {
    margin-top: 20px;
}

.navbar__box > ul > li > ul > li, .navbar__box > ul > li > ul > li > ul > li {
    padding: 4px 11px 4px 12px;
    border-bottom: 1px solid #0108181f;
    /*border-radius: 14px;*/
}

.navbar__box > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 32px;
    transform: translateY(0px);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 12px;
    padding: 11px 0px;
}

.navbar__box > ul > li > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0px;
    transform: translateY(0px);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.navbar__box > ul > li > ul {
    position: absolute;
    z-index: 99;
    background: white;
    left: -4px;
    top: 32px;
    width: 253px;
    opacity: 0;
    text-align: start;
    visibility: hidden;
    transform: translateY(40px);
    opacity: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.has-submenu .submenu-arrow {
    font-size: 13px;
}

.nested-submenu ul li {
    padding: 8px 11px 0px 18px;
}

.navbar svg {
    margin-right: 11px;
    margin-left: -5px;
}

.navbar span svg {
    margin-left: 10px !important;
}

.navbar__box > ul > li > ul > li > ul {
    /*position: absolute;
        z-index: 1;
        background: white;
        left: 240px;
        top: 0px;*/
    /*   width: 200px;
        opacity: 0;
        text-align: start;
        visibility: hidden;
        transform: translateY(40px);
        opacity: opacity 0.35s ease 0s, transform 0.35s ease 0s;*/
    padding: 0px 0px 10px 26px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .navbar__box > ul > li > ul > li > ul > li > a {
        color: #fff !important;
    }

#navbar__box1.open {
    visibility: visible;
    top: 39px;
    opacity: 1;
    z-index: 1;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 999999;
}

#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;
    }

.annoucement {
    z-index: 9;
}


.annoucement__box {
    background-image: linear-gradient(186deg, #164e8c, #167fc7);
    border-radius: 0 0 0 5px;
}

.annoucement__box--title h4 {
    font-size: 16px;
    transform: skew(-4deg, 0deg );
    padding: 29px 20px 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.annoucement__box--cnt {
    background-image: linear-gradient(186deg, #851a7a, #cf1abf);
    height: 83px;
    padding: 0px 20px 0;
    border-radius: 0 0 5px 0;
    letter-spacing: .5px;
}

.annoucement__box--cnt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.about__box {
    background-image: linear-gradient( 300deg, #81c1e5 10%, #89c9ec 50%, #c4f0fb);
    padding: 20px 20px;
    border-radius: 5px;
}

.btn {
    background-image: linear-gradient(50deg, #494cb0, #3c6fc5);
    position: absolute;
    right: 0px;
    z-index: 9999;
    top: 0px;
    color: white;
}

.Model_header {
    text-align: center;
    font-weight: 600;
}

.about__box--title > h2 {
    font-size: 25px;
}

.title {
    color: var(--primaryColor);
    transform: skew(-4deg, 0deg);
}


.facility__box--img, .facility__box--img > img, .achievement__box--title--img, .life__box--img, .testimonial__box--img {
    width: 30px;
    opacity: .5;
}

.about__box--img > img {
    width: 17px !important;
    opacity: .7;
    margin-top: -11px;
    margin-left: 9px;
}

.about {
    position: relative;
}

.about__box--img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: .15;
    margin-top: 16px;
}

.facility__box--img::before, .achievement__box--title--img::before, .life__box--img::before, .testimonial__box--img::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 1px;
    background: #000;
    opacity: .3;
    margin-top: 16px;
    transform: translate(-44%, 0px);
    z-index: -1;
}

.facility__box--img::after, .achievement__box--title--img::after, .life__box--img::after, .testimonial__box--img::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 10px;
    background: #ffffff;
    opacity: 1;
    z-index: -1;
    margin-top: 10px;
    transform: translate(-90%, 0px);
}




.footer {
    /*background-color: var(--primaryColor);*/
}

.footer__box--list ul {
    line-height: 40px;
}

.footer__social--icon .youtube {
    object-fit: cover;
    width: 40px !important;
}

.footer__box--list a {
    color: #ffffffd9;
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 30px;
    transition: var(--ts-5);
}

    .footer__box--list a:hover {
        color: #fff;
    }

.footer__box h5 {
    font-family: Josefin Sans;
    font-size: 21px;
}



.footer__social--icon > ul > li {
    width: 30px;
    margin: 0 12px 0 0;
}

.copyright {
    /*background: #1e428c;*/
}

.copyright--box h6 {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
}

.copyright--box a {
    color: var(--sixColor);
}

.news_heading {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    white-space: break-spaces;
    color: #fff;
}

.about__box--cnt p {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    white-space: break-spaces;
}

.annoucement__box::before {
    content: '';
    position: absolute;
    top: 36px;
    right: -22px;
    border-right: 10px solid #56121200;
    border-left: 13px solid #135e9d;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #6a616100;
}


.about__box--cnt p {
    text-align: justify;
    letter-spacing: .5px;
    line-height: 30px;
}

.about__box--btn {
    width: fit-content;
    background: linear-gradient( 186deg, #323c91, #7299d7);
    padding: 7px 16px;
    border-radius: 4px;
}

.facility__box--btn {
    width: fit-content;
    background: linear-gradient( 186deg, #323c91, #7299d7);
    padding: 7px 16px;
    border-radius: 4px;
    visibility: hidden;
}

.facility__box--div--cnt:hover .facility__box--div--cnt--title {
    filter: blur(1px);
}

.facility__box--div--cnt:hover .facility__box--btn {
    bottom: 40%;
    visibility: visible;
    transform: translate(50%, 0%);
}

.facility__box--btn {
    position: absolute;
    bottom: -10%;
    left: 15px;
    transform: translate(50%, 0%);
    transition: var(--ts-5);
}

.imp_img {
    background: #f1f1f1;
    overflow: hidden;
    border-radius: 5px;
}

.imp_content {
    padding: 0 0;
}

.imp_name {
    color: #f44336;
    font-size: 25px;
}

.imp_about p {
    text-align: justify;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 30px;
}

.imp_about {
    height: 340px;
    overflow: hidden;
}


.mentor__lnk {
    /*    width: 390px;
*/ align-items: center;
    background: linear-gradient( 195deg, #193774, #163fdb);
    z-index: 8;
    /*    position: absolute;
*/ /*left: 250px;*/
    padding: 10px 25px;
    margin-top: 10px;
    border-radius: 0 5px 5px 0;
}

    .mentor__lnk::before {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        background: #ff9222;
        border-radius: 100%;
        right: 0;
        margin-top: 2px;
        margin-right: 20px;
    }

    .mentor__lnk > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 17px;
        letter-spacing: .5px;
        font-weight: 500;
    }

.mentor__lnk--icn {
    display: block;
    width: 30px;
    z-index: 1;
}

.facility__box1 {
    column-count: 4;
}

.facility__box--div--img:nth-child(2n+1) {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.fac_1 {
    padding: 20px;
    text-align: center;
    background-image: linear-gradient(45deg, #16a99f, #0ec47d);
}

.fac_3 {
    padding: 20px;
    text-align: center;
}

.fac__div--3 {
    height: 130px;
}

.facility__box--div--cnt {
    height: 260px;
}

.facility__box--div--cnt--title {
    height: 240px;
    text-align: center;
    overflow: hidden;
}



    .facility__box--div--cnt--title h4 {
        font-weight: 600;
        letter-spacing: .5px;
        border-bottom: 1px solid #ffffff1f;
        padding-bottom: 10px;
    }

    .facility__box--div--cnt--title span {
        color: #fff;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: .5px;
    }

.facility__box--div {
    display: inline-block;
}


.facility__box--div--cnt, .fac_1 {
    transition: var(--ts-5);
}

.fac__div--2 {
    background: linear-gradient(45deg, #e17455, #db2254);
}

.fac__div--3 {
    background: linear-gradient(45deg, #5cad46, #99c33d);
}

.fac__div--4 {
    background: linear-gradient(45deg, #2275a4, #52bfed);
}

.fac_2, .fac_4 {
    padding: 20px;
}

#fac_2, #fac_4 {
    height: 180px;
    overflow: hidden;
}


.mission__box--title h4 {
    font-size: 22px;
    font-weight: 600;
    margin-left: 22px;
    color: #011b54;
}

.mission__box--title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    background: #d13024;
    border-radius: 100%;
}

.mission__box--cnt {
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 30px;
}

.facility__box--div--cnt {
    position: relative;
    transition: var(--ts-5);
    overflow: hidden;
}

    .facility__box--div--cnt:hover::before {
        visibility: visible;
        transition: var(--ts-5);
    }

    .facility__box--div--cnt::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .7;
        visibility: hidden;
        background: #fff;
        transition: var(--ts-5);
    }



.achievement::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    background: url(../img/vision.jpeg);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.achievement::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #ffffffb8;
    display: none;
}

.achievement__box {
    background: #fff;
    padding: 20px;
}

.achievement__box--cnt ul {
    column-count: 3;
}

.achievement__box--img {
    width: 75px;
    border: 1px solid #ebebeb;
    border-radius: 100%;
    padding: 15px;
    box-shadow: 0px 0px 1px 6px #3333330d;
    margin: 10px auto 0;
}

.achievement__box--cnt ul li a, .achievement__box--cnt ul li a h5 {
    text-decoration: none;
    transition: var(--ts-5);
}

    .achievement__box--cnt ul li a:hover h5 {
        color: var(--sevenColor);
    }



.achievement__box--cnt h5 {
    font-size: 16px;
    color: #383838;
    font-weight: 700;
}

.achievement__box--cnt ul li {
    width: 170px;
    margin: 0 auto;
    overflow: hidden;
}

.slider {
    border-bottom: 7px solid #72b542;
}

.testimonial__box--slider {
    background: linear-gradient(180deg, #ff6b3f 30%, #f90e64);
    padding: 10px;
    text-align: center;
}

.testimonial__box--slider--name {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

    .testimonial__box--slider--name p {
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 14px;
    }

.testimonial__box--slider--des {
    padding: 15px 20px;
}

    .testimonial__box--slider--des span {
        font-size: 15px;
        padding: 0 30px;
        color: #fff;
        letter-spacing: .5px;
        line-height: 30px;
    }

.life__box--img_div {
    width: 30px;
    margin-right: 10px;
    background: #fff;
    border-radius: 5px;
}

.life__box--title--div:nth-child(2n + 1) {
    background: linear-gradient( 195deg, #3f98dd, #2770a9);
    padding: 10px 8px;
    border-radius: 5px;
}

.life__box--iframe {
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
}


/* header rps 50 */
ul.header_icon {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}



.header_icon > li {
    width: 120px;
    border: 0px solid #fff;
    height: 40px;
    padding-left: 26px;
    margin: 8px 5px;
    text-align: center;
    border-radius: 2px;
    line-height: 45px;
    display: flex;
    align-items: center;
}

.social-icon a {
    color: transparent;
    display: none;
}

.header_address img {
    width: 28px;
}

.header_address span > span {
    color: #66604d;
    font-weight: 600;
}

.header_address span {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .5px;
}

.orange {
    background-image: linear-gradient(to right top, #ffb50e, #fb5e22, #f96a32, #ff7540, #ff8600);
}

.bluedark {
    background-image: linear-gradient(to right top, #2451a4, #4c4fb1, #7249b9, #973cbb, #bc21b6);
}

.purple {
    background-image: linear-gradient(to right top, #2451a4, #4c4fb1, #7249b9, #973cbb, #bc21b6);
}

.blue {
    background-image: linear-gradient(to right top, #039, #005bbc, #0081d7, #00a7ed, #0cf);
}

.darkyellow {
    background-image: linear-gradient(to right top, #e58900, #de9104, #e76f1a, #de630b, #d45800);
}

.ceroheader {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 42px;
    border: 2px solid #fff;
}

.header_icon > li > a {
    font-size: 25px;
}

    .header_icon > li > a > img {
        width: 140px;
        padding-right: 47px;
        margin-top: -2px;
        margin-left: -10px;
    }


.header_div {
    background: #bbb08d;
    position: relative;
    z-index: 1;
}


.hbottom__registration {
    width: 195px;
    margin-left: auto;
}

.hbottom__award {
    width: 98px;
}

.hbottom__isa {
    width: 170px;
    margin-left: auto;
    animation: zoom-animation 2s infinite;
}

/* menu navbar 1  icon */
.toggle-menu {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    top: 0px;
    float: right;
    z-index: 1000;
}

    .toggle-menu i {
        position: absolute;
        display: block;
        height: 2px;
        background: #fff;
        width: 30px;
        left: 0px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .toggle-menu i:nth-child(1) {
            top: 16px;
        }

        .toggle-menu i:nth-child(2) {
            top: 24px;
        }

        .toggle-menu i:nth-child(3) {
            top: 32px;
        }

    .toggle-menu.active i:nth-child(1) {
        top: 25px;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    .toggle-menu.active i:nth-child(2) {
        background: transparent;
    }

    .toggle-menu.active i:nth-child(3) {
        top: 25px;
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
    }

.open {
    right: 0px;
    transition: right linear .2s;
}

/* navbar close icon */
.navbar__box--icon {
    position: absolute;
    top: -5px;
    float: right;
    text-align: end;
    right: 0px;
}

#navbar__box1 {
    position: absolute;
    top: 70px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    right: 0px;
    width: 220px;
    z-index: 1;
    box-shadow: -4px 10px 15px #3333332e;
    background: #031846;
}


h1.lblheading1 {
    color: #1c456d;
    padding-top: 10px;
    border-bottom: 1px solid #f2a900;
    padding-bottom: 10px;
}


.hbottom__logo {
    width: 400px;
}

.hbottom__fit {
    width: 115px;
    margin-left: auto;
}


.bre_div_cnt span {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #0d6ca2;
    transition: .5s all ease-in;
}

.bre_div_cnt svg {
    font-size: 10px;
    margin: 0 12px;
    color: #0d6ca2;
    transition: .5s all ease-in;
}

.inn_div_ul ul li {
    position: relative;
    padding: 6px 0 6px 30px;
    width: 100%;
    color: #fff;
    background: linear-gradient(to right, #172a52 0, #224591 100%);
    margin: 20px 0;
}

#founder__box--dots {
    z-index: 99;
    right: -181px;
    left: auto;
    bottom: auto;
    transform: rotate(90deg);
    top: 40%;
}

    #founder__box--dots > button {
        width: 10px !important;
        height: 10px !important;
        border-radius: 100%;
        opacity: .5;
    }

#founder__box--slider .carousel-indicators [data-bs-target] {
    background: linear-gradient( 195deg, #193774, #163fdb);
    border: 2px solid #fff;
    box-shadow: 0px 0px 1px 2px #163fdb;
    margin-right: 10px;
}


#founder__box--dots > button.active {
    opacity: 1;
}

.inn_div_ul ul li a {
    color: #fff;
}

#ltrlData {
    line-height: 30px;
    letter-spacing: .5px;
    font-size: 16px;
}

.inn_div_ul ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: -4px;
    width: 3px;
    height: 45px;
    border-right: 1px solid #b5b5b5;
    background: #fff;
    z-index: 0;
    box-shadow: 1px 1px 2px #33333340;
}

.inn_div_ul ul li:after {
    content: "";
    background: #006096 none repeat scroll 0 0;
    border-radius: 14px 30px 30px 0;
    height: calc(100% + 4px);
    position: absolute;
    right: 0;
    top: -5px;
    width: 6px;
    z-index: -1;
}

.inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -2;
}



.inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fffffff3;
    z-index: -1;
}

/* gallery */
/* Gallery */
.main-img-gallery {
    width: 100%;
    text-align: center
}

.img-gallery {
    display: inline-block;
    margin: 10px 15px;
    width: 240px
}

.img-item {
    width: 100%;
    /*height: 210px;*/
    border: 2px solid #fff;
    position: relative;
    /*overflow: hidden;*/
    box-shadow: 2px 10px 20px #afafaf3b;
    border-radius: 15px;
    background: #fff;
}
.gallery .img-item {
    height: 210px;
    overflow: hidden;
}
.img {
    width: 100%;
    height: 100%
}

.mask1 {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    transform: rotate(56.5deg) translateX(-180px);
    transform-origin: 100% 0
}

.mask1, .mask2 {
    background: #333;
    background: rgba(0,0,0,.6);
    height: 333px;
    width: 258px;
    transition: all .35s ease-in-out
}

.mask2 {
    position: absolute;
    top: auto;
    transform: rotate(56.5deg) translateX(180px);
    transform-origin: 0 100%;
    bottom: 0;
    left: 0
}

.info {
    background: #111;
    height: 0;
    visibility: hidden;
    width: 361px;
    transform: rotate(-33.5deg) translate(-112px,166px);
    transform-origin: 0 100%;
    transition: all .35s ease-in-out .35s;
    top: 0;
    right: 0;
    backface-visibility: hidden;
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center
}

    .info h3 {
        color: #fff;
        font-variant: small-caps;
        text-shadow: 1px -1px 0 #ffffff08;
        font-size: 17px;
        line-height: 1.4;
        display: table-cell;
        vertical-align: middle
    }

.img-gallery a:hover .info {
    width: 100%;
    height: 120px;
    visibility: visible;
    top: 48px;
    transform: rotate(0) translate(0,0)
}

.img-gallery a:hover .mask1 {
    transform: rotate(56.5deg) translateX(1px)
}

.img-gallery a:hover .mask2 {
    transform: rotate(56.5deg) translateX(-1px)
}

.inn_div {
    background-color: #f7f8f9;
    z-index: 0;
}

.bre_div {
    background-color: transparent;
    z-index: 0;
}

/* counter start */
#lblLitralCounter {
    padding: 5px 4px 5px;
    cursor: pointer;
    margin: 6px 0;
    background: #fff;
    letter-spacing: 5px;
}

    #lblLitralCounter span {
        padding: 0 8px;
        position: relative;
        color: #031948;
        font-weight: 700;
        margin: 0;
        font-size: 20px;
        letter-spacing: 0;
        text-shadow: 1px 1px 12px #fff;
    }

span.counter_bottom::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: linear-gradient( 180deg,transparent,#000,transparent);
    height: 100%;
}


span.counter_bottom:last-child::before {
    display: none
}



.inn_div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../img/bg_inn.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .03;
}

.contact_div {
    display: flex;
}

.map_iframe {
    width: 100%;
}

.contact_div_box {
    letter-spacing: .5px;
    background: #bf0000;
    width: calc(100% - 60%);
    transition: var(--ts-5);
}

.contact_div_box_para span:first-child {
    font-size: 25px;
}


.contact_div_box_para span:last-child {
    font-size: 18px;
}

.contact_div_box_mobile > strong {
    font-weight: 500 !important;
    font-size: 18px;
}

.contact_div_box_mobile, .contact_div_box_email {
    font-size: 18px;
}

.contact_div_box a:hover {
    color: var(--sixColor) !important;
}
/* media */
@media only screen and (max-width: 1200px) and (min-width: 991px) {
    .annoucement__box--title h4 {
        padding: 11px 20px 15px;
    }

    .mentor__lnk {
        left: 200px;
    }

    .about__box--cnt p {
        -webkit-line-clamp: 8;
    }

    .facility__box--div--img:nth-child(2n+1) {
        height: 150px;
    }

    .facility__box--btn {
        left: 0;
    }

    .hbottom__logo, .hbottom__isa {
        width: 100%;
    }

    .hbottom__registration {
        width: 180px;
        margin: 0 auto;
    }

    .hbottom__fit {
        width: 100px;
        margin-left: -16px;
    }

    .hbottom__award {
        width: 95px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 769px) {
    .contact_div {
        display: flex;
        flex-wrap: wrap;
    }

    .map_iframe {
        width: 100%;
    }

    .contact_div_box {
        letter-spacing: .5px;
        background: #bf0000;
        width: 100%;
    }


    .contact_div_box {
        letter-spacing: .5px;
        background: #bf0000;
        width: 100%;
    }

    .contact_div_box_para span:first-child {
        font-size: 20px;
    }

    .contact_div_box_para span:last-child, .contact_div_box_mobile > strong, .contact_div_box_mobile, .contact_div_box_email {
        font-size: 16px;
        letter-spacing: .5px;
    }



    .hbottom__registration {
        width: 90%;
    }

    .about {
        overflow: hidden;
    }

    #founder__box--dots {
        right: -130px;
    }

    .hbottom__isa {
        width: 120px;
    }

    .hbottom__award {
        width: 74px;
        margin-left: -33px !important;
    }

    .hbottom__logo {
        width: 230px;
    }

    .hbottom__fit {
        width: 80px;
        margin: 0;
    }


    .hbottom__award {
        width: 80px;
    }

    .hbottom__isa {
        width: 140px;
    }

    .annoucement__box--title h4 {
        padding: 11px 20px 15px;
    }

    .imp_img {
        height: 360px;
    }

    .about__box--cnt p {
        -webkit-line-clamp: 19;
    }

    .mentor__lnk {
        left: 0;
        position: relative;
        width: 380px;
    }
}

@media only screen and (max-width: 768px) {
    .header_address{
        display:none !important;
    }
    .navbar__box a svg {
        display: none !important;
    }

    ul.header_icon {
        display: flex;
        justify-content: center !important;
    }

    .MainD {
        float: none !important;
    }

    #navbar__box {
        position: absolute;
        top: 44px;
        right: 0;
        width: 320px;
        display: none;
    }

    .contact_div {
        display: flex;
        flex-wrap: wrap;
    }

    .map_iframe {
        width: 100%;
    }

    .contact_div_box {
        letter-spacing: .5px;
        background: #bf0000;
        width: 100%;
    }

    .contact_div_box_para span:first-child {
        font-size: 20px;
    }

    .contact_div_box_para span:last-child, .contact_div_box_mobile > strong, .contact_div_box_mobile, .contact_div_box_email {
        font-size: 16px;
        letter-spacing: .5px;
    }


    #founder__box--dots {
        z-index: 99;
        right: 50%;
        left: auto;
        top: auto;
        bottom: -42px;
        transform: translate(100%, 0px);
    }

    .annoucement__box--title h4 {
        margin-bottom: 0;
    }

    .annoucement__box {
        border-radius: 0;
    }

        .annoucement__box::before {
            top: auto;
            right: auto;
            left: 45%;
            bottom: -20px;
            border-right: 10px solid #18070700;
            border-left: 10px solid #135e9d00;
            border-top: 10px solid #1674ba;
            border-bottom: 10px solid #6a616100;
        }

    .annoucement__box--title h4 {
        padding: 20px 20px 15px;
    }

    .imp_about {
        height: auto;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 16px;
    }

    .mentor__lnk {
        left: 0;
        position: relative;
        width: 300px;
    }

    .imp_img {
        height: 300px;
    }

    .facility__box--div--cnt, .facility__box--div--cnt--title {
        height: auto;
    }

    .facility__box--btn {
        left: 30px;
    }

    .achievement__box--cnt ul li {
        width: 120px;
    }

    .testimonial__box--slider--des {
        padding: 15px 8px 0;
    }

        .testimonial__box--slider--des span {
            padding: 0;
        }

    .achievement__box--cnt ul {
        column-count: 2;
    }

    .footer__box--list a {
        font-size: 15px;
    }

    .copyright--box h6 {
        line-height: 20px;
    }

    .hbottom__logo {
        width: 300px;
        margin: auto;
    }

    .hbottom__registration {
        margin-bottom: 8px;
    }

    .navbar {
        height: 45px;
    }

    .navbar__box--icon {
        position: absolute;
        top: -25px;
        float: right;
        left: 21px;
    }

    .navbar {
        background: linear-gradient(-90deg, #f7f8f9 60px, var(--primaryColor) 0);
    }




    .men_div_img > span.close {
        background-position: 0 -45px;
    }

    .men_div_img > span {
        position: absolute;
        top: -19px;
        height: 40px;
        width: 40px;
        background-image: url(../img/menu.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        transition: .3s all cubic-bezier(0, 0, 0, 1.36);
    }

    #navbar__box > ul {
        display: grid;
        width: 320px;
        margin-top: 0px;
        margin-left: 0px;
        background: #f7f8f9;
        z-index: 99;
        position: relative;
    }

        #navbar__box > ul > li > ul {
            display: grid;
            width: 320px;
            margin-top: 0px;
            margin-left: 15px;
            background: #f7f8f9;
            z-index: 99;
        }

        #navbar__box > ul > li > ul {
            display: none;
            top: 0;
        }

    .MobileMenubar {
        position: absolute;
        top: 20px;
        right: 50px;
    }

    #navbar__box > ul {
        padding: 0px;
        list-style: none;
        margin: 0px;
        width: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        background-color: #f7f7f7;
    }

        #navbar__box > ul > li {
            position: relative;
            float: left;
            width: 100%;
            display: inline-block;
            border-bottom: 1px solid #dcdcdd;
        }

            #navbar__box > ul > li > a {
                width: 100% !important;
                padding: 8px 20px;
                text-align: left;
                font-weight: 600;
                width: calc(100% - 70px);
                float: left;
                z-index: 999;
            }

    .navbar__box > ul > li > a {
        color: #192e5c;
        font-size: 15px;
        letter-spacing: .5px;
    }

    span.nav_plus {
        position: absolute;
        top: -1px;
        right: 23px;
        color: #133654;
        font-weight: 700;
        font-size: 16px;
        width: 50px;
        height: 40px;
        line-height: 40px;
        background: #f1f1f1;
        border: 1px solid #e1e1e1;
        cursor: pointer;
        z-index: 999;
        text-align: center;
    }

    .vis_mob_nav {
        opacity: 1 !important;
        display: block !important;
        position: relative !important;
        visibility: visible !important;
        transform: none !important;
    }

    .navbar__box > ul > li > ul > li > a {
        background: #f7f8f9;
        border-bottom: 1px solid #d9d9d978;
    }

    .navbar__box > ul > li > ul > li > a {
        color: #133c60;
        white-space: normal;
        padding: 5px 30px 6px 30px;
        border-bottom: 1px solid #33333321;
        border-bottom: 0;
        position: relative;
        white-space: normal !important;
    }

    .navbar__box > ul > li > ul > li > a {
        color: #0b253c;
        width: 90%;
        height: auto;
        display: inline-block;
        padding: 6px 1px;
        font-size: 14px;
        position: relative;
        background: #f7f8f9;
        font-weight: 600;
        text-align: left;
        z-index: 98;
    }

    .navbar__box > ul > li > ul::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

    .navbar__box > ul > li > ul > li {
        position: relative;
    }

    .navbar__box > ul > li > ul {
        position: absolute;
        top: 0;
        left: 0;
        border: none;
        visibility: hidden;
        transform: none !important;
        /*box-shadow: 1px 0px 5px 8px #33333308;*/
    }

    .navbar__box > ul > li:hover > ul {
        box-shadow: none !important;
    }

    .navbar__box ul > li > ul > li > ul {
        left: 0;
        width: 100%;
        /*background: #e7f3ff;*/
    }

    .nested-submenuu .list-unstyled li a {
        color: black !important;
    }

    .navbar__box > ul > li > ul > li > ul > li > a {
        color: #011b54 !important;
        font-size: 14px;
        padding-left: 12px;
        font-weight: 600;
    }

    .navbar__box > ul > li > ul > li > ul > li {
        border-bottom: 1px solid #dcdcdd;
    }

    .hbottom__registration, .hbottom__fit, .hbottom__award {
        margin: 0 auto;
    }

    .hbottom__registration {
        width: 310px;
        text-align: center;
    }

    .mentor__lnk--icn {
        display: block;
        width: 30px;
        z-index: 1;
        top: 9px;
        position: absolute;
        right: 20px;
    }

    .header_icon > li {
        width: 108px;
        height: 45px;
        padding-left: 15px;
        margin: 8px 3px;
    }
}

.img_cnt_txt {
    padding-bottom: 8%;
    COLOR: black;
    /* position: absolute; */
    bottom: 0px;
    left: 0px;
    /* background-color: #00000075; */
    width: 100%;
    margin-top: 11px;
    text-align: center;
}

.gallery_campus a {
    text-decoration: none;
}

.gallery_campus, .home_img_gallery {
    padding: 0px 10px;
}

#lblLitralCounter {
    color: black;
}




.owl-theme .owl-controls .owl-buttons div.owl-next {
    display: inline-block !important;
    padding: 3px 15px 2px !important;
    background: #29BBD3;
    font-size: 16px !important;
    opacity: 1 !important;
    transition: var(--ts);
    margin-left: 10px;
    border-top-right-radius: 12px;
    color: white;
    border-bottom-right-radius: 12px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    display: inline-block !important;
    padding: 3px 15px 2px !important;
    background: #29BBD3;
    font-size: 16px !important;
    opacity: 1 !important;
    transition: var(--ts);
    border-top-left-radius: 12px;
    color: white;
    border-bottom-left-radius: 12px;
}

    .owl-theme .owl-controls .owl-buttons div.owl-prev > i {
        transform: rotate(-45deg) !important;
        display: block;
    }

.owl-theme .owl-controls .owl-buttons div.owl-next > i {
    transform: rotate(45deg) !important;
    display: block;
}

/*.owl-theme .owl-controls .owl-next:hover {
    background: var(--title) !important;
}

.owl-theme .owl-controls .owl-prev:hover {
    background: var(--title) !important;
}*/

.owl-buttons {
    margin-top: 20px;
    text-align: center;
}

.owl-next {
    margin: 0 5px;
}

.owl-buttons i {
    color: #fff;
}

.owl-item .img-item {
    /*height: 280px;*/
    background: white;
    padding: 11px;
}

@keyframes zoom-animation {
    0%, 100% {
        transform: scale(1); /* Normal size */
    }

    50% {
        transform: scale(1.2); /* Scaled up size */
    }
}

.about {
    background-image: url('../img/aboutbg.png');
    padding: 55px 0px 40px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}

    .about h5, .whychoose h5, .toppers h5, .collab h5, .OurAchievements h5, .Testimonial h5, .OurMentor h5, .album h5 {
        font-family: Josefin Sans;
        font-size: 24px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #0693AB;
        margin-bottom: 15px;
    }

    .about h3, .whychoose h3, .toppers h3, .collab h3, .OurAchievements h3, .Testimonial h3, .OurMentor h3, .album h3 {
        font-family: Josefin Sans;
        font-size: 48px;
        font-weight: 700;
        line-height: 49.99px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .about p, .about span {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: justify;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

@media only screen and (max-width:767px) {
    .enquire{
        display:none !important;
    }
    .testimonial .dottedimage {
        bottom: 0px;
    }

    .admission .hexa {
        position: absolute;
        right: 5%;
        top: -9px;
    }

    .testimonial .hexa {
        left: 1%;
        top: 19%;
    }
    .has-submenu .submenu-arrow {
        display: none;
    }
    #slider__box--div .overlay{
        display:none;
    }
    .nested-submenuu ul > li {
        display: flex;
    }

    .OurMentor .carousel-control-prev, .OurMentor .carousel-control-next {
        transform: translateY(10%) !important;
    }

    .about h3, .whychoose h3, .toppers h3, .collab h3, .OurAchievements h3, .Testimonial h3, .OurMentor h3 {
        font-size: 30px !important;
        line-height: 35px;
    }

    .testimonial-title p {
        display: none;
    }

    .OurMentor .carousel-control-prev {
        left: 60%;
    }

    .testibtns {
        position: absolute;
        bottom: -27px;
        left: 50%;
    }

    .Testimonial .testimonialbox {
        margin: 70px 14px 10px -6px !important;
    }

    .whyperosn {
        display: none;
    }

    .about .activi img {
        width: 16%;
        height: 28px;
    }

    .about h3 {
        font-size: 34px;
    }
}

.about .activi p {
    font-weight: bold;
}

.about .activi span, .whychoose span, .admission span {
    background: #0693AB;
    padding: 10px 20px;
    color: white;
    border-radius: 7px;
}

.about .activi a {
    text-decoration: none
}

.testimonial h1 {
    color: white;
    font-family: Josefin Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.testimonial h3 {
    color: #29BBD3;
    font-family: Josefin Sans;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.testimonial {
    background-image: url('../img/testimonialbg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

#campus-div_cnt {
    position: relative;
    overflow: hidden;
    min-height: 410px;
}

.testimonial .owl-wrapper-outer {
    padding-top: 57px;
}

a {
    text-decoration: none;
}

.testimonial .owl-buttons {
    position: absolute;
    top: 0;
    right: 0;
}

.arrowdiv {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%);
    z-index: 9999;
}

.owl-carousel .owl-wrapper-outer {
    overflow: visible !important;
}

.img-item .img img, img-item {
    border-radius: 15px;
}

.img_cnt_txt {
    font-family: Josefin Sans;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.whychoose {
    background-image: url(../img/whybg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 54px 0px;
}

    .whychoose h5 {
        margin-bottom: 25px;
    }

.imgcontent {
    position: relative;
}

.imgconimage {
    position: absolute;
    bottom: -30px;
    left: 49%;
    transform: translate(-50%);
}

.whyusboxes {
    background: #2F3A69;
    border-radius: 17px;
    position: relative;
    z-index: 99;
    margin: 0px 10px 0px 0px;
}

    .whyusboxes .content h6 {
        color: #29BBD3;
        font-family: Josefin Sans;
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .whyusboxes .content p {
        color: white;
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

.content {
    padding: 51px 10px 17px 21px;
    min-height: 235px;
}

.whychoose {
    position: relative;
}

.whyperosn {
    position: absolute;
    top: 23%;
}

.toppers {
    background-image: url('../img/toopersbg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 54px 0px;
}

.toppersbox {
    margin: 20px 10px;
}

.admission {
    background-image: url('../img/admissionbg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 54px 0px;
}

    .admission h1 {
        color: white;
        font-family: Josefin Sans;
        font-size: 64px;
        font-weight: 700;
        line-height: 66.65px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .admission p {
        color: white;
        font-family: Poppins;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

@media only screen and (min-width:991px) {
    .footer {
        padding: 10px 100px 0px;
    }
    .whychoose {
        padding: 54px 0px 200px 0px !important;
    }

    .whychactivities {
        margin-top: -10%;
    }

    .navbar__box > ul > li > ul > li > ul {
        position: absolute;
        z-index: 1;
        background: white;
        left: 240px;
        top: 0px;
        width: 250px;
        opacity: 0;
        text-align: start;
        visibility: hidden;
        transform: translateY(40px);
        opacity: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        padding: 0px 0px 10px 26px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
}

.collab {
    background-image: url('../img/collabg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 54px 0px;
}

    .collab h3 {
        color: white;
        margin-bottom: 31px;
    }

    .collab h5 {
        margin-bottom: 30px;
    }

.collabbox {
    background: white;
    margin: 10px 0px;
}

.OurAchievements h3 {
    font-size: 35px;
}

.OurAchievements {
    background-image: url('../img/ourachievementsbg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
}

.achbox {
    box-shadow: 0px 4px 4px 0px #00000040;
    width: 170px;
    padding: 25px 12px;
    margin: 15px 0px;
    border-radius: 13px;
}

    .achbox h4, .achbox p {
        margin-bottom: 5px;
        text-align: center;
    }

    .achbox h4 {
        font-family: Josefin Sans;
        font-size: 28px;
        font-weight: 700;
        line-height: 51.6px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

.ah1 h4, .ah4 h4 {
    color: #0693AB;
}

.ah1, .ah3 {
    margin: 20px auto;
}

.ah2, .ah3 {
    background: #0693AB;
}

    .ah2 h4, .ah3 h4 {
        color: white;
    }

    .ah2 p, .ah3 p {
        color: white
    }

.footer .d-flex img {
    margin: 10px;
}

.footer {
   
    background: #172149;
}

.testimonialbox {
    position: relative;
}

.Testimonial .testimonialbox {
    border: 2px dashed;
    padding: 20px;
    margin-top: 16%;
    border-radius: 20px;
    margin: 100px 30px 10px 30px;
}

.testiimage {
    position: absolute;
    top: -54px;
    left: 50%;
    transform: translate(-50%);
}

.testicontent {
    margin-top: 10%;
    background: #0693AB;
    padding: 20px 9px 20px 20px;
    border-radius: 20px;
}

    .testicontent span {
        color: white;
    }

    .testicontent h6 {
        color: white;
    }

    .testicontent p {
        color: white;
        font-family: Josefin Sans;
    }

.Testimonial {
    background-image: url('../img/testibg.png');
    padding: 62px 30px;
}

#testimonials {
    overflow: hidden;
}

.Testimonial h3 {
    margin-top: 25px;
}

.testiimage img {
    border-radius: 100%;
}

.footer__box--list .list-unstyled li {
    list-style: disc;
    color: white;
    margin-left: 18px;
}

.fcontct li {
    list-style: none !important;
}

    .fcontct li a svg {
        color: #29BBD3;
    }

.footer__box h5::after {
    border-bottom: 1px solid blue;
    font-family: Josefin Sans;
}

/*    Mentor Css*/

.OurMentor .testimonial-slider {
    /*background-color: #5072a7;*/
    padding: 2em 2em 3em;
}

.OurMentor .testimonial-title {
    color: #fff;
}

    .OurMentor .testimonial-title h2 {
        padding-left: 0.2em;
    }

.OurMentor .card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
    height: 100%;
}

.OurMentor .carousel-control-prev,
.OurMentor .carousel-control-next {
    background-color: #fff;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    top: 60%;
    transform: translateY(-50%);
}

@media (min-width: 576px) {
    .OurMentor .carousel-item {
        margin-right: 0;
        flex: 0 0 50%;
        display: block;
    }

    .OurMentor .carousel-inner {
        display: flex;
    }
}

@media (min-width: 768px) {
    .OurMentor .carousel-inner {
        padding: 1em;
    }

    .OurMentor .carousel-control-prev,
    .OurMentor .carousel-control-next {
        opacity: 1;
        position: absolute;
        left: 1em;
        top: 90%;
        transform: translateY(-50%);
        border: 1px solid var(--primaryColor);
    }

    .OurMentor .carousel-control-next {
        left: 5em;
    }
}

.OurMentor .card-body h6 {
    font-family: Josefin Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 20.83px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.OurMentor .card-body p {
    margin-bottom: 10px;
    color: #0693AB;
    font-family: Josefin Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 16.66px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.OurMentor .card {
    position: relative;
}

.OurMentor .card-body {
    position: absolute;
    bottom: -12px;
    background: white;
    width: 77%;
    left: 14%;
    transform: translate(-2%);
    border: 2px solid #0693AB;
    border-radius: 12px;
    padding: 13px 4px 4px 4px;
}

.OurMentor {
    background-image: url('../img/OurMentorbg.png');
}

.testimonial-title h3 {
    color: black;
}

.testimonial-title p {
    color: black;
    text-align: justify;
}

.testibtns {
    position: absolute;
    bottom: -19px;
}
/*    Mentor Css*/

.activi .d-flex {
    margin: 10px 0px;
}

.welcircle img {
    position: absolute;
    right: -9px;
    top: 0;
    text-align: right;
}

.admissionicon {
    position: fixed;
    top: 67%;
    z-index: 99;
    right: 0;
}

/* Reset */
* {
    margin: 0;
    padding: 0;
}

#slider__box--div h5 {
    margin-bottom: 5%;
    text-align: left;
    font-family: Josefin Sans;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

#slider__box--div {
    position: relative;
}

    #slider__box--div img {
        max-height: 700px;
        object-fit: cover;
    }

.carousel-caption {
    position: absolute;
    left: 37%;
    transform: translate(-50%);
    top: 37%;
    z-index: 9;
}

#slider__box--div p {
    background: #0693AB;
    width: 150px;
    margin-right: auto;
    color: white;
    padding: 12px 10px;
    border-radius: 5px;
    border: 2px solid white;
    border-top-right-radius: 18px;
    border-bottom-left-radius: 18px;
}
#slider__box--div a{
    color:white;
    cursor:pointer;
}

#slider__box--div .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-image: url('../img/slideroverlay.png');*/
    z-index: 1; /* Make sure the overlay is on top of the image */
    opacity: 0.9;
}

/* Preloader Styles */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Content Styles */
#content {
    text-align: center;
    padding: 50px;
}

.dondetails {
    background: #0693AB;
    border-radius: 5px;
}

.conicons {
    margin: 52px 0px 60px 0px;
}
.dondetails p {
    margin-bottom: 0px;
    color: white;
}

.dondetails h6 {
    color: white;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 14px;
}
.context {
    margin-bottom: 35px;
}


.team-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--white-color);
    box-shadow: 0px 5px 30px 0px rgba(76, 88, 104, 0.1);
    margin-top: 24px;
}

.updown {
    animation: updown 2s ease-in-out infinite;
}

@keyframes updown{
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px); /* Adjust the value as needed */
    }

    100% {
        transform: translateY(0);
    }
}
.testimonial{
position:relative;
}

    .testimonial .hexa {
        position: absolute;
        left: 10%;
    }

    .testimonial .dottedimage {
        position: absolute;
        right: 0px;
    }

.leftright{
    animation:leftright 2s ease-in-out infinite;
}

@keyframes leftright{
    0%{
        transform:translateX(0)
    }

    50% {
        transform: translateX(-20px)
    }

    100% {
        transform: translateX(0)
    }
}

.whychoose{
    position:relative;
}

    .whychoose .bookimage {
        position: absolute;
        right: 5%;
    }

.toppers{
    position:relative;
}
    .toppers .dotsleft {
        position: absolute;
        left: 2%;
        top:2%;
    }

    .toppers .dotsright {
        position: absolute;
        right: 2%;
        bottom:2%;
    }

.admission .admisimage {
    position: absolute;
    left: 0%;
    bottom:9%;
}

.admission{
    position:relative;
}

    .admission .hexa{
        position:absolute;
        right:5%;

    }

.OurAchievements{
    position:relative;
}

    .OurAchievements .bookimage {
        position: absolute;
        right: 5%;
        text-align: right;
        bottom: 16px;
    }
.footerbg {
    background-image: url(../img/footerbg.png);
    justify-content: center;
    padding: 51px 0px 0px 0px;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
}

.copyright {
    border-top: 1px solid #29BBD3;
    padding: 10px 0px;
}

.footer1{
    background:white;
}

    .footer1 a {
        color: black;
        text-decoration: none;
    }

.footer1 {
    margin: auto;
    padding: 20px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.footer__box img{
    border-radius:10px;
}

.footer .admisimage {
    position: absolute;
    left: 0px;
    z-index: 9;
    top: 28%;
}
.footer{
    position:relative;
}
    .footer .hexa {
        text-align: right;
        position: absolute;
        top: 61%;
        right: 3%;
    }

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    scroll-behavior: smooth;
}

.gallery-item {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease;
}

    .gallery-item.animate-out {
        opacity: 0;
        transform: translateY(-50px);
    }

    .gallery-item.animate-in {
        opacity: 1;
        transform: translateY(0);
    }

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');

.album .responsive-container-block {
    min-height: 75px;
    height: fit-content;
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    justify-content: flex-start;
}

.album .responsive-container-block.bg {
    max-width: 1320px;
    margin: 0 0 0 0;
    justify-content: space-between;
}

.album .img {
    width: 100%;
    margin: 0 0 20px 0;
}

.album #i9rb {
    color: black;
}

.album #ir6i {
    color: black;
}

.album #ikz3b {
    color: black;
}

.album .responsive-container-block.img-cont {
    flex-direction: column;
    max-width: 33.3%;
    min-height: auto;
    margin: 0 0 0 0;
    height: 100%;
}

.album #ipix {
    color: black;
}

.album #ipzoh {
    color: black;
}

.album #ig5q8 {
    color: black;
}

.album #imtzl {
    color: black;
}

.album #i53es {
    color: black;
}

.album .img.img-big {
    height: 50%;
    margin: 0 0 16px 0;
}

@media (max-width: 1024px) {
    .album .img {
        margin: 0 0 18px 0;
    }
}

@media (max-width: 768px) {
    .album .img {
        max-width: 32.5%;
        margin: 0 0 0 0;
    }

    .album .responsive-container-block.bg {
        flex-direction: column;
    }

    .album .responsive-container-block.img-cont {
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .album .img.img-big {
        max-width: 49%;
        margin: 0 0 0 0;
    }
}

@media (max-width: 500px) {
    .album .img {
        max-width: 94%;
        margin: 0 0 25px 0;
    }

    .album .responsive-container-block.img-cont {
        flex-direction: column;
        align-items: center;
        padding: 10px 10px 10px 10px;
    }

    .album .img.img-big {
        max-width: 94%;
        margin: 0 0 25px 0;
    }

    .album .img.img-last {
        margin: 0 0 5px 0;
    }
}


*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
}

.wk-desk-1 {
    width: 8.333333%;
}

.wk-desk-2 {
    width: 16.666667%;
}

.wk-desk-3 {
    width: 25%;
}

.wk-desk-4 {
    width: 33.333333%;
}

.wk-desk-5 {
    width: 41.666667%;
}

.wk-desk-6 {
    width: 50%;
}

.wk-desk-7 {
    width: 58.333333%;
}

.wk-desk-8 {
    width: 66.666667%;
}

.wk-desk-9 {
    width: 75%;
}

.wk-desk-10 {
    width: 83.333333%;
}

.wk-desk-11 {
    width: 91.666667%;
}

.wk-desk-12 {
    width: 100%;
}

@media (max-width: 1024px) {
    .wk-ipadp-1 {
        width: 8.333333%;
    }

    .wk-ipadp-2 {
        width: 16.666667%;
    }

    .wk-ipadp-3 {
        width: 25%;
    }

    .wk-ipadp-4 {
        width: 33.333333%;
    }

    .wk-ipadp-5 {
        width: 41.666667%;
    }

    .wk-ipadp-6 {
        width: 50%;
    }

    .wk-ipadp-7 {
        width: 58.333333%;
    }

    .wk-ipadp-8 {
        width: 66.666667%;
    }

    .wk-ipadp-9 {
        width: 75%;
    }

    .wk-ipadp-10 {
        width: 83.333333%;
    }

    .wk-ipadp-11 {
        width: 91.666667%;
    }

    .wk-ipadp-12 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .wk-tab-1 {
        width: 8.333333%;
    }

    .wk-tab-2 {
        width: 16.666667%;
    }

    .wk-tab-3 {
        width: 25%;
    }

    .wk-tab-4 {
        width: 33.333333%;
    }

    .wk-tab-5 {
        width: 41.666667%;
    }

    .wk-tab-6 {
        width: 50%;
    }

    .wk-tab-7 {
        width: 58.333333%;
    }

    .wk-tab-8 {
        width: 66.666667%;
    }

    .wk-tab-9 {
        width: 75%;
    }

    .wk-tab-10 {
        width: 83.333333%;
    }

    .wk-tab-11 {
        width: 91.666667%;
    }

    .wk-tab-12 {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .wk-mobile-1 {
        width: 8.333333%;
    }

    .wk-mobile-2 {
        width: 16.666667%;
    }

    .wk-mobile-3 {
        width: 25%;
    }

    .wk-mobile-4 {
        width: 33.333333%;
    }

    .wk-mobile-5 {
        width: 41.666667%;
    }

    .wk-mobile-6 {
        width: 50%;
    }

    .wk-mobile-7 {
        width: 58.333333%;
    }

    .wk-mobile-8 {
        width: 66.666667%;
    }

    .wk-mobile-9 {
        width: 75%;
    }

    .wk-mobile-10 {
        width: 83.333333%;
    }

    .wk-mobile-11 {
        width: 91.666667%;
    }

    .wk-mobile-12 {
        width: 100%;
    }
}


.album .img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

    .album .img:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

.album .img {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 12px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

    /* Smooth zoom and shadow on hover */
    .album .img:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    }

    /* Ripple effect container */
    .album .img::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        pointer-events: none;
    }

    /* Trigger ripple on click */
    .album .img:active::after {
        width: 200%;
        height: 200%;
        opacity: 1;
        transition: width 0.4s ease-out, height 0.4s ease-out, opacity 0.4s ease-out;
    }

.gallery-img {
    cursor: pointer;
    transition: transform 0.3s ease;
}

    .gallery-img:hover {
        transform: scale(1.02);
    }

.albummobile img {
    max-height: 270px !important;
    min-height: 270px !important;
    object-fit: cover;
}