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

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    font-display: auto;
    overflow-y: scroll;
}

p, ul {
    padding: 0;
    margin: 0;
}



:root {
    --primary: #002060;
    --secondary: #c00000;
    --third: #00a651;
    --forth: #ff8c5f;
    --fifth: #000000;

    --sixth: #73167e;
    --text: #6b6b6b;
    --title: #0e0e0e;
    --lh: 28px;
    --ls:  .5px;
    --br:  0px;
    --ts: .4s all ease-in-out;
}

.blue {
    background-color: rgb(61 129 194);
}
.green {
    background-color: rgb(166 207 74);
}
.pink {
    background-color: rgb(255 96 168);
}
.orange {
    background-color: rgb(251 98 56);
}
.skyblue {
    background-color: #14aaf5;
}
.purple {
    background: #9e14f5;
}

.twitter-timeline {
    width:  100%!important;
}


.text-black {
    color: var(--title)!important;
}


.text-green_dark {
    color: var(--fifth);
}

.text-green {
    color: var(--primary);
}

.text-pink {
    color: var(--forth);
}

.text-orange {
    color: var(--sixth);
}

.text-blue {
    color: var(--primary)!important;
}

.text-purple {
    color: var(--secondary);
}

/* start header */
/* end header */
/* start navbar */
section.nav > .container {
}

    section.nav > .container::before {
        }

    section.nav > .container::after {
    }

section.nav #menu-div_cnt > ul {
    display: flex;
    justify-content: end;
}


.nav {
    background-color: #fff;
}

.news-div-ul > ul > li > a::before {
    content: '';
    position: absolute;
    top: -7px;
    right: -12px;
    width: 1px;
    height: 36px;
    background: #ffffff24;
}

.admission-div-cnt-lnk > a {
    padding: 20px 18px;
    background:  #00f7ff36;
    position: relative;
}



.admission-div-cnt-lnk::after {
    content: '';
    position: absolute;
    top: 0;
    right: 29px;
    width: 8px;
    height: 8px;
    z-index: 1;
    background-color: #ffb700;
    border-radius: 100%;
}

@keyframes ping{
    75%,to{opacity:0;transform:scale(2);
    }
}


.admission-div-cnt-lnk::before {
    content: '';
    position: absolute;
    top: -1px;
    right: 28px;
    width: 10px;
    height: 10px;
background-color: #ffb700;
    border-radius: 100%;
    animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
    z-index: 2;
}


.news-div-ul > ul > li:last-child > a::before, .admission-div-cnt-lnk > a::before {
    display: none;
}

    #menu-div_cnt > ul > li > a {
    color: #00091c;
    padding: 16px 12px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .5px;
    white-space: nowrap;
}

#menu-div_cnt > ul > li:hover > a {
    color: var(--secondary);
}


.gallery-div {
    background: #fefefe;
}

#menu-div_cnt > ul > li {
    position: relative;
    z-index: 1;
}

    #menu-div_cnt > ul > li:last-child > ul {
        right: 0;
    }

section.nav #menu-div_cnt > ul > li:last-child > ul > li > ul {
        right: 240px;
}

section.nav #menu-div_cnt > ul {
    display: flex;
    list-style: none;
    margin: 0;
    transition: var(--ts);
}

#menu-div_cnt > ul > li:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    height: 100px;
    z-index: -1;
}
#menu-div_cnt > ul > li:hover > ul::before {
    content: '';
    display: none;
    position: absolute;
    top: -9px;
    left: 8px;
    width: 18px;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: var(--primary);
    height: 10px;
    z-index: -1;
}


#menu-div_cnt > ul > li > ul {
    list-style: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 42px;
    width: 230px;
    backdrop-filter: blur(27px);
    padding: 0px;
    background: #ffffffbd;
    border-radius: 0;
    margin-left: 0px;
    white-space: normal;
    transition: var(--ts);
}

