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

:root {
    --primaryColor: #011B54;
    --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 13px;
            white-space: nowrap;
            position: relative;
            z-index: 1;
            transition: var(--ts-5);
        }

            .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: #fff;
            font-size: 15px;
            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);
        }

        .navbar__box > ul > li > ul > li, .navbar__box > ul > li > ul > li > ul > li {
            padding: 5px 10px 5px 18px;
            border-bottom: 1px solid #01081842;
        }

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

        .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: 1;
            background: #02143c;
            left: -4px;
            top: 32px;
            width: 240px;
            opacity: 0;
            text-align: start;
            visibility: hidden;
            transform: translateY(40px);
            opacity: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        }

            .navbar__box > ul > li > ul > li > ul {
                position: absolute;
                z-index: 1;
                background: #071940;
                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;
            }

                .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__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: #d7d7d794;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 30px;
    transition: var(--ts-5);
}

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

.footer__box h5 {
}

.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: -15px;
    }


.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: 320px;
}

.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: 4px;
    background: #fff;
}

.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: calc(100% - 40%);
}

.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) {

    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: 260px;
        margin: 0 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: 0px;
            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 {
                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: 100%;
        height: auto;
        display: inline-block;
        padding: 6px 14px;
        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 > ul > li > ul {
        left: 0;
        width: 100%;
        background: #f7f8f9;
    }

    .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: 110px;
        height: 45px;
        padding-left: 15px;
        margin: 8px 3px;
    }
}

.img_cnt_txt {
    COLOR: #fff4f4;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #00000075;
    width: 100%;
    text-align: center;
}

.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: 0px 10px 2px !important;
    border-radius: 0px 0px 30px 30px !important;
    background: #1e428c;
    font-size: 16px !important;
    opacity: 1 !important;
    transition: var(--ts);
    margin-left: 10px;
    color: white;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    display: inline-block !important;
    padding: 1px 10px 2px !important;
    border-radius: 0 0 30px 30px !important;
    background: #1e428c;
    font-size: 16px !important;
    opacity: 1 !important;
    transition: var(--ts);
    color: white;
}

    .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;
}
@keyframes zoom-animation {
    0%, 100% {
        transform: scale(1); /* Normal size */
    }

    50% {
        transform: scale(1.2); /* Scaled up size */
    }
}
#buttonCC {
    background-image: linear-gradient(50deg, #494cb0, #3c6fc5);
    position: absolute;
    right: -17px;
    z-index: 9999;
    top: -16px;
    color: white;
    border-radius: 73%;
    padding: 5px 12px 5px 12px;
}
#prospectusLi {
    cursor: pointer;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    filter: invert(1) !important;
}