/* @import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap'); */


:root {
    --main-color: #003399;
    --yellow-color: #C4A106;
    --text-color: #464646;
    --light-color: #d0f0fb;
    --font-primary: "Lexend Deca", sans-serif;

}

/* genral style */
html {
    overflow-x: hidden;
}

body,
html {
    background-color: #fff;
    font-size: 16px;
    font-family: var(--font-primary) !important;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: #000;
    font-family: var(--font-primary) !important;
    transition: all 0.3s;
    text-decoration: none;
}

a:hover {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
}

.bg-light-maincolor {
    background-color: #fef5f4;
}

.bg-main-color {
    background-color: var(--main-color);
}

.bg-yellow-color {
    background-color: var(--yellow-color);
}

.text-main-color {
    color: var(--main-color);
}

.text-yellow-color {
    color: var(--yellow-color);
}

.py-8 {
    padding: 80px 0;
}

.z-25 {
    z-index: 25;
}

.size-6 {
    width: 24px;
    height: 24px;
}

.btn-main-color {
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 5px
}

.btn-main-color:hover {
    background-color: #fff;
    border-color: var(--yellow-color);
    color: #000;
}

.btn-black-color {
    background-color: var(--text-color);
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 5px
}

.btn-black-color:hover {
    background-color: #fff;
    border-color: var(--yellow-color);
    color: #000;
}

.btn-yellow-color {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--yellow-color);
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 8px 15px;
}

.btn-yellow-color:hover {
    background-color: #fff;
    border-color: var(--main-color);
    color: #000;
}

.btn svg {
    width: 18px;
    height: 18px;
}

/* header style */
/* header {
    background-color: var(--light-color);
} */
 .header_position {
    position: absolute;
    width: 100%;
 }
.top__header {
    background-color: var(--main-color);
    padding: 5px 0;
}

.school-name>p {
    font-size: 13px;
    margin-bottom: 0;
}

.school-name h1 {
    display: flex;
    color: var(--main-color);
    text-transform: uppercase;
    margin-top: 8px;
    align-items: center;
}

.school-name .big-text {
    font-size: 50px;
    line-height: 0;
}

.school-name .small-text {
    font-size: 20px;
}

.school-name small {
    font-size: 12px;
    color: #000;
}

/* navigation style */
.menu_left,
.menu_right {
    height: 35px;
    width: 50px;
    position: relative;
}

.menu_left::after {
    background: #29469D;
    height: 100%;
    right: 0;
    top: 0;
    transform: skew(-140deg);
    transform-origin: 100% 0 0;
    width: 100%;
    content: '';
    position: absolute;
    z-index: 1;
}

.menu_right::after {
    background: #29469D;
    content: '';
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    transform: skew(-45deg);
    transform-origin: 100% 0 0;
    width: 100%;
    z-index: 1;
}

/* nav {
    position: absolute;
    bottom: -35px;
    width: 100%;
} */
nav {
    position: relative;
    z-index: 9;
}

nav ul {
    background-color: #29469D;
    border-radius: 50px;
    display: flex;
    height: 35px;
    padding: 0 20px;
    gap: 18px;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 5;
    width: 100%;
}

nav ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px !important;
    /* letter-spacing: 1px; */
    font-weight: normal !important;
    display: flex;
    gap: 5px;
    align-items: center;
}

nav ul li a svg {
    width: 18px;
    height: 18px;
}

nav ul li {
    color: #000;
}

nav ul li a:hover {
    color: var(--yellow-color);
}

nav .dropdown-menu.show {
    width: fit-content;
    height: fit-content;
}

nav ul li ul.dropdown-menu>li>a {
    text-transform: capitalize;
    font-size: 13px;
}

nav .dropdown-toggle::after {
    display: none;
}

.logo {
    width: 120px;
}

.social_media {
    display: flex;
    gap: 12px;
    justify-content: end;
    margin-top: 8px;
    align-items: center;
}