section.nav #menu-div_cnt > ul > li > ul > li > ul {
    list-style: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0px;
    right: -240px;
    width: 230px;
    padding: 0px;
    background: white;
    border-radius: 10px;
    white-space: normal;
    transition: var(--ts);
}

section.nav #menu-div_cnt > ul > li > ul > li:hover ul {
    visibility: visible;
    opacity: 1;
}

#menu-div_cnt > ul > li > ul > li:hover::before {
    content: '';
    position: absolute;
    top: 0;
    right: -35px;
    width: 100%;
    background: transparent;
    height: 100px;
    z-index: -1;
}

#menu-div_cnt_two > li:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: -35px;
    width: 100%;
    background: transparent;
    height: 100px;
    z-index: -1;
}

#menu-div_cnt > ul > li > ul > li, #menu-div_cnt > ul > li > ul > li > ul > li {
    position: relative;
    border-bottom: 1px solid #ffffff24;
    transition: all .3s ease;
}

    #menu-div_cnt > ul > li > ul > li:hover, #menu-div_cnt > ul > li > ul > li > ul > li:hover {
        background: var(--secondary);
        transform: scale(1.06);
        border-radius: 0px;
    }
        #menu-div_cnt > ul > li > ul > li:hover a{
            border: none!important;
        }

        #menu-div_cnt > ul > li > ul > li:hover > a, #menu-div_cnt > ul > li > ul > li > ul > li:hover > a {
            color: #fff !important;
        }

section.nav #menu-div_cnt > ul > li > ul a {
    display: block;
    padding: 8px 15px;
    color: #001648;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: var(--ls);
    border-bottom: 1px solid #0000000d;
    transition: var(--ts);
}

section.nav #menu-div_cnt > ul > li > ul li:last-child a, section.nav #menu-div_cnt > ul > li > ul:last-child li {
    border-bottom: none !important;
}


    section.nav #menu-div_cnt > ul > li > ul > li > ul a {
        display: block;
        padding: 8px 15px;
        color: var(--text);
        font-weight: 500;
        font-size: 14px;
        transition: var(--ts);
    }


section.nav#menu-div_cnt a:hover, section.nav#menu-div_cnt > li:hover > a {
    color: #02bdac;
}


#menu-div_cnt {
    padding: 10px 0;
}

#menu-div_cnt_two {
    display: none;
    position: absolute;
    top: 55px;
    background: #fd2a38;
    width: 220px;
    border-radius: 10px;
    right: 165px;
    z-index: 1;
}

    #menu-div_cnt_two li {
        position: relative;
        z-index: 1;
    }

        #menu-div_cnt_two li a {
            display: block;
            padding: 6px 15px;
            color: #fff;
            font-weight: 300;
            border-bottom: 1px solid #0000000f;
            font-size: 15px;
            transition: var(--ts);
        }

    #menu-div_cnt_two > li > ul {
        list-style: none;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0px;
        right: 240px;
        width: 230px;
        padding: 0px;
        background: white;
        border-radius: 10px;
        white-space: normal;
        transition: var(--ts);
    }

        #menu-div_cnt_two > li > ul > li {
            transition: var(--ts);
        }


    #menu-div_cnt > ul > li:hover ul, #menu-div_cnt_two > li:hover ul {
        visibility: visible;
        opacity: 1;
        transition: .3s all ease-in-out;
    }

    #menu-div_cnt_two > li {
        position: relative;
        transition: var(--ts);
    }

    #menu-div_cnt_two li:hover {
        border-radius: 10px;
        background: var(--primary);
        transform: scale(1.05);
    }

    #menu-div_cnt_two > li:hover > a, #menu-div_cnt_two > li > ul :hover > a {
        color: #fff;
    }


.menu_div_cnt_two_icon {
    background: #fd2a38;
    color: #fff;
    border-radius: 100%;
    padding: 2px 6px 0;
    text-align: center;
    margin-top: 8px;
    height: 28px;
    width: 28px;
}