.social_media a {
    color: var(--main-color);
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_media a svg {
    color: var(--main-color);
    width: 22px;
    height: 22px;
}

/* Hero section */
.hero-section {
    background-image: url(../image/slider_bg.avif);
    height: 650px;
    background-size: cover;
    background-color: #d0f0fb;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    /* position: absolute; */
    top: 0;
    width: 100%;
    left: 0;
}

.hero-section .hero_heading {
    font-size: 42px;
    font-weight: 500;
    color: #464646;
}

.hero-section .hero_heading span {
    color: var(--main-color);
}

.hero-section p {
    color: dimgrey;
    font-size: 18px;
}

/* highlight features style */
.highlight-feature {
    margin-top: 430px;
}

.feature-item {
    position: relative;
    padding: 20px 25px;
    background: #fff;
    min-height: 150px;
    border-radius: 50px 50px 50px 0px;
    z-index: 1;
}

.feature-item .count {
    position: absolute;
    right: 30px;
    top: 0px;
    font-size: 50px;
    font-weight: 800;
    -webkit-text-stroke: 2px var(--main-color);
    -webkit-text-fill-color: transparent;
}

.feature-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 65px;
    border-radius: 50%;
    text-align: center;
    color: var(--color-white);
    font-size: 60px;
    background: var(--main-color);
    margin-bottom: 25px;
    box-shadow: 5px 5px 0 var(--yellow-color);
    position: relative;
    transition: var(--transition);
}

.feature-icon img {
    width: 60px;
}

.feature-content h4 {
    color: var(--color-dark);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}


/* heading primary */
.dotted-border {
    border-bottom: 1px dotted #bfbfbf;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.dotted-border>h2 {
    font-size: 20px;
    text-align: left;
    color: #000;
    padding-bottom: 8px;
}

.dotted-border::after {
    border-bottom: 1px dotted #bfbfbf;
    bottom: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.heading_primary {
    position: relative;
    display: flex;
    gap: 20px;
}

.heading_primary h2 {
    font-size: 30px;
    font-weight: 600;
}

.heading_primary span {
    display: inline-block;
    padding: 4px 12px;
    font-size: 16px;
    border-radius: 30px;
}

.heading_line {
    position: relative;
}

.heading_line svg {
    width: 24px;
    height: 24px;
    color: var(--main-color);
    /* background-color: #fff; */
    position: relative;
    z-index: 5;
}
.yellow-colors .heading_line  svg {
    color: var(--yellow-color);
}

.heading_line::after {
    width: 2px;
    height: 80%;
    content: '';
    position: absolute;
    top: 22px;
    left: 11px;
    background-color: var(--main-color);
}

.yellow-colors .heading_line::after {
    background-color: var(--yellow-color);
}


/* about us section style  */

.about-img .img-1 {
    border-radius: 50px 50px 0 50px;
    height: 400px;
    overflow: hidden;

}

.about-img .img-1 img,
.about-img .img-2 img,
.about-img .img-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about-img .mission-img img {
    object-position: 80%;
}

.about-img .img-2 {
    border-radius: 50%;
    border: 2px dashed var(--main-color);
    padding: 8px;
    width: 266px;
    height: 266px;
    overflow: hidden;

}

.about-img .img-2 img {
    border-radius: 50%;
}

.about-img .img-3 {
    border-radius: 0 50px 50px 50px;
    height: 360px;
    overflow: hidden;
}
.about-img-2 .call-us {
    background-color: var(--main-color);
    display: flex;
    gap: 15px;
    padding: 20px;
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.about-img-2 .call-us h4 {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: var(--yellow-color);
}
.about-img-2 .call-us p {
    color: var(--light-color);
    letter-spacing: -0.03em;
    font-weight: 500;
    font-family: var(--heading-font-family);
}
.about-experience {
    display: flex;
    align-items: center;
    text-align: center;
    background: var(--yellow-color);
    padding: 15px 10px;
    color:#fff;
    border-radius: 30px 30px 30px 0;
    font-size: 15px;
    gap: 10px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);
}
.right-border-box {
    border-radius:30px 0 30px 30px
}

.about-experience-icon {
    color: var(--theme-color);
    font-size: 65px;
    width: 90px;
    /* height: 90px; */
    line-height: 70px;
    text-align: center;
    margin: auto;
    /* background: var(--color-white); */
    /* border-radius: 50px; */
    margin-bottom: 5px;
}

.about-experience-icon img {
    width: 65px;
}
.about-sec h4 {
    color: var(--yellow-color);
}

/* statisc section style */
.statics-section {
    background-image: url(../image/statics-bg.avif);
    background-size: cover;
    background-position: center;
    /* min-height: 300px; */
    background-attachment: fixed;
    position: relative;
}

.statics-section:after {
    background-color: var(--main-color);
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    z-index: 1;
}

.statics-section .container {
    position: relative;
    z-index: 5;
}

#counter ul li {
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 32px;
}