.parent-login > a.btn_line {
    height: 44px;
    letter-spacing: 1px;
    display: block;
    line-height: 29px;
    background: var(--secondary);
}
/* end navbar */
/* header start */

.logo-div-img {
    width: 270px;
    position: absolute;
    backdrop-filter: blur(30px) hue-rotate(180deg);
    z-index: 2;
    background: #ffffff91;
    border-radius: 0;
    top: 0;
    padding: 10px 18px 12px;
    transform: skew(0deg, 0deg);
    box-shadow: 8px 7px 20px 0px #33333336;
}

.logo_div {
    width: 240px;
    top: -15px;
    z-index: 1;
    left: -68px;
}

    .logo_div > a::before {
        border-right: 1px solid var(--secondary);
        content: '';
        position: absolute;
        width: 330px;
        height: 112px;
        background: white;
        border-radius: 0px 0px 45px 0;
        z-index: -1;
        left: -65px;
        box-shadow: 8px 25px 20px #3333332e;
        top: -15px;
        transform: skew(26deg, 0deg);
    }

    /* news/event start */
.menu-div {
    padding: 5px 0;
}
.news-div {
    background: linear-gradient(45deg, #9027b0, #0b2489, #009688);
}

.news-div-ul {
    padding: 6px 0;
}

    .news-div-ul > ul > li > a {
        color: #fefefe;
        font-size: 14px;
        position: relative;
        letter-spacing: 0.5px;
    }

    .news-div_cnt_lnk > a {
        color: #fff;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: .5px;
    }

.news-div_btn button {
    width: 20px;
    background: #fff;
    opacity: .2;
    border-radius: 30px;
    font-size: 12px;
    height: 20px;
    color: #fd2a38!important;
    font-weight: 900;
}

.news-div:hover .news-div_btn button {
    opacity: 1;
}


/* news/event end */
/* about start */
.about-div::before {
    content: '';
    position: absolute;
    top: 10%;
    right: 4%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #00b8e4bd;
}

.about-div::after {
    content: '';
    position: absolute;
    top: 80%;
    right: 30%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ff60a88a;
}


#about-div_cnt_desc {
    font-weight: 400;
    line-height: var(--lh);
    color: #010c218f;
    font-size: 15px;
    letter-spacing: var(--ls);
}

/* about end */

/* logos start */
.cLogo-div_box-img {
    width: calc(100% /6);
    display: block;
}
/* logos  end */
/* imp links start */
.title > span {
    color: #00030a;
    font-weight: 400;
    letter-spacing: 1.5px;
    background: linear-gradient(45deg, transparent, #00a65145 , transparent);
    padding: 0px 20px;
    transform: skew(-8deg, 0deg);
    display: block;
    width: fit-content;
    margin: 0 auto 4px;
    font-size: 13px;
}

.title h2 strong {
    font-weight: 700;
    color: var(--secondary);
}

.title h2 {
    color:  #011132;
    font-weight: 300;
}


.imp-links_div {
    background-color: #f2fbff;
}

.imp_links_img > img {
    filter: invert(1);
}
.imp-links_div_box_cnt a{
    color: var(--title);
    font-weight: 700;
    font-size:  15px;
    text-decoration: none;
    display: block;
    text-align: center;
    transition: var(--ts);
}
.imp-links_div_box_cnt:hover a {
    color: var(--primary);
}

.imp-links-div_title h2 strong {
    font-weight: 700;
}

.imp-links-div_title h2 {
    font-weight: 300;
}

.imp-links_div_box_cnt {
    width: calc(100% /4);
    padding: 30px 20px;
    margin: 0 20px 0 0;
    background: #fff;
}

.imp_links_img {
    width: 60px;
    padding: 10px;
    border-radius: 10px;
    margin: 0 auto 10px;
}
/* imp links end */
/* facility start */
.facility-div {
    background-image: linear-gradient(0deg, #ccffe5, #e0ffee);
}

.facility-div_cnt:hover .facility-div_cnt_icn {
    transform:  rotate(0deg);
    margin-left:  0;
    filter:  none;
}

.facility-div_cnt:hover .facility-div_cnt_icn::before {
    opacity: 0;
}

.facility-div_cnt_icn {
    width: 80%;
    height: 170px;
    margin: -4px 0 0 12px;
    border-radius: 0;
    background-position: center center;
    background-size: cover;
    font-size: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: hue-rotate(-24deg);
    transition: var(--ts)!important;
}


.facility-div_cnt_desc {
background: #ffffff;
    margin-top: -35px;
    padding-top: 39px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.facility-div_cnt_read  > a {
    background:  transparent;
}

.bg-blue {
    background:  linear-gradient(90deg, #3d76e8, var(--primary))!important;
}

.bg-red {
    background:  linear-gradient(45deg, #ff4b4b, var(--secondary))!important;
}

.bg-green {
    background:  linear-gradient(45deg, #30ff96, var(--third))!important;
}


.bg-lightgreen {
    background:  linear-gradient(45deg, #e4f244, #99a600)!important;
}

.bg-purple {
    background:  linear-gradient(45deg, #b847fe, #6600a6)!important;
}

.bg-pink {
    background:  linear-gradient(45deg, #ff51b1, #a6005c)!important;
}



.facility-div_cnt_desc_title {
    padding-bottom: 4px;
}


.facility-div_cnt_icn > img {
    height:  170px;
    object-fit:  cover;
}

.facility-div_cnt_desc_title > h3 {
    color: #011c52;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    letter-spacing: var(--ls);
}

.facility-div_cnt_read  {
        text-align: center;
    background: #002060;
    letter-spacing: var(--ls);
}



.facility-div_cnt_desc span {
    font-weight: 300;
    color: #000818c7;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    white-space: break-spaces;
    padding: 0 20px;
    line-height: 30px;
}

/* facility end */
/* mentor start */
.mentor-div_cnt_box_img {  
    width: 125px;
    border-radius: 0;
    overflow: hidden;
    margin-top: -20px;
    margin-left: -20px;
    margin-right: 15px;
}

.mentor-div_cnt_icon {
    font-family: math;
    font-size: 272px;
    position: absolute;
    top: -243px;
    z-index: 0;
    color: #ffffff2b;
    left: 116px;
}
.mentor-div_box_cnt_name h5 {
font-weight: 800;
    letter-spacing: 1px;
    font-size: 19px;
}

span.designation {
    font-size: 16px;
    letter-spacing: 1px;
    color: #00180c96;
}



.mentor-div_cnt_desc_div {
    text-align: left;
}

.mentor-div_box_cnt_desc {
    font-weight: 400;
    line-height: var(--lh);
    color: #636c7d;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    margin-top: -56px;
    overflow: hidden;
    line-height: 30px;
    font-size: 15px;
    white-space: break-spaces;
    padding-right: 0;
    letter-spacing: 0.5px;
}

.mentor-div .owl-item:nth-child(odd) .mentor-div_cnt_box {
    background: linear-gradient(180deg, var(--third) 125px, #fefefe 0);
    padding: 20px;
    box-shadow: 1px 1px 15px #3333331c;
}

.mentor-div .owl-item:nth-child(even) .mentor-div_cnt_box {
    background: linear-gradient(180deg, #0057a6 125px, #fefefe 0);
        padding: 20px;
    box-shadow: 1px 1px 15px #3333331c;
}

.mentor-div .item {
    padding: 0 15px;
}
/* mentor end */
/* gallery start */
#gallery-div_cnt .owl-buttons {
    display: none;
}

.img-gallery {
    margin: 10px 0;
}

.img-item > .img {
    width: 100%;
    height: 200px;
    border-radius: var(--br);
}

#inner-div_gallery .img-item > .img, #photo-div_album .img-item > .img {
    height: 200px;
    overflow: hidden;
}

#inner-div_gallery .info > h3 {
    color: #034842;
    font-size: 18px;
    padding: 10px 5px 5px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img-item {
    padding: 6px;
    box-shadow: 0px 1px 20px #3333332e;
    border-radius: var(--br);
    margin: 0 10px;
    background: #fff;
}

/* gallery end */
/* footer start */

.footer-cnt_address a span {
    letter-spacing: var(--ls);
    line-height: var(--lh);
}
/* footer end */
/* title start */
.about-div_cnt_title > span, .vision-div_title > span, .mentor-div_title > span, .gallery_underline, .facility_underline, .footer-div_cnt_title > span, .inner-div_cnt_title > span {
    background: var(--primary);
    width: 40px;
    height: 4px;
    position: absolute;
}

.about-div_cnt_title h1, .facility-div_title h1, .vision-div_title h1, .mentor-div_title h1, .gallery-div_title h1 {
    color: var(--fifth);
}

.footer-div_cnt_title h3, inner-div_cnt_title h2 {
    color: var(--secondary);
}

.gallery_underline, .facility_underline {
    top: 5px;
}

.about-div_cnt_title h1 > span, .facility-div_title h1 > span, .vision-div_title h1 > span, .mentor-div_title h1 > span, .gallery-div_title h1 > span {
    color: var(--secondary);
}

.footer-div_cnt_title h3 > span {
    color: #fff;
}
/* title end */
/* btn start */
.btn, .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
    box-shadow: none !important;
    border: 0 !important;
}

.btn_line {
      color: #ffffff;
    padding: 8px 20px;
    border-radius: var(--br);
    white-space: nowrap;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: var(--ls);
    background: linear-gradient(90deg, #3d76e8, #00329b);
}
.mentor-div_cnt_desc_div .btn_line {
    color: var(--secondary);
    background: transparent;
    border-radius: var(--br);
    white-space: nowrap;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 6px 0 0;
    border-bottom: 1px solid var(--secondary)!important;
}

/* start */
.btn-read_btn {
    white-space: nowrap;
}
 
/* end */

/* btn end */

/* background start */


/* background end */

/* slider start */
.slider-div .owl-pagination {
    width: fit-content;
    background: var(--fifth);
    margin: -20px 0px;
    border-radius: 30px;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: rotate(90deg);
}

.slider-div .owl-theme .owl-controls .owl-page span {
    margin: 0px 7px 0px;
    width: 10px;
    height: 10px;
    background: #fff;
}

/* slider end */

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

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

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

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

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

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

/* start inner */



    #inner-div_submenu > li {
        border: none;
        margin: 0 0 12px;
        line-height: 28px;
        border-radius: 30px;
        padding: 5px 5px 5px 15px;
        background: var(--primary);
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

        #inner-div_submenu > li::before {
            content: '';
            position: absolute;
            left: -38px;
            bottom: -19px;
            height: 100%;
            border-radius: 0;
            z-index: 3;
            width: 70px;
            background: var(--third);
            transition: transform 0.2s, bottom 0.25s, left 0.3s, width 0.35s;
            transform: rotate(45deg);
        }

        #inner-div_submenu > li:hover::before {
            transform: rotate(0deg) !important;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }

        #inner-div_submenu > li:hover > a {
            color: #fff;
            position: relative;
            z-index: 4;
        }

        #inner-div_submenu > li > a {
            letter-spacing: .5px;
            color: #fff;
            z-index: 3;
            position: relative;
            font-size: 16px;
        }


/* end inner */

/* start modal */

#modal-div, #modal-div_download {
    background: #000c;
}

    #modal-div .modal-body, #modal-div_download .modal-body {
        border-radius: 2px;
        overflow: hidden;
        padding: 0;
    }

.modal-div_close > button {
    right: -40px;
    z-index: 5;
    color: #fff;
    background: var(--fifth);
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 100;
    font-size: 15px;
    cursor: pointer;
    transition: var(--ts);
}

    .modal-div_close > button:hover {
        color: #fff!important;
        background: var(--third)!important;
    }

#modal-div .m-title, #modal-div_download #modalheading {
    background: linear-gradient(45deg, #01544d, #0f6247);
    padding: 6px 10px;
    color: #fff;
    letter-spacing: .5px;
}

#modal-div .modal-dialog, #modal-div_download .modal-dialog {
    border-radius: 2px;
}

#modal-div .modal-content, #modal-div_download .modal-content {
    border: 1px solid #fff;
    border-radius: 2px;
}

#modal-div button > i, .Modal_header span.close {
    display: inline-block !important;
    padding: 5px 8px !important;
    border-radius: 30px !important;
    color: #fff;
    background: var(--fifth) !important;
    font-size: 13px !important;
    opacity: 1 !important;
    transition: var(--ts);
}