#counter ul li .icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: var(--yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

#counter ul li .icon img {
    width: 50px;
}

#counter .counter-value {
    font-size: 32px;
}

#counter li h4 {
    font-size: 16px;
}


/* why choose us  */
.why-us-box {
    position: relative;
    background: var(--light-color);
    border-radius: 50px 50px 50px 0;
    padding: 20px 20px 20px 20px;
    font-size: 14px;
    height: 100%;
    color: #464646;
}

.why-us-box .why-img {
    width: 100%;
    height: 220px;
    overflow: hidden;
    margin-bottom: 12px;
    border-radius: 20px 20px 20px 0;
}

.why-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.why-us-box h3 {
    font-size: 20px;
    color: var(--main-color);
    margin-bottom: 8px;
}

/* News box style */
.news_box {
    margin-bottom: 15px;
    padding: 0;
    /* height: 340px; */
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #f5f5f5;
}

.news_box>.news_img {
    width: 100%;
    height: 150px;
    overflow: hidden
}

.news_box>.news_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.news_box>.news_desc>h2 {
    color: var(--main-color);
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px
}

.news_box>.news_desc>p {
    font-size: 13px;
    color: #464646;
    min-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    padding: 0 13px
}

.news_box>.news_desc>.read_more {
    background-color: var(--yellow-color);
    width: 100%;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 6px;
    text-align: right;
    text-transform: uppercase;
    transition: all .4s ease-in-out 0s;
    white-space: normal;
    position: relative;
    bottom: 0;
    display: block
}

.news_box>.news_desc>.read_more>a {
    color: #00462A
}

.news_box>.news_desc>.read_more>a svg {
    width: 16px;
    height: 16px;
}

.news_box>.news_desc>.read_more>a:hover {
    color: #fff
}

.news_time {
    padding: 5px 8px;
    border: 2px solid #3B3970
}

.news_time>span {
    display: inline-block;
    padding: 0 8px
}

.news_time>span>i {
    color: #F6AA34;
    margin-right: 5px
}

#card-slider .owl-nav,
#activities-slider .owl-nav {
    display: flex;
    gap: 8px;
    position: absolute;
    top: -11%;
    right: 10px;
}

.owl-nav button,
.owl-nav button,
.custom-slide .owl-nav button {
    background-color: #fff;
    border: 1px solid #a3a3a3 !important;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    line-height: normal;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 !important;
    justify-content: center;
}

/* announcement style */
.holder .mask,
.holder ul {
    position: relative
}

.holder {
    height: 350px;
    overflow: hidden;
    padding: 10px
}

.holder .mask {
    left: 0;
    top: 10px;
    height: 340px;
    overflow: hidden
}

.holder ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.holder ul li {
    padding: 10px 0
}

.holder ul li a {
    color: #8b0000;
    text-decoration: none
}

.notice {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 18px;
}