/* end modal */
/* start transfer */
#transfer-div_cnt th, #download-div_cnt th, #modal-div_download th {
    padding: 5px 10px;
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    background: var(--secondary);
    border: 1px solid #6e580b;
}

#transfer-div_cnt td, #download-div_cnt td, #modal-div_download td {
    letter-spacing: .5px;
    font-weight: 400;
    padding: 5px 10px;
    color: var(--text);
    border: 1px solid var(--title);
}

#transfer-div_cnt a, #download-div_cnt a, #modal-div_download a {
    text-align: center;
    background: var(--fifth);
    border-radius: 20px;
    padding: 3px 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 14px;
    transition: var(--ts);
}

    #transfer-div_cnt a:hover, #download-div_cnt a:hover, #modal-div_download a:hover {
        background: var(--third);
    }



/* end transfer */
/* start contact */
.contact-div_form {
    width: calc(100% - 20%);
}

    .contact-div_form label {
        font-size: 15px;
        font-weight: 500;
        color: var(--text);
        letter-spacing: .5px;
    }

        .contact-div_form label > span {
            color: var(--third);
        }

    .contact-div_form input, .contact-div_form textarea, .contact-div_form select {
        border-radius: 30px;
        border: 1px solid #6666661a !important;
        box-shadow: 0px 0px 7px #44444426;
    }

input:focus-visible, input:focus, textarea:focus-visible, textarea:focus {
    box-shadow: none !important;
    border-color: var(--fifth) !important;
}

input[type="button"] {
    background: linear-gradient(45deg, #044640, var(--fifth));
    color: #fff !important;
    letter-spacing: .5px;
    font-size: 15px;
    padding: 6px 26px;
    background-size: 200% auto;
    transition: var(--ts);
}

    input[type="button"]:hover {
        background-position: right top;
    }

/* end contact */
/* start top */
#back-top {
    display: none;
    bottom: 40px;
    right: 20px;
    z-index: 8;
}

    #back-top > img {
        width: 35px;
        filter: hue-rotate(305deg);
    }

/* end top */

/* start social media */
.life__box--title--div {
    background: linear-gradient(45deg, #436fca, #1e4aa5);
    width: 100%;
    padding: 0 10px;
    border-radius: 0px;
    margin-bottom: 8px!important;
}

.skyblue .life__box--title--div {
    background: linear-gradient(45deg, #41b4fa, #1da1f2);
}

.instagram .life__box--title--div {
    background-image:  linear-gradient(45deg, #6951c0, #ea027d, #f61f2c, #ffa707)!important;
}

.redbg .life__box--title--div {
    background: #FF0000;
}


.life__box--img_div > i {
    background: #ffffff14;
    width: 50px;
    text-align: center;
    font-size: 18px;
    border-radius: 9px;
    color: #ffff;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    padding: 6px 7px;
}

.life__box--nme span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
    letter-spacing: .5px;
}

.life__box--iframe, .social-div iframe {
    border: none;
    height: 400px;
    width: 100% !important;
    overflow-y: scroll;
    border-radius: 0;
}

/* end social media */

/* start counter */
.counter-div {
    background-color: var(--primary);
}

.counter-div_cnt {
    position: relative;
    text-align: left;
    padding: 10px 50px;
    display: grid;
    margin: 10px 10px 10px 0;
}

.counter-div_cnt::before {
    content: '';
    position: absolute;
    top: 18px;
    right: -40px;
    width: 2px;
    height: 60px;
    background: #ffffff36;
}

.counter-div .col-lg-3:last-child .counter-div_cnt::before {
    display: none;
}



.counter-div_cnt h3, .counter-div_cnt h3 > span {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 4px;
}

.counter-div .col-lg-3 {
    display: flex;
    justify-content: space-evenly;
}

.counter-div_cnt span {
    color: #ffffffad;
    font-size: 16px;
    letter-spacing: .5px;
}
/* end counter */
/* start footer */
footer {
    background-image: linear-gradient(45deg, #9027b0, #0b2489, #009688);
}

.footer_cnt_lst > ul a {
    color: #ffffff96;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: var(--ls);
    transition: var(--ts);
}
    .footer_cnt_lst > ul a:hover {
        color: #fff;
    }


    .footer_cnt_lst > ul > li {
        line-height: 38px;
    }

.footer_cnt_lst > ul {
    column-count: 3;
}

.footer_cnt_title h4 strong {
    font-weight: 700;
}

.footer_cnt_title h4 {
    font-weight: 200;
    font-size: 22px;
    color: #fff;
}

    .copyright span {
        font-size: 14px;
        letter-spacing: .5px;
        font-weight: 300;
        opacity: .9;
        color: #00091b;
    }

        .copyright span > span {
            color: var(--secondary)!important;
            font-weight: 800;
        }

    .copyright .text-blue {
        color: #004dc1 !important;
    }


    .copyright a {
        color: #000000;
        opacity: 1;
        font-weight: 700;
    }

.footer-cnt_social li i {
    color: #fff;
    padding: 4px;
    font-size: 18px;
    border-radius: 100%;
    margin-right: 10px;
}

.footer-cnt_social .facebook {
    background-image: linear-gradient(50deg, #0081cd, #005bc1);
    border: 1px solid #ffffff6b;
}

.footer-cnt_social .twitter {
    background-image: linear-gradient(45deg, #1d9bf0, #1d9bf0);
    border: 1px solid #ffffff6b;
}
.footer-cnt_social .instagram {
    background-image: linear-gradient(45deg, #ff5043, #a71cd3);
    border: 1px solid #ffffff6b;
}
.footer-cnt_social .youtube {
    background-image: linear-gradient(45deg, red, red);
    border: 1px solid #ffffff6b;
}
.footer-cnt_social .footer_cnt_lst > ul a {
    opacity: 1;
}

.footer-cnt_address .ri-map-pin-line {
    color: #fff;
}

.footer-cnt_address .ri-map-pin-line + span {
    color: #fff;    
    line-height: var(--lh);
    font-size: 14px;
    letter-spacing: .5px;
    position: relative;
    z-index: 2;
}

.footer-cnt_address a {
    color: #ffffffab;
    font-size: 14px;
    letter-spacing: .5px;
    transition: var(--ts);
}
    .footer-cnt_address a:hover {
        color: #fff;
    }

    .footer-div {
        overflow: hidden;
    }



/* end footer */

/* start testimonial */


.testimonial-div {
    background-color: #f2fbff;
}
.testimonial-div_cnt_box_cnt_img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 100px;
    overflow: hidden;
}
.testimonial-div_cnt_box_cnt_p {
    text-align: center;
}

    .testimonial-div_cnt_box_cnt_p strong {
        font-size: 15px;
        letter-spacing: .5px;
        color: var(--secondary);
    }


    .testimonial-div_cnt_box_cnt_p > span {
        font-size: 17px;
    }


.testinomial-div_cnt_box_cnt {
    text-align: center;
    font-weight: 400;
    padding: 40px 60px;
    line-height: var(--lh);
    color: #333333;
    background: #ffffff8c;
    font-size: 16px;
    backdrop-filter: blur(20px);
    }

.testimonial-div_cnt_box_cnt_box_1 > span.mentor-div_cnt_icon {
    font-size: 198px;
    position: absolute;
    top: -77px;
    z-index: 5;
    color: #0d6a9321;
    font-weight: 800;
    left: 31px;
}

.testimonial-div_cnt_box_cnt_box_1 > span.mentor-div_cnt_icon1 {
    font-size: 174px;
    right: 0;
    position: absolute;
    bottom: -56px;
    z-index: 0;
    color: #dbeaf1;
    font-weight: 800;
    transform: rotate(180deg);
    font-family: math;
}

.testimonial-div .owl-pagination {
    margin-top: 30px;
}
/* end testimonial */
/* star inner */
.inner-div_heading {
    font-weight: 800;
    letter-spacing: var(--ls);
}
#inner-div_cnt_desc {
    display: block;
    font-size: 16px;
    letter-spacing: var(--ls);
    line-height: var(--lh);
    color: var(--text);
}
/* end inner */


/* start form */
#admissionEnquiry_close i {
    color: var(--primaryColor);
    font-weight: 100;
    font-size: 24px;
    position: absolute;
    top: 0;
    border: none;
    right: 15px;
    opacity: .3;
    cursor: pointer;
    transition: var(--ts);
}

    #admissionEnquiry_close i:hover {
        opacity: 1;
    }

.admissionEnquiry_div {
    width: 320px;
    position: fixed;
    top: 20%;
    z-index: 997;
    right: 0;
    background: var(--secondary);
    padding: 20px 20px;
    border-radius: var(--bs);
}

    .admissionEnquiry_div > span {
        display: block;
        font-size: 22px;
        font-weight: 200;
        letter-spacing: .5px;
        margin-bottom: 0px;
        color: #fff;
    }

.admissionEnquiry_name, .admissionEnquiry_parent, .admissionEnquiry_email, .admissionEnquiry_phone, .admissionEnquiry_campus, .admissionEnquiry_Grade, .admissionEnquiry_enquiry {
    width: 100%;
    margin: 10px 3px;
    border: 1px solid #ffffff;
    box-shadow: none;
    border-radius: var(--bs);
}


.ri-send-plane-2-line {
    margin-left: 3px;
    transform: rotate(118deg);
    display: -webkit-inline-box;
    font-size: 14px;
}


button#admissionEnquiryBtn {
    padding: 6px 20px;
    background: #ebaf17;
    color: var(--title);
    font-size: 15px;
    font-weight: 400;
    box-shadow: none;
    border: none;
    border-radius: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admissionEnquiry_div_box input, .admissionEnquiry_div_box select, .admissionEnquiry_enquiry > textarea {
    box-shadow: none !important;
    border: none !important;
    border-radius: 1px;
}

.admissionEnquiry_enquiry > textarea {
    width: 100%;
}

    .admissionEnquiry_enquiry > textarea:focus, .admissionEnquiry_enquiry > textarea:focus-visible {
        box-shadow: none !important;
        outline: none !important;
    }

select.form-control {
    appearance: auto !important;
}
#enquiry_title {
    position: absolute;
    left: -98px;
    transform: rotate(-90deg);
    letter-spacing: 2px;
    color: #fff;
    top: 46%;
    border-radius: var(--br);
    background: #760000;
    font-weight: 300;
    padding: 4px 17px;
    font-size: 17px;
}

.admissionEnquiry_div span > strong {
        font-weight: 700;
    color: #ebaf17;
}

.admissionEnquiry_div_box input::placeholder {
    font-size:  15px;
    color:  #2125298c;
    letter-spacing: var(--ls);
}

/* form end */