.notice .title-event {
    background-color: #7D9ACA;
    padding: 6px 10px;
    border-radius: 0 0 8px 8px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notice .annoucement-title {
    background-color: #F2BE6D;
    padding: 6px 10px;
    border-radius: 0 0 8px 8px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notice p {
    color: #464646;
    font-size: 13px;
}

.notice .notice-date {
    color: #000;
    font-size: 12px;
}

.notice .notice-date svg {
    width: 16px;
    color: var(--main-color);
    height: 16px;
}


/* CTA section  */
.CTA-section {
    position: relative;
}

.CTA-section::after {
    background-image: url(../image/CTA-image.avif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #17322f;
    height: 450px;
    content: '';
    left: 0;
    top: 20%;
    z-index: 1;
    position: absolute;
    width: 100%;
}

.CTA-section .container {
    position: relative;
    z-index: 9;
}

.CTA-form {
    background-color: #fff;
    padding: 25px;
    border-radius: 15px;
}

/* Social Activities style */
.social-activities-box {
    border: 1px solid var(--yellow-color);
    padding: 12px;
    border-radius: 12px;
    margin-bottom: 15px;
}

.social-activities-box .image-slider {
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.social-activities-box .image-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.social-activities-box h4 {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-color);
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.social-activities-box label {
    position: absolute;
    right: 4px;
    padding: 3px 6px;
    font-size: 12px;
    top: 5px;
}

.social-activities-box p {
    color: #464646;
    font-size: 13px;
    min-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.social-activities-box .carousel-item {
    height: 220px;
    overflow: hidden;
}

.social-activities-box .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.social-activities-box .small {
    font-size: 12px;
    color: #a3a3a3;
}

.social-slide {
    height: 400px;
    width: 100%;
}


/*==================
    Gallery Style ========*/
.gallery_product {
    margin-bottom: 10px;
    border: thin solid #808080;
    height: 250px;
    overflow: hidden;
    position: relative
}

.gallery_product>.thumbnail {
    border: none;
    padding: 0
}

.gallery_product img {
    width: 100%;
    height: 255px
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .3s ease;
}

.gallery_product:hover .overlay {
    width: 100%;
}

.filter {
    height: 300px;
    overflow: hidden;
}

.filter img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* Contact us style */
.contact_sec {
    /* background: #f7f7f7; */
    padding: 50px;
}

.contact_info .imgdiv {
    width: 100%;
    width: 60px;
    background: #f373351c;
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 50%;
}

.contact_info img {
    width: 30px;
    /* margin-bottom: 14px; */
}

.contact_info h3 {
    font-size: 18px;
}

.contact_info h3,
.contact_form label {
    color: var(--main-color);
    font-weight: 500;
}

.contact_form input,
.contact_form textarea {
    border: none;
    border-bottom: 1px solid #80808052;
    background: #fff;
    padding: 11px;
    margin-top: 5px;
}

.contact_form button,
.FooterSubscribe button {
    background-color: var(--main-color);
    border: none;
    color: var(--white-color);
    border-radius: 10px;
    padding: 10px 35px;
    width: 200px;
}

.GetInTouch_Content h1 {
    color: var(--main-color);
    font-size: 30px;
}

.GetInTouch_Content p {
    font-size: 15px;
    letter-spacing: 0.8px;
}

.social_icn i {
    font-size: 20px;
    color: var(--white-color);
    margin-right: 15px;
    background: var(--main-color);
    padding: 10px;
    border-radius: 10px;
}

/* Facilities style page */
.facilities_box_1 .facilities_img img,
.facilities_box_2 .facilities_img img {
    border-bottom-right-radius: 35px;
    border-top-left-radius: 35px;
    filter: drop-shadow(4px 4px 1px lightgray);
    height: 230px;
    object-fit: cover;
}

.facilities_box_1,
.facilities_box_2 {
    transition: transform 3s;
}

.facilities_box_1:hover,
.facilities_box_2:hover {
    transform: scale(1.03);
    background: #faad320d;
}

.facilities_box_2 .facilities_img img {
    width: 300px;
}

.facility_content h2 {
    font-size: 20px;
    margin-bottom: 10px;
    color: var(--main-color);
    font-weight: 500;
}

.facilities_box_2 {
    display: flex;
    gap: 30px;
    align-items: center;
}

/* footer style */
.AISfooter {
    background-color: var(--light-color);
}
.AISfooter .imgdiv img {
    width: 40px;
}

.AISfooter .footer_logo {
    width: 130px;
}

.AISfooter {
    padding: 50px 0 0;
}

.foot-heading {
    font-size: 22px;
    color: var(--main-color);
}

.FooterSubscribe input {
    width: 100%;
    background: #fff;
    border: none;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.MT-50 {
    margin-top: 50px;
}

.text-dark {
    color: #4f4f4f !important;
}

.AISfooter ul li {
    margin-bottom: 11px;
    color: #666666;
}

.info-foot {
    font-size: 20px;
    color: var(--main-color);
}

.abt-col {
    padding: 12px;
    font-size: 13px;
}

.abt-col img {
    width: 80px;
}

.abt-col h3 {
    font-size: 18px;
}

.abt-col p {
    color: #464646;
}

.breadcum_heading {
    background-image: url(../image/slider_bg.avif);
    background-size: cover;
    width: 100%;
    background-position: center right;
}

/* mobile menu */
.offcanvas {
    width: 300px !important;
}

.mobile-menu li {
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0;
}
.mobile-menu li a {
    color: var(--main-color);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    gap:3px;
    align-items: center;
}
.mobile-menu li a svg {
    width: 18px;
    height: 18px;
}
.mobile-menu ul li a.active {
    color: var(--yellow-color);
    font-weight: 700;
}
.menu-btn {
    display: none;
}

/* news detail */
.blog-detail svg {
    width: 18px;
    height: 18px;
}

.blog-detail h1 {
    font-size: 26px;
}

/* tabs menu style */
.nav-pills .nav-link.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.nav-pills .nav-link {
    border: 1px solid #808080;
    color: #464646;
}

/* sport infrastructure style */
.sport_outer_box {
    background-image: url('../image/circle_shape.avif');
    height: 236px;
    overflow: hidden;
    position: relative;
    background-position: 306px 34px;
    background-repeat: no-repeat;
    background-size: 55% auto;
}

.sport_outer_box h4 {
    color: var(--main-color);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.sport_outer_box .sport-content {
    width: 50%;
}

.sport_img {
    position: absolute;
    right: -27px;
    top: 54px;
}

.sport_img img {
    object-fit: cover;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

/* discloser style */
.disclosure_section table thead tr {
    background: #f37335;
    color: #fff;
}

.disclosuer_tbody .btn-default {
    font-size: 15px;
    padding: 0px 20px 5px 50px;
}

.disclosuer_tbody tr td {
    text-transform: uppercase;
}

.disclosuer_tbody .btn-default i {
    margin: 0 10px;
}

/* job list */
.job_list {
    border: 1px solid #a3a3a3;
    padding: 6px;
    border-radius: 8px;
    height: 100%;
}

.job-detail-canvas {
    width: 500px !important;
}

.job-body {
    background-color: var(--light-color);
    padding: 8px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #464646;
    border-radius: 8px;
    align-items: start;
}

.job-body label {
    background-color: var(--main-color);
    color: #fff;
    font-size: 13px;
    padding: 4px 6px;
    border-radius: 4px;
}

.job-body h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}

.job-body p {
    min-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.job-footer {
    font-size: 13px;
    color: #464646;
}

.job-footer p {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
}

/* activities */
.EN_content {
    border-bottom: 4px solid #F37332;
    padding: 13px;
    text-align: center;
    width: 90%;
    margin: auto;
    background: #ffff;
    position: relative;
    border-radius: 10px;
    min-height: 225px;
    font-size: 14px;
    color: #464646;
}

.EN_content h4 {
    font-size: 19px;
    color: var(--main-color);
    margin-bottom: 8px;
}

.EN_content_img_odd {
    margin-top: -37px;
}

.EN_img img {
    height: 240px;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
    border-radius: 10px;
}

.academic_content h4 {
    color: var(--yellow-color);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.academic_img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 20px;
}

.Academic_content_height {
    height: 250px;
}

/* mid footer */

.mid-footer {
    background-color: #0B8D7F;
    padding: 0;
    border-radius: 25px 25px 0 0;
}

.mid-footer a {
    display: flex;
    align-items: center;
    gap:5px
}

.mid-footer .gati-logo {
    width: 45px;
}

.mid-footer .brill-logo {
    width: 50px;
    /* background-color: #fff; */
    padding: 2px 0;
}

.text-gati-color {
    color: #fff;
}

.text-brill-color {
    color: #fff;

}

/* responsive css */
@media only screen and (max-width: 980px) {
    .menu-btn {
        display: inline-block;
    }

    nav ul {
        background-color: #fff;
    }

    nav ul li {
        border-bottom: 1px solid #f5f5f5;
        width: 100%;
        padding-bottom: 8px;
    }

    nav ul li a {
        color: #464646;
    }

    nav ul li a svg {
        color: var(--main-color);
    }

    .hero-section {
        height: 550px;
    }

    header .container,
    .hero-section .container,
    .highlight-feature .container,
    .about-sec .container,
    .why-choose .container,
    .news-sec .container,
    footer .container {
        max-width: 95%;
    }

    .school-name .small-text {
        font-size: 14px;
    }

    .school-name .big-text,
    .hero-section .hero_heading {
        font-size: 35px;
    }

    .highlight-feature {
        margin-top: 400px;
    }

    .feature-content h4 {
        font-size: 18px;
    }

    .feature-content p {
        font-size: 14px;
    }

    .about-img .img-2 {
        width: 200px;
        height: 200px;
    }
}

@media only screen and (max-width: 450px) {
    .header_position {
        position: relative;
    }
    .breadcum_heading .page-title {
        font-size: 22px;
    }

    .breadcum_heading {
        height: 200px !important;
    }

    .breadcrumb-item,
    .breadcrumb-item a {
        font-size: 14px;
    }

    .hero-section {
        height: 500px;
        padding-bottom: 40px;
    }

    .hero-section .hero_heading {
        font-size: 22px;
    }

    .hero-section p {
        font-size: 16px;
    }

    .feature-item {
        margin-bottom: 15px;
    }

    .highlight-feature {
        margin-top: 380px;
        padding: 40px 30px;
        background-color: var(--light-color);
    }
    .heading_primary span {
        font-size: 14px;
    }

    .about-img {
        margin-top: 20px;
    }

    .about-img .img-1 {
        height: 450px;
    }

    .about-experience {
        position: absolute;
        bottom: 0;
        font-size: 18px;
        width: 94.56%;
        border-radius: 50px 50px 0 0;
        padding: 10px;
    }

    .heading_primary h2 {
        font-size: 26px;
    }

    .AISfooter .imgdiv img {
        width: 35px;
    }

    #counter ul li {
        margin-bottom: 12px;
    }

    .info-foot {
        font-size: 18px;
    }

    .bottom-footer p,
    .bottom-footer a {
        font-size: 14px;
        text-align: center !important;
    }

    .bottom-footer .text-end {
        text-align: center !important;
    }

    .foot-heading {
        margin-top: 15px;
        font-size: 20px;
        margin-bottom: 12px;
    }

    .btn-main-color,
    .btn-yellow-color,
    .btn-black-color {
        font-size: 14px;
    }

    .menu-btn svg {
        stroke-width: 2px;
    }

    .image-gallery-fillter {
        flex-direction: row !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-bottom: 20px;
    }

    .bredcrum-margin {
        margin-top: 100px;
    }

    .filter-button {
        font-size: 13px;
    }

    .sport_outer_box {
        height: auto;
        background-image: none;
    }

    .sport_outer_box .sport-content {
        width: 100%;
    }

    .sport_img {
        position: relative;
        width: 100%;
        right: initial;
        height: 220px;
        top: inherit;
    }

    .sport_img img {
        width: 100%;
        height: 100%;
        border-radius: 10px 10px 0 0;
    }

    .Academic_content_height {
        height: auto;
    }

    .facilities_box_2 {
        flex-direction: column;
    }
}

@media only screen and (max-width: 320px) {
    body {
        font-size: 12px;
    }
}