:root {
        /* --primary-color: #f6a705; */
        --primary-color: #1e2c67;
        --primary-text-color: #fff;
        /*--primary-light-color: #343434;*/
        --primary-light-color: #fff1d6;
        --primary-light-text-color: #696478;
        /*--secondary-color: #242424;*/
        --secondary-color: #f6a705;
        --secondary-light-color: #fff;
        --dark-red: #8b0000;
        --theme-radius: 0px;

        --pink-color: #ff4986;
        --tertiary-color: #25bdd8;
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    ::-webkit-scrollbar-track {
        background: #f9f9f9;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--primary-color);
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html,
    body {
        scroll-behavior: smooth;
    }

    body {
        font-family: "Nunito", sans-serif;
        font-size: 1rem;
        line-height: 30px;
        font-weight: 400;
        overflow-x: hidden;
        color: #000;
        width: 100vw;
        color: var(--primary-light-text-color);
        /* width: 100vw; */
        /* overflow-x: hidden; */
        /* line-height: normal; */
        /* background-color: var(--primary-color); */
    }


    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        /* font-family: 'Philosopher', serif; */
        font-family: "Averia Sans Libre", sans-serif;
        font-weight: 700;
        color: var(--primary-color);
    }

    p {
        /* font-size: 95%; */
        /* line-height: 1.9; */
        /* word-spacing: 0.2rem; */
    }

    p:not(:last-child) {
        margin-bottom: 14px;
    }

    p:last-child {
        margin: 0;
    }

    a,
    a:hover {
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }

    picture {
        width: 100%;
        display: block;
    }

    video,
    source,
    img {
        max-width: 100%;
        display: block;
    }

    source {
        width: 100%;
    }

    input,
    select,
    button,
    textarea {
        border: none;
        outline: none;
    }

    input:focus,
    select:focus,
    button:focus {
        outline: none;
    }

    input,
    textarea,
    select {
        width: 100%;
        padding: 6px 10px;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 6px;
        display: block;
        font-size: 0.875rem;
    }

    label {
        margin: 2px;
    }

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

    .list {
        padding-left: 28px;
    }

    .list,
    .list li {
        list-style: disc;
    }

    .list .list,
    .list .list li {
        list-style: circle;
    }

    .list.numbers,
    .list.numbers>li {
        list-style: numbers;
    }

    .list li {
        /* margin-bottom: 5px; */
    }

    .list li:last-child {
        margin-bottom: 0;
    }

    .list li::marker {
        color: var(--primary-color);
        font-weight: 600;
    }

    .fontStyle1 {
        font-family: "Nunito", sans-serif !important;
    }

    .fontStyle2 {
        font-family: "Averia Sans Libre", sans-serif !important;
    }

    .fontStyle3 {
        font-family: "Proza Libre", sans-serif !important;
    }

    .tableContainer {
        margin-bottom: 15px;
        overflow-x: auto;
    }

    .tableContainer table {
        margin: 0;
    }

    .fullWidth {
        width: 100%;
    }

    .btn {
        font-size: inherit;
        padding: 6px 24px;
        font-weight: bold;
        /* border-radius: 20px; */
        text-transform: capitalize;
        border-radius: 100px;
        z-index: 1;
        font-family: "Averia Sans Libre", sans-serif;
    }

    .btnMax {
        width: max-content;
        max-width: 100%;
    }

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

    .btnPrimary:hover {
        color: var(--primary-text-color);
        background-color: var(--secondary-color);
    }

    .btnSecondary {
        color: var(--primary-text-color);
        background-color: var(--secondary-color);
    }

    .btnSecondary:hover {
        color: var(--primary-text-color);
        background-color: var(--primary-color);
    }

    .btnTertiary {
        color: white;
        background-color: var(--tertiary-color);
    }

    .btnTertiary:hover {
        color: white;
        background-color: var(--tertiary-color);
    }

    .btnDark {
        color: var(--primary-text-color);
        background: var(--primary-light-text-color);
    }

    .btnDark:hover {
        color: var(--primary-text-color);
        background: var(--primary-color);
    }

    .btnLight {
        color: var(--primary-text-color);
        background-color: var(--primary-light-text-color);
    }

    .btnLight:hover {
        color: var(--primary-text-color);
        background-color: var(--primary-color);
    }

    .btnWhite {
        color: var(--primary-color);
        border-color: var(--primary-text-color);
        border: 1px solid;
        background-color: var(--white);
    }

    .btnWhite:hover {
        color: var(--primary-text-color);
        background-color: var(--primary-color);
    }

    .textPrimary {
        color: var(--primary-color);
    }

    .textTertiary {
        color: var(--tertiary-color);
    }

    .textPink {
        color: var(--pink-color);
    }

    .textBlack {
        color: black;
    }

    .backgroundTheme {
        background-color: white;
        color: var(--primary-color);
    }

    .backgroundHalf {
        background: linear-gradient(0deg, #f5f5f5 0 50%, white 50% 100%);
    }

    .backgroundLight {
        background-color: var(--primary-light-text-color) !important;
        color: var(--primary-text-color);
    }

    .backgroundSecondary {
        background-color: var(--secondary-color) !important;
        color: var(--primary-text-color);
    }

    .backgroundTertiary {
        background-color: var(--tertiary-color) !important;
        color: var(--primary-text-color);
    }

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

    .backgroundWhite {
        background-color: #fff !important;
        color: var(--primary-light-text-color);
    }

    .backgroundImage {
        background-image: linear-gradient(0deg, rgb(255 255 255 / 92%), rgb(255 255 255)), url(../images/hero.jpg);
        background-size: cover;
    }

    .backgroundImage2 {
        background-image: linear-gradient(rgb(255 255 255 / 90%), rgb(255 255 255 / 90%)), url(../images/bg-1.jpg);
        background-size: cover;
    }

    .backgroundImage3 {
        background-image: linear-gradient(0deg, rgb(255 255 255 / 49%), rgb(255 255 255 / 83%)), url(../images/bg-3.jpg);
        background-size: cover;
        background-position: center;
    }

    .backgroundImage.fixed {
        background-attachment: fixed;
        background-position: center;
    }


    .borderedBox {
        border: 5px solid var(--primary-color);
    }

    .borderedBox.radius {
        border-radius: var(--theme-radius);
    }

    .columnBackground {
        min-height: 380px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .gap-4 {
        gap: 4px;
    }

    .gap-8 {
        gap: 8px;
    }

    .fw100 {
        font-weight: 100 !important;
    }

    .fw200 {
        font-weight: 200 !important;
    }

    .fw300 {
        font-weight: 300 !important;
    }

    .fw400 {
        font-weight: 400 !important;
    }

    .fw500 {
        font-weight: 500 !important;
    }

    .fw600 {
        font-weight: 600 !important;
    }

    .fw700 {
        font-weight: 700 !important;
    }

    .fw800 {
        font-weight: 800 !important;
    }

    .fw900 {
        font-weight: 900 !important;
    }

    .fwBold {
        font-weight: bold !important;
    }

    .fwBolder {
        font-weight: bolder !important;
    }

    .aboutContent h3 {
        font-size: 40px;
        font-family: "Proza Libre", sans-serif !important;
    }

    .aboutContent p {
        font-size: 18px;
        line-height: 24.5px;
        font-family: "Proza Libre", sans-serif !important;
    }

    .aboutContent span {
        font-style: italic;
        font-weight: 200;
    }

    /* Start css home page story area under podcast */

    .storyImgArea {
        margin-top: 20px;
        background: #fef7ef;
        padding: 25px 15px;
        border: 1px dashed #f9b967;
    }

    .storyImgInner {
        padding: 15px;
        background: #f3daa6;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        overflow: hidden;
        /* border-right: 2px dashed #f6a705; */
        clip-path: polygon(0% 0%, 80% 3%, 100% 0, 100% 100%, 100% 100%, 20% 97%, 0 100%, 0% 10%) !important;
    }

    .storyImgInner img {
        width: 100%;
        height: 270px;
        transition: all .3s ease-in-out;
    }

    .storyImgInner img:hover {
        transform: scale(1.2);
    }

    /* Ends css home page story area under podcast */



    .close {
        color: inherit;
        opacity: 0.7;
        text-shadow: none;
    }

    .close:hover {
        color: inherit;
        opacity: 1;
    }

    .height-100 {
        height: 100% !important;
        object-fit: cover;
    }

    .imageExpandable {
        border-radius: var(--theme-radius);
        overflow: hidden;
        box-shadow: 0 0 5px rgb(0 0 0 / 15%);
        display: block;
        position: relative;
    }

    .imageExpandable img {
        width: 100%;
        height: 100%;
        transition: 0.3s;
        object-fit: cover;
    }

    .imageExpandable::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: rgb(0 0 0 / 13%);
        backdrop-filter: blur(5px);
        opacity: 0;
        transition: 0.3s;
    }

    .imageExpandable::after {
        content: '\f002';
        font-weight: bold;
        height: 38px;
        width: 38px;
        font-size: 18px;
        top: 50%;
        left: 50%;
        position: absolute;
        transition: 0.5s ease-in;
        font-family: 'fontAwesome';
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        z-index: 3;
        opacity: 0;
        box-shadow: 0 0 19px rgba(0, 0, 0, 0.4), inset 2px 2px 5px rgba(255, 255, 255, 0.3);
        transform: translate(-50%, -50%);
        color: var(--primary-text-color);
        background-color: var(--primary-color);
    }

    .imageExpandable.video::after {
        content: '\f04b';
        opacity: 1;
        width: 58px;
        height: 40px;
        transition: 0.3s;
        border-radius: 7px;
        background-color: red;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 19px rgba(0, 0, 0, 0.4), inset 2px 2px 5px rgb(255 255 255 / 39%), 2px 2px 5px rgba(0, 0, 0, 0.3);
    }

    .imageExpandable.video:hover::after {
        background: black;
        transform: translate(-50%, -50%) scale(1.02);
    }

    .imageExpandable.video img {
        transition: 0.3s;
    }

    .imageExpandable.video:hover img {
        transform: scale(1.07);
    }

    .imageExpandable::after:hover {
        background-color: black;
        box-shadow: 0 0 19px rgba(255, 255, 255, 0.2);
    }

    .imageExpandable:hover::after,
    .imageExpandable:hover::before {
        opacity: 1;
    }

    .main {
        width: auto;
        background-color: #fff;
        /* padding-right: 300px; */
    }

    .title {
        /* font-family: 'Philosopher', serif; */
        font-family: "Averia Sans Libre", sans-serif;
        /* text-transform: uppercase; */
        line-height: normal;
        font-weight: 700;
        /* font-size: 44px; */
        /* margin-bottom: 20px; */
    }

    .title span.colorPrimary {
        color: var(--primary-color);
    }

    .title span.colorSecondary {
        color: var(--secondary-color);
    }

    .text-center .subTitle {
        position: relative;
        padding: 0 45px;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
    }

    .text-center .subTitle::after,
    .text-center .subTitle::before {
        content: "";
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        height: 2px;
        width: 25px;
        background: var(--secondary-color);
        border-radius: 5px;
    }

    .text-center .subTitle::after {
        right: 8px;
    }

    .text-center .subTitle::before {
        left: 8px;
    }

    .noListStyle,
    .noListStyle li {
        list-style: none;
    }

    .maxWidthTextHeading {
        width: max-content;
        max-width: 100%;
        padding: 5px 7px;
        color: white;
        margin-bottom: 25px;
        font-weight: 500;
        background: var(--primary-color);
    }

    .text {
        margin-bottom: 25px;
    }

    .rightPromiseBox {
        border-radius: 7px;
        overflow: hidden;
        font-size: 12px;
        background-color: #f4f4f4;
    }

    .rightPromiseBox img {
        margin: auto;
        width: 50px;
        margin-bottom: 4px;
    }

    .promise:not(:last-child) {
        margin-bottom: 10px;
    }

    .mainLeft {
        width: 100%;
    }

    .contactInfo {
        display: flex;
    }

    .contactInfo a {
        color: inherit;
        font-size: 14px;
        text-decoration: none;
        margin: 4px 8px;
        display: block;
    }

    .socialLinks {
        display: flex;
        gap: 8px 12px;
        flex-wrap: wrap;
    }

    .socialLinks a {
        font-size: 14px;
        width: 30px;
        height: 30px;
        color: inherit;
        text-align: center;
        background: var(--primary-color);
        color: var(--primary-text-color);
        line-height: 1;
        display: flex;
        transition: 0.5s;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

    .socialLinks a:hover {
        background: black;
    }

    .blockquote {
        font-size: 102%;
        font-style: italic;
        padding: 16px 20px;
        background: white;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.09);
    }

    .blockquote::after,
    .blockquote::before {
        font-family: 'fontAwesome';
        font-weight: bold;
        font-size: 124%;
        margin: -12px 3px;
        vertical-align: super;
        color: var(--primary-color);
        display: inline-block;
    }

    .blockquote::after {
        content: '\f10e';
    }

    .blockquote::before {
        content: '\f10d';
    }

    /*header {*/
    /*    width: 100%;*/
    /*    display: block;*/
    /*    z-index: 1000;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    position: sticky;*/
    /* padding: 5px 0 7px; */
    /*    box-shadow: 0 0 5px rgba(0,0,0,0.24);*/
    /*    backdrop-filter: blur(5px);*/
    /*    background-color: white;*/
    /*    background-image: linear-gradient(101deg, transparent 0 175px, #f5f5f5 175px 100%);*/
    /*}*/
    /*header .logo img {*/
    /*    width: 180px;*/
    /*    min-width: 86px;*/
    /*}*/
    /*@media (min-width: 992px){*/
    /*.navbar-expand-lg .navbar-nav .nav-link {*/
    /*    padding-right: 0.75rem;*/
    /*    padding-left: 0.75rem;*/
    /*}*/
    /*}*/
    /*header .nav-item*/
    /*{*/
    /*	list-style: none;*/
    /*}*/
    /*headre .nav-link,*/
    /*.nav-link-Number*/
    /*{*/
    /*	padding: 0;*/
    /*	font-weight: 600;*/
    /*	font-size: 14px;*/
    /*	display: block;*/
    /*	transition: 0.5s;*/
    /*	text-transform: capitalize;*/
    /*	color: #222;*/
    /*}*/
    /*.nav-link-Number*/
    /*{*/
    /*	padding: 0 0.5rem;*/
    /*}*/
    /*header .nav-link:hover,*/
    /*.nav-link-Number:hover*/
    /*{*/
    /*	text-decoration: none;*/
    /*	color: var(--primary-color);*/
    /*}*/
    /*header .nav-link i*/
    /*{*/
    /*	font-size: 10px;*/
    /*}*/
    /*header .navbar-toggler {*/
    /*    color: var(--primary-color);*/
    /*}*/


    /* Head Start */
    .header {
        top: 0;
        color: var(--primary-color) !important;
        position: sticky;
        z-index: 101;
        width: auto;
        font-family: 'Nunito', sans-serif;
        font-size: 16px;
        background-color: #fff;
        color: #565656;
        letter-spacing: 0.2px;
        transition: 0.3s;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.14));
        margin-top: -6px;
    }

    .header div[class*="col"] {
        position: initial;
    }

    .header .row.align-items-stretch {
        display: flex;
        align-items: stretch;
    }

    .logoContainer {
        padding: 4px 0 12px;
        width: 80px;
        max-width: 100%;
        transform-origin: top;
        transform: scale(1.4);
        background: white;
        transition: 0.3s;
        transition-delay: 0.4s clip-path;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), 50% 100%, 0 calc(100% - 10px));
        transform: none;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    }

    .header.sticky .logoContainer {
        transform: none;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    }


    .logoContainer img {
        width: 100%;
        display: block;
    }

    .navigationLeft {
        display: flex;
        align-items: center;
        /* justify-content: flex-end; */
    }

    .linksContainer {
        height: 100%;
        width: 100%;
        transition: 0.3s;
    }

    .navigationLinks {
        list-style: none;
        width: 100%;
        margin: 0;
        height: 100%;
        display: flex;
        align-items: center;
        /* line-height: 1; */
        justify-content: flex-end;
    }

    .navigationLinkContainer {
        /* flex: 1; */
        padding: 8px 0;
        display: flex;
        align-items: baseline;
        position: relative;
    }

    .navigationLinkContainer a {
        /*color: inherit;*/
        /*font-weight: 600;*/
        /*text-decoration: none;*/
        /*transition: 0.5s;*/
        font-size: inherit;
        /* position: relative; */
        line-height: 1;
        transition: 0.4s;
        text-decoration: none;
    }

    .navigationLinkContainer a::before,
    .navigationLinkContainer a::after {
        content: '';
        transition: 0.4s;
        opacity: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .navigationLinkContainer:hover a::before,
    .navigationLinkContainer:hover a::after,
    .navigationLinkContainer.active a::before,
    .navigationLinkContainer.active a::after {
        opacity: 1;
    }

    .navigationLinkContainer:hover a,
    .navigationLinkContainer.active a {
        color: var(--secondary-color);
        display: flex;
        justify-content: center;
    }

    .navigationLinkContainer:hover a::before,
    .navigationLinkContainer.active a::before {
        content: '';
        height: 2px;
        width: 45%;
        position: absolute;
        bottom: 6px;
        background-color: var(--primary-color);
    }

    .navigationLinkContainer:hover a::after,
    .navigationLinkContainer.active a::after {
        content: '';
        height: 2px;
        width: 15%;
        position: absolute;
        bottom: 0;
        background-color: var(--primary-color);
    }

    .navigationLinkContainer>a {
        /* text-transform: uppercase; */
        color: inherit;
        padding: 4px 16px;
        /* margin-top: 12px; */
        font-weight: 700;
    }

    /* .navigationLinkContainer > a:not(.noLineBelow)::before
{
    content: '';
    position: absolute;
    bottom: 7px;
    left: 10px;
    height: 2px;
    width: 0;
    background-color: #206c6d;
    transition: width 0.33s linear;
    transform-origin: right;
}
.navigationLinkContainer:hover > a::before
{
    width: calc(100% - 20px);
    
} */
    .navigationMenuOpen {
        display: none;
    }

    .haveDropDown,
    .haveSubDropDown {
        position: relative;
    }



    .dropDown {
        font-weight: 400;
        top: 100%;
        left: 0;
        z-index: 1;
        width: 180px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
        position: absolute;
        color: black;
        background-color: white;
        transform: translateY(20px);
        /* border-radius: 4px; */
        /* padding: 5px 0; */
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        pointer-events: none;
    }

    .headerAdditionalList {
        display: flex;
        width: max-content;
        max-width: 100%;
        gap: 4px;
        color: white;
        border-radius: 32px 0 0 32px;
        padding: 4px 4px;
        position: relative;
    }

    .headerAdditionalList::before {
        content: '';
        height: 100%;
        width: 15px;
        top: 0;
        left: 100%;
        position: absolute;
        /*background-color: var(--primary-color);*/
    }

    .headerAdditionalLink {
        padding: 5px 14px 5px 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        font-size: 85%;
        font-weight: bold;
        border-radius: 25px;
        transition: 0.3s;
        background: var(--primary-color);
        box-shadow: inset 1px 1px 6px #ffffff91, inset -1px -1px 5px rgba(0, 0, 0, 0.4);
    }

    .headerAdditionalLink i {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: black;
        background: white;
        border-radius: 20px;
    }

    .headerAdditionalLink:hover {
        background: black;
    }

    .stuCor-title h3 {
        font-size: 35px;
    }

    @media screen and (max-width: 991px) {
        .logoContainer {
            width: 20% !important;
        }
    }

    @media screen and (max-width: 768px) {
        .mobile-logoContainer {
            width: 100%;
            /* display: flex; */
            justify-content: center;
            align-items: center;
        }

        .logoContainer {
            width: 24% !important;
        }

        .logoConentSec {
            width: 66%;
        }

        .headerAdditionalLinks {
            display: none;
        }

        .stuCor-title h3 {
            font-size: 25px !important;
            text-align: center !important;
        }

        .bannerTitle {
            position: absolute;
            top: 50%;
            left: 50%;
            width: max-content;
            max-width: 100%;
            transform: translate(-50%, -50%);
            font-size: 24px !important;
            text-align: center;
            color: white;
            font-weight: bold;
            font-family: "Averia Sans Libre", sans-serif;
            text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
        }
    }

    @media screen and (min-width: 991px) {

        .haveSubDropDown .dropDown {
            top: 0;
            left: 100%;
            transform: translateX(20px);
        }

        .haveSubDropDown>a::after,
        .haveDropDown>a::after {
            content: '\f107';
            margin-left: 2px;
            transition: 0.3s;
            font-family: 'fontAwesome';
            font-weight: bold;
            font-size: 80%;
            width: 12px;
            aspect-ratio: 1;
            line-height: 1;
            color: #1e2c67;
            display: inline-block;
            transform-origin: center;
            text-align: center;
        }

        .haveSubDropDown>a {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .haveSubDropDown:hover>a::after {
            color: white;
        }

        .haveSubDropDown>a::after {
            content: '\f105';
        }

        .navigationLinkContainer.haveDropDown:hover>a::after {
            transform: rotate(180deg);
        }

    }

    li.dropDownLinkBox:not(:last-child) {
        border-bottom: 1px solid #f8f8f8;
    }

    .haveSubDropDown .dropDown.left {
        right: 100%;
        left: unset;
        transform: translateX(-20px);
    }

    .haveDropDown:hover>.dropDown,
    .haveSubDropDown:hover>.dropDown {
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
        transform: translateY(0);
    }

    .dropDown a {
        font: inherit;
        color: inherit;
        transition: 0.3s;
    }

    .haveSubDropDown:hover>a,
    .dropDown a:hover {
        color: white;
        background-color: var(--primary-color);
    }

    .megaMenuRow {
        border-top: 2px solid #206c6d;
        background-color: white;
        padding: 12px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.16), 2px 2px 7px rgba(0, 0, 0, 0.2);
    }

    /* .dropDownContainer
{
    margin-bottom: 15px;
}
.dropDownContainer .dropDownLinkBox
{
    border-bottom: 1px solid #dfdfdf;
} */
    .dropDownContainer .dropDownLinkBox.hasSubMegaMenu>a {
        font-weight: bold;
    }


    .dropDownContainer .dropDownLinkBox:last-child {
        border: none;
    }

    .dropDownLinkBox a {
        display: inline-block !important;
        font-size: 90%;
        padding: 10px 14px;
        width: 100%;
    }

    .dropDownContainer {
        padding: 0;
    }

    .dropDownLink {
        color: #f6a705 !important;
    }

    .dropDown a.dropDownLink:hover {
        color: #ffffff !important;
    }

    .mobileNav {
        display: none;
    }

    .contactInfo {
        width: 100%;
        position: relative;
    }

    .mobileNav .contactInfo a {
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 7px 16px;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-x: hidden;
    }

    .mobileNav .contactInfo a i {
        margin-right: 5px;
    }

    .mobileNav .social-icons {
        padding: 7px 12px;
        display: flex !important;
    }

    .goBackBtn {
        display: none;
        background-color: #efefef;
    }

    .navigationProfile {
        display: none;
    }

    .navigationProfile img {
        width: 70px;
        height: 70px;
        border-radius: 45px;
    }

    .profileContainer {
        display: flex;
        align-items: center;
        padding: 20px 12px;
        background-color: #efefef;
    }

    .profileDetails {
        width: calc(100% - 70px);
        padding-left: 12px;
    }

    .profileName {
        width: 100%;
        font-size: 17px;
        line-height: normal;
        margin-bottom: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixedNavigationPhoneText {
        display: none;
    }

    .blog-wrapper .row {
        display: flex;
        flex-wrap: wrap;
    }

    a.viewMoreBtn {
        justify-content: flex-end;
        text-align: right;
        color: #206c6d;
    }


    /* 

    Form Style

*/
    .searchBarForm {
        width: 100%;
        position: relative;
        padding: 5px 0;
    }

    .searchBarForm .form-control {
        border-radius: 40px;
        outline: none;
    }

    .searchBarForm .form-control:focus {
        outline: none;
        box-shadow: none;
    }

    .formContainerDiv {
        display: flex;
        align-items: stretch;
        position: relative;
    }

    .searchBarForm .form-control[type="text"] {
        padding-right: 60px;
    }

    .searchBarForm .form-control[type="text"]:focus {
        border: 1px solid var(--primary-color);
    }

    .searchBarForm button.form-control[type="submit"] {
        width: 60px;
        top: 0;
        right: 0;
        text-align: center;
        position: absolute;
    }

    @media screen and (max-width: 1200px) {
        .header {
            font-size: 14px;
        }

        .navigationLinkContainer>a {
            padding: 4px 12px;
        }
    }

    @media screen and (max-width: 991px) {
        body {
            font-size: 14px;
        }

        .header {
            color: black;
        }

        .navigationMenuOpen {
            height: 28px;
            width: 28px;
            display: flex;
            align-items: center;
            font-size: 16px;
            justify-content: center;
            color: var(--primary-color);
            cursor: pointer;
            border-radius: 3px;
            margin: 0 20px;
            background-color: white;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }

        .linksContainer {
            height: 100vh;
            top: 0;
            left: 0;
            width: 100%;
            position: fixed;
            pointer-events: none;
            opacity: 0;
            z-index: 1;
            backdrop-filter: blur(5px);
            background-color: rgba(0, 0, 0, 0.16);
        }

        .linksContainer.active {
            pointer-events: initial;
            opacity: 1;
        }

        .linksContainer div[class*="col"] {
            padding: 0;
        }

        .navigationLinkContainer a {
            transition: 0.5s;
            position: relative;
        }

        .navigationLinkContainer:hover>a {
            color: white;
            background-color: var(--primary-color);
        }

        .navigationLinks {
            /* padding-top: 30px; */
            width: 100%;
            font-size: 12px;
            text-align: center;
            /* max-width: 280px; */
            position: relative;
            justify-content: flex-start;
            flex-direction: column;
            background-color: white;
            transition: 0.5s;
            height: 100%;
            /* padding-top: 20px; */
            overflow-y: auto;
            transform: translateX(-100%);
        }

        .navigationLinks .logoContainer {
            margin: 20px auto 12px;
            width: 170px;
            max-width: 100%;
            transform: none;
        }

        .linksContainer.active .navigationLinks {
            transform: translateX(0);
            display: block;
        }

        .navigationProfile {
            display: block;
        }

        .mobileNav {
            display: block;
        }

        .dropDownContainer {
            margin-bottom: 0px;
        }

        .goBackBtn {
            height: 39px;
            width: 100%;
            top: 0;
            left: 0;
            transition: 0.3s;
            align-items: center;
            cursor: pointer;
            z-index: 1;
            background-color: #efefef;
            display: none;
            position: fixed;
            font-size: 16px;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow-x: hidden;
        }

        .hasSubMegaMenu .goBackBtn {
            z-index: 1;
        }

        .goBackBtn i {
            font-size: 13px;
            margin: 0 7px 0 10px;
        }

        .mobileNav .closeBtn {
            height: 39px;
            width: 32px;
            top: 0;
            right: 0;
            display: flex;
            transition: 0.3s;
            align-items: center;
            justify-content: center;
            position: absolute;
            cursor: pointer;
            z-index: 100;
            background-color: transparent;
        }

        .fixedNavigationPhoneText {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 80%;
            max-width: 280px;
            z-index: 1;
            display: block;
            line-height: 1.5;
            padding: 7px 12px;
            font-weight: 500;
            background-color: white;
        }

        .fixedPhoneLink {
            font-size: 1.3em;
            font-weight: bold;
        }

        .haveDropDown.active .goBackBtn,
        .haveSubDropDown.active .goBackBtn {
            display: flex;
        }

        .goBackBtn i {
            pointer-events: none;
        }

        .mobileNav .closeBtn:hover {
            color: white;
            background-color: #f00;
        }

        .navigationLinkContainer {
            padding: 4px 0;
            position: relative;
            flex: initial;
        }

        .navigationLinkContainer a {
            padding: 9px 16px;
            display: block;
            width: 100%;
            font-size: 14px;
        }

        navigationLinkContainer .navigationLinkContainer:hover>a {
            color: white;
            background-color: var(--primary-color);
        }

        .navigationLinkContainer a.viewMoreBtn {
            margin: 7px auto;
            text-align: center;
            width: calc(100% - 24px);
            color: #206c6d;
            padding: 7px 12px;
            border-radius: 6px;
            transition: 0.33s linear;
            border: 1px solid #206c6d;
        }

        .navigationLinkContainer a.viewMoreBtn:hover {
            background-color: #206c6d;
            color: white;
        }

        .navigationLinkContainer .haveDropDown a

        /* .navigationLinkContainer .haveSubDropDown a */
            {
            padding: 7px 35px 7px 12px;
            display: block;
            width: 100%;
        }

        .navigationLinkContainer>a::before {
            display: none;
        }

        .dropDownLinkBox {
            position: relative;
        }

        .dropDownLinkBox:hover>a {
            color: white;
            background-color: var(--primary-color);
        }

        .dropDownLinkBox.haveSubDropDown::before,
        .navigationLinkContainer.haveDropDown::before {
            content: "\f105";
            right: 0;
            padding-right: 15px;
            height: 100%;
            width: 50px;
            display: flex;
            position: absolute;
            font-family: 'fontAwesome';
            justify-content: flex-end;
            align-items: center;
            z-index: 1;
            font-size: 14px;
            color: #1e2c67;
            font-weight: bold;
            cursor: pointer;
        }

        .dropDownLinkBox.haveSubDropDown:hover::before,
        .navigationLinkContainer.haveDropDown:hover::before {
            color: white;
        }

        .dropDown {
            width: 100%;
            height: 100vh;
            top: 0;
            left: 0;
            color: #000;
            font-weight: 400;
            position: fixed;
            transition: 0.5s;
            z-index: 2;
            opacity: 1;
            visibility: visible;
            pointer-events: initial;
            padding-top: 39px;
            transform: translateY(0) translateX(-107%);
        }

        .dropDown .container {
            width: 100%;
        }

        .haveDropDown:hover>.dropDown,
        .haveSubDropDown:hover>.dropDown {
            transform: translateY(0) translateX(-107%);
        }

        .subMegaMenu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: white;
            z-index: 2;
            transition: 0.5s;
            padding-top: 50px;
            transform: translateY(0) translateX(-107%);
        }

        .hasSubMegaMenu.active .subMegaMenu {
            transform: translateY(0) translateX(0%);
        }

        .subMegaMenu .dropDownLinkBox {
            border: none;
        }

        .haveDropDown.active>.dropDown,
        .haveSubDropDown.active>.dropDown {
            transform: translateX(0);
        }

        .dropDown>div:first-child {
            height: 100vh;
            overflow-y: auto;
        }

        .dropDown>div::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: #fff;
        }

        .dropDown>div::-webkit-scrollbar-thumb {
            background-color: #dfdfdf;
        }

        .megaMenuRow {
            padding: 0;
            padding-top: 50px;
            border: none;
            display: flex;
            height: 100vh;
            overflow-y: auto;
            flex-direction: column;
            align-content: flex-start;
        }

        .dropDownContainer .dropDownLinkBox.hasSubMegaMenu>a {
            font-weight: normal;
        }

        .modalBtn {
            display: none;
        }
    }


    /*Header End*/

    /* Breadcrumb Start */

    .breadCrumbContainer {
        /* box-shadow: 0 0 5px rgb(0 0 0 / 8%); */
        z-index: 2;
        position: relative;
    }

    .breadCrumb {
        background-color: white;
        background-image: linear-gradient(0deg, white, #ffffffbc), url(../images/bg-1.jpg);
        background-size: cover;
        border-radius: 0;
        font-size: 120%;
        padding: 60px 20px;
    }

    .breadCrumbTitleBox {
        text-align: center;
        font-size: 140%;
        /* margin-bottom: 12px; */
        font-weight: 700;
        /* font-family: 'Philosopher', serif; */
        font-family: "Averia Sans Libre", sans-serif;
    }

    .breadCrumbList {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex-wrap: wrap;
        text-align: center;
    }

    .breadCrumbItem {
        font-size: 85%;
        font-weight: 500;
        opacity: 0.7;
    }

    .breadCrumbItem:hover {
        /*opacity: 1;*/
    }

    .breadCrumbItem .breadCrumbLink {
        transition: 0.3s;
    }

    .breadCrumbItem:hover .breadCrumbLink {
        color: var(--primary-color);
    }

    .breadCrumbList .breadCrumbItem:not(:last-child)::after {
        content: '|';
        margin-left: 4px;
        color: var(--primary-color);
        font-weight: 600;
    }

    /* Breadcrumb End */


    .headerOffer {
        display: block;
        padding: 2px 0 3px;
        background: var(--secondary-color);
        color: white;
        font-weight: 600;
    }

    .homeBannerImage {
        position: relative;
    }

    .bannerSection {
        position: relative;
    }

    .bannerImageContainer {
        position: relative;
    }

    .innerPageContainer .bannerImage {
        aspect-ratio: 16/4;
        width: 100%;
        max-height: 300px;
        position: relative;
    }

    .bannerImageSlide:first-child .bannerImage img {
        display: block;
    }

    .innerPageContainer .bannerImage::before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        /* background-color: rgba(0, 0, 0, 0.8); */
        opacity: 0.5;
        background: black;
    }

    .bannerImage img,
    .bannerImage picture {
        height: 100%;
        width: 100%;
        /*min-height: 600px;*/
        object-fit: cover;
    }

    .bannerTitle {
        position: absolute;
        top: 50%;
        left: 50%;
        width: max-content;
        max-width: 100%;
        transform: translate(-50%, -50%);
        font-size: 48px;
        text-align: center;
        color: white;
        font-weight: bold;
        font-family: "Averia Sans Libre", sans-serif;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    }


    .iconsContainer {
        transform: translateY(-45px);
    }

    .iconContainer {
        padding: 7px 12px;
        display: flex;
        border-radius: 0;
        align-items: center;
        background-color: white;
        margin: 6px 0;
        height: 100%;
        box-shadow: 4px 4px var(--primary-color), 0 0 5px rgba(0, 0, 0, 0.14);
    }

    .iconBox {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        line-height: 1;
        /* padding-bottom: 1px; */
        border-radius: 40px;
        color: var(--primary-text-color);
        background-color: var(--primary-color);
    }

    .iconContent {
        width: calc(100% - 45px);
        padding: 5px 12px;
    }

    .iconTitle {
        font-size: 14px;
        font-weight: 700;
    }

    .iconData {
        font-size: 13px;
        font-weight: 600;
        color: var(--primary-color);
    }


    /* About Section */

    .customIconCardContainer {
        padding: 12px 0;
    }

    .customIconCardBox {
        height: 100%;
        padding-bottom: 16px;
    }

    .customIconCard {
        height: 100%;
        background: white;
        text-align: center;
        padding: 12px;
        border-radius: var(--theme-radius);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
    }

    .customIconCard.hoverable {
        transition: 0.5s;
        border: 1px solid transparent;
    }

    .customIconCard.hoverable:hover {
        /* border: 1px solid var(--primary-color); */
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    }

    .customIconCard.customIconCardBordered {
        border: 1px solid var(--primary-color);
    }

    .customIconCardInline {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .customIconCardInline .customIconCardDetail {
        width: calc(100% - 90px);
    }

    .customIconCardInline.smallIcon .customIconCardDetail {
        width: calc(100% - 60px);
    }

    .smallIcon .customIconImageBox {
        width: 60px;
    }

    .customIconCardInline .customIconImageBox {
        margin: 0;
    }

    .customIcon {
        width: 65px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 12px;
        border-radius: 50%;
        background: var(--secondary-color);
        box-shadow: inset 4px 4px 12px rgb(255 255 255 / 44%), 2px 2px 5px rgb(0 0 0 / 18%);
        color: white;
        font-size: 150%;
        transition: 0.5s;
    }

    .customIconCard:hover .customIcon {
        background: var(--primary-color);
    }

    .customIconCard .customIcon i {
        transition: 0.5s;
    }

    .customIconCard:hover .customIcon i {
        transform: scale(1.2);
    }

    .customIcon.purple {
        background: #bc14ce;
    }

    .customIcon.green {
        background: #74d315;
    }

    .customIcon.blue {
        background: #00a7ff;
    }

    .customIcon.red {
        background: #f78100;
    }

    .customIconContentList {
        text-align: left;
    }

    @media only screen and (max-width: 575px) {
        .customIconCardInline {
            flex-direction: column;
        }

        .customIconContentList {
            width: 100%;
        }
    }

    .customIconImageBox {
        width: 90px;
        display: flex;
        align-items: flex-end;
        padding: 8px 8px 0;
        /*border-radius: 50%;*/
        overflow: hidden;
        position: relative;
        max-width: 100%;
        aspect-ratio: 1;
        margin: 0 auto 12px;
        /* border: 2px solid var(--primary-color); */
    }

    .customIconImageBox::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.04;
        border-radius: 50%;
        transform: translateY(35%);
        background: var(--primary-color);
    }

    .customIconImageBox img {
        z-index: 1;
        transition: 0.3s;
        position: relative;
        transform-origin: bottom;
    }

    .customIconCard:hover img {
        transform: scale(1.2);
    }

    .customIconTitle {
        font-size: 125%;
        font-weight: 600;
        margin-bottom: 7px;
        line-height: 1.4;
    }

    .customIconContentBox {
        /* max-height: 100px; */
        /* overflow-y: auto; */
    }

    .customIconContent {
        font-size: 100%;
    }

    /* About End */


    /* Curriculum Start */

    .curriculumSlider {
        padding: 14px 45px;
    }

    .curriculumSlider .slick-track {
        /*padding: 12px 0;*/
    }

    .curriculumSlide {
        padding: 12px 8px;
    }

    .curriculumBox {
        /* height: 100%; */
        padding: 16px 0;
    }

    .curriculumCard {
        background: white;
        border-radius: var(--theme-radius);
        padding: 12px;
        height: 100%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }

    .curriculumInfo {
        display: flex;
        align-items: center;
        margin-bottom: 7px;
        gap: 12px;
    }

    .curriculumImageBox {
        width: 55px;
        position: relative;
        aspect-ratio: 1;
        overflow: hidden;
        padding: 7px;
        border-radius: 50%;
    }

    .curriculumImageBox::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.05;
        border-radius: 50%;
        transform: translateY(35%);
        background: var(--primary-color);
    }

    .curriculumTitle {
        font-weight: 600;
        font-size: 120%;
    }

    .curriculumImage {
        height: 100%;
        width: 100%;
        object-fit: contain;
        position: relative;
        z-index: 1;
        transition: 0.3s;
        transform-origin: bottom;
    }

    .curriculumBox:hover .curriculumImage {
        transform: scale(1.1);
    }

    .curriculumTitleBox {
        width: calc(100% - 67px);
    }

    .curriculumContent {
        font-size: 75%;
        aspect-ratio: 6/2;
        overflow-y: auto;
    }

    @media only screen and (max-width: 575px) {
        .curriculumContent {
            font-size: 75%;
            aspect-ratio: unset;
            overflow-y: auto;
            min-height: 180px;
        }
    }


    /* Curriculum End */


    /* Toppers Sections Start */

    .topperSectionTitleBox {
        text-align: center;
        position: relative;
    }

    .topperSectionTitle {
        font-size: 200%;
        font-weight: 600;
    }

    .topperSectionBox {
        padding-bottom: 16px;
    }

    .topperSectionSlider {
        padding: 0px 45px;
    }

    .topperSectionSlide {
        padding: 12px 8px;
    }

    .topperSectionCard {
        padding: 10px;
        background: white;
        border-radius: var(--theme-radius);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    }

    .topperSectionCard::after {
        content: "";
        position: absolute;
        width: 72px;
        height: 28px;
        top: 0;
        left: 0;
        transform: rotate(-45deg) translate(-18px, 1px);
        background-image: url('../images/stars.png');
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .topperSectionImageBox {
        aspect-ratio: 0.94;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
        border-radius: 7px;
        margin-bottom: 8px;
        position: relative;
    }

    .topperSectionImage {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 1px solid #dbdbdb;
        border-radius: inherit;
    }

    .topperSectionName {
        font-size: 110%;
        font-weight: 600;
    }

    .topperSectionMarks {
        font-size: 90%;
    }

    .topperSliderRTL .topperSectionMarks {
        direction: ltr;
    }

    @media only screen and (max-width: 768px) {
        .topperSectionTitleBox {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
    }



    /* Toppers Sections End */

    /* News Section Start */
    .newsSlider.slick-slider {
        padding: 12px 45px;
    }

    .newsSlideBox {
        padding-bottom: 12px;
        height: 100%;
    }

    .newsSlideCard {
        background: white;
        border: 1px solid var(--primary-color);
        border-radius: var(--theme-radius);
        padding: 12px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
        position: relative;
    }

    .newsTitle {
        text-align: center;
        font-weight: 600;
        font-size: 120%;
    }

    .newsContent {
        min-height: 80px;
        margin-bottom: 4px;
    }

    .newsDateBox {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .newsDateIcon {
        width: 26px;
    }

    .newsDate {
        font-size: 85%;
        font-weight: 600;
        opacity: 0.75;
    }

    /* News Section End */


    /* Review Section Start */


    .reviewSlider {
        width: 100%;
        margin: 0;
        font-size: 12px;
        padding: 20px 30px;
        position: relative;
    }

    .reviewSlider::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    .reviewSlider::-webkit-scrollbar-track {
        background: white;
    }

    .reviewSlider::-webkit-scrollbar-thumb {
        background: #dfdfdf;
    }

    .reviewSliderCard {
        padding: 7px;
    }

    .reviewSlideBox {
        height: 100%;
        position: relative;
        border-radius: var(--theme-radius);
        padding: 12px;
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
    }

    .reviewSlider .navPrev {
        left: 0;
    }

    .reviewSlider .navNext {
        right: 0;
    }

    .reviewSliderProfile {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .reviewImage {
        width: 38px;
    }

    .reviewProfileDetailBox {
        display: flex;
        gap: 12px;
        width: calc(100% - 46px);
        justify-content: space-between;
    }

    .reviewProfileName {
        font-size: 140%;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 2px;
    }

    .reviewProfileDays {
        margin-bottom: 4px;
        opacity: 0.8;
    }

    .reviewStar {
        width: 50px;
    }

    .reviewGoogleIcon {
        width: 24px;
    }

    .reviewSliderContentBox {
        position: relative;
        padding-top: 7px;
        height: 124px;
        overflow-y: auto;
    }

    /* Review Section End */





    /* Counter Start */

    .counterCardBox {
        padding: 20px 0;
    }

    .counterCard {
        text-align: center;
        position: relative;
        background: white;
        color: var(--primary-light-text-color);
        padding: 8px 0 16px;
        border-radius: var(--theme-radius);
        margin-top: 20px;
    }

    .counterCardImageBox {
        width: 80px;
        padding: 16px;
        margin: auto;
        background: white;
        margin-bottom: 12px;
        border-radius: 50%;
        aspect-ratio: 1;
        margin-top: -50px;
        border: 4px solid var(--primary-color);
        box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1), 2px 2px 9px rgba(0, 0, 0, 0.1);
    }

    .counterCardImage {
        transition: 0.3s;
        transform-origin: bottom;
        filter: drop-shadow(0px 0px rgba(0, 0, 0, 0.15));
    }

    .counterCard:hover .counterCardImage {
        transform: scale(1.1);
    }

    .counterCardCount {
        font-size: 200%;
        font-weight: 500;
    }

    /* Counter End */


    /* Events Start */

    .eventBox {
        padding-bottom: 12px;
    }

    .eventCard {
        background: white;
        padding: 14px;
        display: block;
        border-radius: var(--theme-radius);
        box-shadow: 0 0 5px #f2f2f2;
    }

    .eventImageBox {
        position: relative;
        aspect-ratio: 16/11;
        overflow: hidden;
        border-radius: var(--theme-radius);
        box-shadow: 0 0 5px #ededed;
        margin-bottom: 12px;
    }

    .eventImage {
        height: 100%;
        width: 100%;
        transition: 0.3s;
        object-fit: cover;
    }

    .eventImageBox:hover .eventImage {
        transform: scale(1.2);
    }

    .eventDate {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 6px 14px 4px;
        background: white;
        border-radius: 14px 14px 0 0;
        font-weight: 600;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.21);
    }

    .eventTitle {
        font-weight: 600;
        font-size: 17px;
        margin: 16px 0 7px;
    }

    .eventDetail {
        opacity: 0.75;
        min-height: 84px;
    }

    @media only screen and (min-width: 991px) {
        .eventsSlider {
            padding: 12px 45px;
        }
    }

    @media only screen and (max-width: 575px) {}

    /* Events End */

    /* Notice Start */

    .noticeBox {
        padding-bottom: 14px;
    }

    .noticeCard {
        background: white;
        padding: 12px;
        display: block;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .noticeHead {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
    }

    .noticeTitle {
        font-size: 130%;
        font-weight: 500;
        color: var(--primary-color);
    }

    .noticeDateBox {
        display: flex;
        gap: 8px;
        font-size: 90%;
        align-items: center;
        justify-content: center;
    }

    .noticeDateIcon {
        font-size: 120%;
        padding: 4px;
        background: linear-gradient(45deg, var(--primary-color), skyblue);
        background-size: cover;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .noticeContent {
        font-size: 90%;
    }

    /* Notice End */








    /* Blog Start */
    .videoCard {
        margin: 0 auto 16px;
    }

    .blogCardBox {
        display: block;
        padding: 12px;
        background: #fff6ea;
        box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.4);
    }

    .blogFeatureImageBox {
        width: 100%;
        aspect-ratio: 5/3;
        overflow: hidden;
        margin-bottom: 18px;
        position: relative;
    }

    .blogFeatureImageBox img {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
    }

    .blogTitle {
        display: -webkit-box;
        font-size: 18px;
        font-weight: 600;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-bottom: 4px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    .blogDesc {
        font-size: 14px;
        line-height: 1.6;
        opacity: 0.8;
        margin-bottom: 20px;
    }

    /* Blog End */

    /* Video galler Start */


    .videoContent {
        height: 100px;
        overflow-y: auto;
    }

    .videoTitle {
        display: -webkit-box;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        line-height: 25px;
        /* -webkit-line-clamp: 1;
    overflow: hidden; */
        margin-bottom: 4px;
        /* text-overflow: ellipsis;
    -webkit-box-orient: vertical; */
    }


    /* Video galler End */



    .highlightContainer {
        /*border-radius: 7px;*/
        /*box-shadow: 3px 3px 5px rgb(0 0 0 / 12%);*/
    }

    .landMarkCardContainer li,
    .clubBox li,
    .highlightBox li {
        border-bottom: 1px solid #0000000f;
        padding: 7px 0;
        font-size: 88%;
    }

    .highlightBox li {
        border-color: var(--primary-color);
        border: none;
        padding: 4px;
    }

    .landMarkCardContainer li:last-child,
    .clubBox li:last-child,
    .highlightBox li:last-child {
        border: none;
    }

    .landMarkCardContainer ul {
        margin-left: 16px;
    }

    .landMarkCardContainer ul,
    .landMarkCardContainer li {
        font-size: 89%;
    }

    .highlightSectionImage img {
        box-shadow: 7px 7px var(--primary-color);
    }

    .customHeading {
        font-size: calc((2 - 1) * 1.2vw + 1rem);
    }

    .slickNav {
        top: 50%;
        width: 45px;
        height: 45px;
        z-index: 100;
        opacity: 0.9;
        font-size: 1rem;
        display: flex;
        cursor: pointer;
        position: absolute;
        border-radius: 45px;
        align-items: center;
        justify-content: center;
        transition: 0.3s;
        transform: translateY(-50%);
        color: var(--secondary-light-color);
        box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5), inset -2px -2px 13px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.14);
        background-color: var(--primary-light-text-color);
    }

    .slickNav:hover {
        opacity: 1;
        background-color: var(--primary-color);
    }

    .slickNav i {
        user-select: none;
    }




    .navNext {
        right: 12px;
    }

    .navPrev {
        left: 12px;
    }


    .paddedContainer {
        position: relative;
    }

    .boxedSection {
        /* z-index: 1;
        position: relative;
        background-color: #f2f5f6;
        overflow: hidden; */
        /* box-shadow: 0 0 5px rgba(0,0,0,0.05); */
    }

    /* .boxedSection .row
{
	margin: 0; 
}
*/


    /* 
FAQ Sections
*/
    .faqCard {
        position: relative;
        border-top: 1px solid var(--primary-color);
    }

    .faqCard:last-child {
        border-bottom: 1px solid;
    }

    .faqCard.open {
        margin-bottom: 12px;
    }

    .faqQuestion {
        padding: 12px 7px;
        position: relative;
    }

    .faqQuestion::before,
    .faqQuestion::after {
        content: '';
        width: 15px;
        height: 0.6px;
        top: 50%;
        right: 25px;
        transition: 0.3s;
        transform: translateY(-50%);
        background-color: var(--primary-color);
        position: absolute;
    }

    .faqQuestion::after {
        transform: translateY(-50%) rotate(90deg);
    }

    .faqCard.open .faqQuestion::after {
        transform: translateY(-50%) rotate(0deg);
    }

    .faqAnswer {
        display: none;
        padding: 7px 12px 7px 25px;
    }

    .faqCard.open .faqAnswer {
        display: block;
    }

    .faqLight .faqCard {
        border-color: var(--primary-text-color);
    }

    .faqLight .faqQuestion::before,
    .faqLight .faqQuestion::after {
        background-color: var(--primary-text-color);
    }

    .overviewImage {
        height: 100%;
        margin: 0 0 20px;
        border-radius: 4px;
        object-fit: cover;
    }

    .galleyImages a {
        display: block;
        margin: 7px 0;
        width: 100%;
        padding: 0;
        overflow: hidden;
        padding-bottom: 68%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: var(--theme-radius);
        transition: 0.5s;
        transform: scale(0.98);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    }

    .galleyImages .slick-current a {
        transform: scale(1.08);
    }

    .galleyImages a::before {
        content: '';
        height: 100%;
        width: 100%;
        z-index: 1;
        top: 0;
        visibility: hidden;
        position: absolute;
        opacity: 0;
        transition: 0.3s;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .galleyImages a::after {
        content: '\f002';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        z-index: 2;
        height: 45px;
        width: 45px;
        top: 50%;
        opacity: 0;
        transition: 0.5s;
        visibility: hidden;
        padding-bottom: 2px;
        transform: translateY(0%);
        line-height: 1;
        display: flex;
        border-radius: 50px;
        align-items: center;
        justify-content: center;
        position: absolute;
        box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.5), inset -2px -2px 13px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.14);
        color: var(--primary-text-color);
        background-color: var(--primary-color);
    }

    .galleyImages a:hover::before {
        visibility: visible;
        opacity: 1;
    }

    .galleyImages a:hover::after {
        visibility: visible;
        opacity: 1;
        transform: translateY(-50%);
    }

    .galleyImages a img {
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transition: 0.5s;
        object-fit: cover;
        transform: translate(-50%, -50%);
        position: absolute;
    }

    .galleyImages .galleryImageText {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        background-color: var(--primary-color);
        padding: 5px 12px;
        color: white;
        font-size: 85%;
        font-weight: 600;
    }

    .mainGallery .galleyImages a img {
        width: 100%;
    }

    .galleyImages a:hover img {
        transform: translate(-50%, -50%) scale(1.2);
    }






    .leadForm {
        width: 100%;
        position: relative;
    }

    .leadForm .para {
        padding-top: 4px;
        font-size: 80%;
    }

    .ourPromise {
        text-align: center;
        margin-top: 16px;
        justify-content: center;
        border-top: 1px solid #dfdfdf;
    }

    .ourPromise .heading {
        margin: 10px 0;
        text-transform: uppercase;
    }

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

    .promiseContainer img {
        width: 50px;
        margin: 0 auto 5px;
    }

    .promiseContainer .promise {
        padding: 10px;
        font-size: 12px;
        margin: 0;
    }

    .promiseContainer .promise p {
        margin-bottom: 5px;
    }

    .adsPopup a {
        font-size: 20px;
        color: #000;
    }

    .adsPopup a:hover {
        text-decoration: none;
        color: var(--primary-color);
    }

    .sl-wrapper .sl-close {
        color: #dfdfdf;
        outline: none;
    }

    .sl-wrapper .sl-navigation button {
        color: #dfdfdf;
        outline: none;
    }

    .sl-overlay {
        background-color: #000000;
    }

    .sl-wrapper .sl-counter {
        color: white;
    }

    iframe {
        width: 100%;
        display: block;
        max-width: 100%;
        border-radius: var(--theme-radius);
        border: none;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
    }

    .videoWrapper iframe {
        width: 100%;
        min-height: 300px;
    }

    .mapSection iframe {
        width: 100%;
        min-height: 300px;
    }

    .contactForm input[type="submit"] {
        margin: 0;
    }

    .contactForm {
        padding: 10px 0;
    }

    .contactFormInput {
        width: 100%;
    }

    .contactFormInput input,
    .contactFormInput select,
    .contactFormInput textarea {
        padding: 7px 10px;
        width: 100%;
        display: block;
        border-radius: 3px;
        margin-bottom: 15px;
        border: 1px solid #e5e5e5;
    }


    /* Footer Start */


    footer.footerConatiner {
        background-color: white;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        position: relative;
        background-position: bottom left;
        background: linear-gradient(0deg, var(--primary-color) 0 65%, white 65% 100%);
    }

    .footerConatiner .container {
        max-width: 1400px;
    }

    .footer {
        background: white;
        padding: 30px 12px;
        position: relative;
        font-size: 85%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .footer::before {
        content: "";
        background: radial-gradient(at bottom right, var(--primary-color) 0% 50%, transparent 50%);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.07;
    }

    .footerLogo {
        /* max-width: 120px; */
        margin-bottom: 4px;
    }

    .footerLogoBox {
        margin-bottom: 12px;
    }

    .footerInfoData {
        margin-top: 7px;
    }

    .footerInfoData i {
        margin-right: 6px;
        color: var(--primary-color);
    }

    .footerLinksTitle {
        font-weight: 600;
        font-size: 120%;
        margin-bottom: 12px;
    }

    .footerLinkItem {
        margin-bottom: 4px;
    }

    .footerLinksTitle:first-letter {
        color: var(--primary-color);
    }


    .footerPara {
        font-size: 80%;
        text-align: center;
    }

    .copyRight {
        font-size: 10px;
        text-align: center;
    }

    .footerLinkItem {
        position: relative;
    }


    /* Footer End */




    /* Inner Page Start */

    .innerPageContainer {
        padding-bottom: 32px;
        background: white;
        min-height: calc(100vh - 543px);
    }

    .innerPageContainer p a {
        color: var(--secondary-color);
    }

    .boardMemberImagesBox {
        width: 92%;
        /* max-width: 280px; */
        margin: auto;
    }

    .boardMemberImagesBox img {
        width: 100%;
        /* border-radius: 46% 61% 37% 63% / 60% 37% 66% 40%; */
        /* filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1)); */
    }

    /* Inner Page End */





    .preloader {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 100000;
        background-color: #fff;
    }

    .preloader::before {
        content: "";
        height: 30px;
        width: 30px;
        margin-bottom: 5px;
        position: relative;
        border-radius: 50%;
        animation: pulse 1s ease infinite;
        background-color: var(--primary-color);
    }

    .preloader::after {
        content: "Loading";
        color: var(--primary-color);
    }

    .thankYouBox {
        padding: 20px;
        display: flex;
        background-position: center;
        background-size: cover;
        background-image: url("../images/hero.jpg");
        min-height: calc(100vh - 102px);
        align-items: center;
        justify-content: center;
    }

    .thankYouContent {
        width: 100%;
        max-width: 650px;
        background-color: #ffffffe6;
        padding: 30px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 7px;
    }

    .thankYouText {
        font-size: 30px;
        text-align: center;
        font-weight: 600;
    }

    .callIcon,
    .whatsappIcon {
        height: 65px;
        width: 65px;
        bottom: 25px;
        right: 25px;
        z-index: 100;
        position: fixed;
        background-color: white;
        border-radius: 100px;
        cursor: pointer;
    }

    .callIcon {
        /* bottom: 106px; */
    }

    .callIcon img,
    .whatsappIcon img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        user-select: none;
        cursor: pointer;
    }


    .enquiryBtn {
        position: fixed;
        top: 50%;
        right: 0;
        z-index: 101;
        border-radius: 0;
        transform: rotate(-90deg) translate(50%, -50%);
        transform-origin: right;
    }


    .mobileFixedFooter {
        display: none;
    }





    .banbg {
        background-color: rgb(255 255 255 / 54%);
        padding: 20px 20px 25px 20px;
        margin-top: 0%;
        margin-left: 10%;
        width: 83%;
        color: var(--primary-light-text-color);
        border-radius: var(--theme-radius);
        backdrop-filter: blur(7px);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    }

    .txt4 {

        font-size: 13px;
        line-height: 1.6;
        margin-top: 25px;
        color: #333;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .btnWhite {
        background: #222;
        border: 0;
        color: #fff;
    }

    .copyRight {
        font-size: 13px;
        text-align: center;
        padding-bottom: 8px;
    }

    .bantxt1 {

        font-size: 13px;
        color: #fff;
        text-align: left;
        letter-spacing: 2px;
    }

    .bantxt3 {
        margin: 8px 0;
        font-size: 20px;
        text-align: left;
        letter-spacing: 1px;
    }

    .bantxt4 {

        font-size: 16px;
        margin-top: -14px;
        color: #b18f27 !important;
        text-align: left;
        letter-spacing: 1px;
    }

    .bantxt5 {

        margin-top: 0px;
        font-size: 20px;
        line-height: 1.6;
        color: #fff;
        text-align: left;
        letter-spacing: 1px;
    }

    .bantxt5 span {
        color: #b18f27 !important;
        font-size: 16px;
    }

    .slide .box {
        background-color: #fff;

        box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);

        padding: 30px 35px;
        margin-bottom: 20px;
        width: 100%;
        /* max-height: 240px; */
    }

    .slide .box ul {
        margin: 0;
        padding: 0;
    }

    .box ul li {
        color: #ba8f4d;
        text-align: center;
        font-size: 16px;
        padding: 0 0 5px;
        width: 100%;
        margin-right: 5px;
        list-style: none;
    }

    .slide .box ul li span {
        color: #000;
        display: block;
        font-family: "DIN-Medium";
        font-size: 16px;
        padding: 7px 0 0;
    }

    .slide .box ul li:last-child {
        border: 1px solid #ba8f4d;
        padding: 10px 15px;
        margin: 10px auto;
        text-align: center;
        letter-spacing: 1px;
        position: relative;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid;
    }

    .copy {
        padding: 20px 0 0px 0px;
        color: #fff;
        font-size: 11px;
        letter-spacing: 1px;
        text-align: center;
    }

    .highlightBox .noListStyle li {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
        margin: 0;
        letter-spacing: 1px;

    }


    @media only screen and (max-width: 1200px) {

        .nav-link,
        .nav-link-Number {
            padding: 7px 15px;
            text-align: center;
        }
    }

    @media only screen and (max-width: 991px) {
        .main {
            padding: 0;
        }

        .mainRight {
            display: none;
        }

        .title {
            font-size: 32px;
        }
    }

    @media only screen and (max-width: 768px) {
        .bannerContent {
            /*display: none;*/
            width: calc(100% - 32px);
        }

        .bannerImage>img {
            /* min-height: 590px; */
        }

        .mapSection {
            margin-bottom: 16px;
        }

        .mapSection iframe {
            max-height: 250px;
        }

        .headerTop div[class*="col"] {
            display: flex;
            justify-content: center;
        }

        .bannerForm {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 350px;
            max-width: 95%;
            transform: translate(-50%, -50%);
        }

        .bannerForm form {
            width: 100%;
            max-width: unset;
        }

        .mobileFixedFooter {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 10000;
            display: block;
            background: white;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
        }

        a.fixedFooterBtn {
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            line-height: 1.5;
            padding: 6px 12px;
            justify-content: center;
            font-size: 130%;
            transition: 0.3s;
        }

        a.fixedFooterBtn:hover {
            color: white;
            background-color: black;
        }

        .fixedFooterIcon {
            height: 35px;
            width: 35px;
            display: flex;
            border-radius: 50px;
            align-items: center;
            justify-content: center;
            background-color: white;
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.14);
        }

        .fixedFooterIcon i {
            -webkit-text-fill-color: transparent;
            background-clip: text;
            transform-origin: bottom;
            background-image: linear-gradient(45deg, #01abd8, #00dfa6);
        }

        a.fixedFooterBtn:hover .fixedFooterIcon {
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.14);
        }

        .fixedFooterText {
            font-size: 80%;
            font-weight: 700;
        }

        .callIcon {
            bottom: 72px;
        }

        .contactForm {
            padding: 16px 16px;
        }

    }

    @media only screen and (max-width: 576px) {
        header .logo img {
            width: 90px;
            min-width: 86px;
        }

        .hideInMobile {
            display: none;
        }

        div#myNavMenu {
            padding: 0;
        }

        .downloadBtn {
            flex-wrap: wrap;
            min-width: unset;
            max-width: 100%;
        }

        .whatsappIcon {
            height: 50px;
            width: 50px;
            bottom: 10px;
            right: 10px;
        }

        .enquiryBtn {
            line-height: 1;
        }

        .aminityCardBox {
            flex-direction: column;
            border-radius: 7px;
            text-align: center;
            padding: 12px 4px;
        }

        .aminityTitle {
            width: 100%;
            font-size: 60%;
        }

        .bannerImage picture img {
            min-height: 80vh;
        }

        .iconsContainer {
            transform: translateY(0);
            padding: 25px 0 16px;
        }

        .bannerForm {
            top: unset;
            left: unset;
            right: 10px;
            bottom: 30px;
            display: block;
            transform: none;
            width: 100%;
        }

        .bannerForm form {
            display: none;
        }

        .banbg {
            background-color: rgb(255 255 255 / 54%);
            padding: 20px 20px 25px 20px;
            margin-top: 0%;
            margin-left: 10%;
            width: 100%;
            text-align: center;
            color: var(--primary-light-text-color);
            border-radius: 0;
            backdrop-filter: blur(7px);
            margin: 0;
        }

        .bantxt3 {
            text-align: center;
            font-size: 22px;
            margin-bottom: 4px;
        }

        .bantxt5 {
            color: var(--primary-color);
            text-align: center;
        }
    }

    @keyframes pulse {
        from {
            opacity: 0;
            transform: scale(0);
        }

        to {
            opacity: 1;
            transform: scale(1.0);
        }
    }


    /* Addition Pages Start */

    .memberBox {
        padding: 35px 0 14px;
        /*filter: drop-shadow(0 0 20px #ececec);*/
    }

    .memberCard {
        background: white;
        border-radius: var(--theme-radius);
        padding: 12px;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        border: 1px solid transparent;
    }

    .memberCount {
        font-size: 160%;
        background: var(--primary-color);
        color: var(--primary-text-color);
        width: 60px;
        height: 60px;
        margin: -44px auto 7px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 32px;
        font-weight: 600;
        border: 4px solid white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15), inset 2px 2px 5px rgba(0, 0, 0, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.4);
    }

    .memberName {
        font-size: 120%;
        font-weight: 600;
    }

    .memberDesig {
        color: var(--primary-color);
        font-weight: 500;
    }

    .memberCard:hover {
        border: 1px solid var(--primary-color);
    }

    /* Addition Pages End */


    /* Bootstrap override */

    .nav-tabs {
        border: none;
        gap: 10px;
        list-style: none;
    }

    .nav-item {
        list-style: none;
    }

    .nav-tabs .nav-link {
        background: white;
        border: none !important;
        border-radius: 50px;
        padding: 4px 22px;
        font-weight: 500;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background: var(--primary-color);
        color: var(--primary-text-color);
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.12), inset 2px 2px 5px rgba(0, 0, 0, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.2);
    }

    .card {
        padding: 12px;
        border-radius: var(--theme-radius);
        /* margin-bottom: 16px; */
        border: none;
        position: relative;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        margin: 0 8px;
    }

    .card-img-top {
        width: 100%;
        border-radius: 7px;
        box-shadow: 0 0 3px #0000001a;
    }

    .card-bordered {
        border: 1px solid var(--primary-color);
    }

    .card-body {
        padding: 12px 0 0;
    }

    .card-title {
        font-size: 130%;
        font-weight: 600;
        margin-bottom: 4px;
        line-height: 1.2;
    }

    .card-text {
        opacity: 0.8;
        /* font-size: 90%; */
    }

    .card-number {
        top: 12px;
        right: 100%;
        position: absolute;
        background: inherit;
        height: 28px;
        width: 28px;
        font-size: 120%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        font-weight: 500;
        color: var(--primary-color);
    }

    .card:has(.card-number) {
        margin-left: 30px;
    }

    .table {
        margin: 0;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: #fcfcfc;
    }

    .table td,
    .table th {
        padding: 4px 10px;
        vertical-align: middle;
    }

    .table thead th {
        vertical-align: middle;
        padding: 6px 12px;
        text-align: center;
        background: var(--primary-light-color);
        border-bottom: 1px solid #dee2e6;
    }

    .table-responsive:has(.table-bordered) {
        border: 1px solid #dee2e6;
        border-radius: var(--theme-radius);
    }

    .table-responsive .table-bordered thead th {
        border-top: none;
    }

    .table-responsive .table-bordered thead th:first-child,
    .table-responsive .table-bordered tbody tr td:first-child {
        border-left: none;
    }

    .table-responsive .table-bordered thead th:last-child,
    .table-responsive .table-bordered tbody td:last-child {
        border-right: none;
    }

    .table-responsive .table-bordered tbody tr:last-child td {
        border-bottom: none;
    }

    .table .btn {
        font-size: 14px;
        padding: 4px 18px;
        font-weight: bold;
        /* border-radius: 20px; */
        text-transform: uppercase;
        border-radius: 100px;
        z-index: 1;
    }


    .table tr td:first-child {
        text-align: center;
    }

    .table a:not(.btn) {
        color: var(--secondary-color);
    }


    form.form {
        padding: 24px 16px 0;
        position: relative;
        box-shadow: 0 0 12px rgb(0 0 0 / 10%);
    }

    form.form::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background: radial-gradient(at top left, var(--primary-color) 0 15%, transparent 15% 100%), radial-gradient(at bottom right, var(--primary-color) 0 35%, transparent 35% 100%);
        opacity: 0.03;
        top: 0;
        left: 0;
    }

    .form-control {
        font-size: inherit;
        height: unset;
        line-height: 1.4;
        margin-bottom: 0;
        border-radius: 0;
        /*border: none;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfdf;
    cursor: pointer;*/
    }

    .form-group label {
        font-weight: 600;
        margin: 0 0 0 5px;
        line-height: 1;
    }

    textarea.form-control {
        /* border-radius: 12px; */
        min-height: 120px;
    }

    .form-control:hover,
    .form-control:focus {
        outline: none !important;
        box-shadow: none !important;
        border: 1px solid var(--primary-color);
        /* border-width: 0 0 1px 0; */
    }

    @media only screen and (min-width: 350px) and (max-width: 768px) {
        .col-xs-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }

    @media only screen and (max-width: 350px) {
        .col-xs-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }


    .heading-title {
        font-family: "Averia Sans Libre", sans-serif;
        font-size: 40px;
        font-weight: 700;
        color: #1e2c67;
        line-height: 44px;
        margin: 28px auto 12px;
        /* text-transform: uppercase; */
    }

    .rounded-4 {
        border-radius: 4px;
    }

    .rounded-8 {
        border-radius: 8px;
    }

    .aboutLogo img {
        width: 280px !important;
        max-width: 100%;
        margin: auto;
    }

    .imageExpandable.video::after {
        content: '\f04b';
        opacity: 1;
        width: 100px;
        transition: 0.3s;
        border-radius: 7px;
        background-color: transparent;
        border-radius: 50%;
        aspect-ratio: 1;
        border: 5px solid white;
        display: flex;
        height: unset;
        font-size: 27px;
        box-shadow: none;
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.35));
    }

    .imageExpandable.video:hover img {
        transform: none;
    }

    .imageExpandable.video:hover::after {
        background: transparent;
        transform: translate(-50%, -50%) scale(1);
    }

    .imageExpandable::before {
        backdrop-filter: blur(0px);
        background: transparent;
    }

    .text-center .subTitle {
        position: relative;
        padding: 0 65px;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
        font-weight: 300;
        font-size: 16px;
        color: #f74c3a !important;
        text-transform: uppercase;
        line-height: 21px;
        letter-spacing: 3px;
        margin: 0 auto 16px;
        font-family: "Archivo", sans-serif;
    }

    .text-center .subTitle::after,
    .text-center .subTitle::before {
        background-color: #f74c3a;
        width: 40px;
        height: 4px;
    }

    svg {
        max-width: 100%;
        max-height: 100%;
    }

    .blue svg path {
        fill: #1e2c67;
        stroke: #1e2c67;
    }

    .red svg path {
        fill: #f74c3a;
        stroke: #f74c3a;
    }

    .orange svg path {
        fill: #fbb34f;
        stroke: #fbb34f;
    }

    .pink svg path {
        fill: #ff4986;
        stroke: #ff4986;
    }

    .green svg path {
        fill: #5fc24b;
        stroke: #5fc24b;
    }

    .blue2 svg path {
        /* fill: #2333f3; */
        /* stroke: #2333f3; */
    }

    .heading2 {
        color: #101010;
        margin: 0 0 11px;
        font-family: "Archivo", sans-serif;
        font-size: 39px;
        font-weight: 400;
        line-height: 49px;
    }


    .whyChooseUs .customIconCard {
        box-shadow: none;
        border-bottom: 4px solid;
        border-left: none;
        border-right: none;
        padding: 58px 35px 50px;
    }

    .whyChooseUs .customIconCard:hover {
        box-shadow: -30px 30px 60px 0px rgba(0, 0, 0, .07);
    }

    .whyChooseUs .col-lg-4:nth-child(3n - 1) .customIconCard {
        box-shadow: -30px 30px 60px 0px rgba(0, 0, 0, .07);
    }

    .red.customIconCard {
        border-bottom-color: #f74c3a;
    }

    .blue.customIconCard {
        border-bottom-color: #1e2c67;
    }

    .orange.customIconCard {
        border-bottom-color: #fbb34f;
    }

    .pink.customIconCard {
        border-bottom-color: #ff4986;
    }

    .green.customIconCard {
        border-bottom-color: #5fc24b;
    }

    .blue2.customIconCard {
        border-bottom-color: #2333f3;
    }

    .customIconTitle {
        font-size: 23px;
        font-weight: 400;
        margin-bottom: 23px;
        line-height: 1.4;
        font-family: "Archivo", sans-serif;
        letter-spacing: -0.2px;
        line-height: 26px;
        padding: 0 25px;
    }

    .red .customIconTitle {
        color: #f74c3a;
    }

    .blue .customIconTitle {
        color: #1e2c67;
    }

    .orange .customIconTitle {
        color: #fbb34f;
    }

    .pink .customIconTitle {
        color: #ff4986;
    }

    .green .customIconTitle {
        color: #5fc24b;
    }

    .blue2 .customIconTitle {
        color: #2333f3;
    }

    .whyChooseUs .customIconImageBox::before {
        display: none;
    }

    .whyChooseUs .customIconImageBox {
        margin-bottom: 30px;
    }

    .whyChooseUs .customIconContent {
        font-size: 100%;
        font-size: 16px;
        line-height: 24px;
        color: black;
        padding: 0 8px;
    }

    .gallerySlide img {
        width: 100%;
    }

    footer.footerContainer {
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        position: relative;
        background: var(--primary-color);
        background-image: url('../images/footer.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .footer {
        background: inherit;
        padding: 0;
        position: relative;
        font-size: 100%;
        box-shadow: none;
        color: white;
        padding: 121px 0;
    }

    .footerLinksTitle {
        font-family: "Averia Sans Libre", sans-serif;
        font-size: 24px;
        font-weight: 400;
    }

    .footerLinksTitle:first-letter {
        color: inherit;
    }

    .footerLinkItem::before {
        color: white;
    }

    .footerInfoData i {
        color: white;
    }

    .footerLogo {
        width: 50%;
    }

    .footer a:hover {
        color: var(--pink-color);
    }

    .copyRightContainer {
        padding: 53px 0 46px;
        border-top: 1px solid #787878;
        background-image: url('../images/pattern.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .socialLinks a {
        font-size: 20px;
        width: unset;
        height: unset;
        color: inherit;
        text-align: center;
        background: var(--primary-color);
        color: var(--primary-text-color);
        line-height: 1;
        display: flex;
        transition: 0.5s;
        align-items: center;
        justify-content: center;
    }

    .socialLinks {
        gap: 8px 25px;
    }

    .readyToJoinContainer {
        background: var(--pink-color);
    }

    .readyToJoinContainer h1 {
        color: white !important;
    }

    .eventPopUpContainer {
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 1001;
        background-color: white;
        padding: 10px;
        max-width: 45%;
        width: 450px;
        transition: 0.4s;
        transform: translateY(100%);
        box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
        border-radius: 6px 0 0 6px;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
        border-radius: 6px;
    }

    .eventPopUpContainer.active {
        transform: translateY(0);
    }

    .eventPopUpCloseBtn {
        position: absolute;
        top: 12px;
        right: 12px;
        height: 20px;
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: black;
        color: white;
        cursor: pointer;
        border-radius: 100px;
    }

    .eventPopUpCloseBtn i {
        font-size: 13px;
    }

    @media only screen and (max-width: 575px) {

        .eventPopUpContainer {
            /* z-index: 1; */
            background-color: white;
            padding: 8px;
            max-width: 100%;
            width: 650px;
            transition: 0.4s;
            transform: translateY(100%);
        }

        /* .eventPopUpContainer img {
        display: none;
    } */

        .upEvenMob .fontStyle2 {
            font-size: 20px !important;
        }

        .upEvenMob .small {
            font-size: 12px;
            margin: 0;
        }

        .whyChooseUs .customIconImageBox {
            margin-bottom: 0px;
            width: 70px;
        }

        .whyChooseUs .customIconContent {
            font-size: 14px;
            line-height: 20px;
        }


    }

    @media screen and (min-width: 1200px) {
        .container {
            max-width: 1174px;
        }
    }

    h1,
    .h1 {
        font-size: 48px;
    }

    h2,
    .h2 {
        font-size: 44px;
    }

    h3,
    .h3 {
        font-size: 40px;
    }

    h4,
    .h4 {
        font-size: 30px;
    }

    h2,
    .h2 {
        font-size: 44px;
    }

    .aboutPage .list {
        font-size: 18px;
        line-height: 24.5px;
        padding-left: 40px;
    }

    .aboutPage .list li {
        margin: 2px 0;
    }

    .eventImageBox img {
        height: 100%;
        object-fit: cover;
    }

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

        h1,
        .h1 {
            font-size: 26px;
        }

        h2,
        .h2 {
            font-size: 22px;
        }

        h3,
        .h3 {
            font-size: 20px;
        }

        h4,
        .h4 {
            font-size: 20px;
        }


        .aboutPage .list {
            font-size: 15px;
        }
    }

    .schoolPolicyCard .list,
    .schoolPolicyCard .list li {
        font: inherit;
    }

    .schoolPolicyCard .list {
        padding: 0 0 0 18px;
    }

    .schoolPolicyCard .list li::marker {
        color: inherit;
    }

    .schoolPolicyCard .customIconCardBox {
        padding: 0;
    }

    .schoolPolicyCard .customIconCard {
        box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, .1);
    }

    .schoolPolicyCard .customIconTitle {
        padding: 12px 32px;
        font-size: 15px;
        color: white;
        font-weight: bold;
    }

    .blue .schoolPolicyCard .customIconTitle {
        background: var(--primary-color);
    }

    .pink .schoolPolicyCard .customIconTitle {
        background: var(--pink-color);
    }


    .schoolPolicyCard .customIconContent {
        padding: 30px 40px;
    }



    .purple i {
        color: #6610f2;
    }

    .blue i {
        color: #00a7ff;
        ;
    }

    .red i {
        color: #f74c3a;
    }

    .orange i {
        color: #fbb34f;
    }

    .pink i {
        color: #ff4986;
    }

    .green i {
        color: #5fc24b;
    }



    .customIcon {
        background: transparent !important;
        width: unset;
        height: unset;
        aspect-ratio: auto;
        box-shadow: none;
        font-size: 36px;
    }

    .teacherFramework {
        margin: 0;
    }

    .teacherFramework [class*="col-"] {
        padding: 54px 40px;
        transition: 0.3s;
        border: 1px solid #efefef;
    }

    .teacherFramework [class*="col-"]:hover {
        z-index: 2;
        box-shadow: 0 35px 35px 0px rgba(0, 0, 0, .1);
    }

    .teacherFramework .customIconCard {
        padding: 0;
        box-shadow: none !important;
    }

    .teacherFramework .customIconCardBox {
        height: 100%;
        padding-bottom: 0;
        margin: 0 0 12px;
    }

    .teacherFramework .customIconTitle {
        margin: 0 0 9px;
        padding: 0;
        color: #1a1a1a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2em;
    }

    .teacherFramework p {
        color: #777;
        font-size: 14px;
        line-height: 2.06em;
    }

    .pecCard .customIcon {
        height: 50px;
        width: 50px;
        display: flex;
        font-size: 42px;
        align-items: center;
        justify-content: center;
    }

    .pecCard .customIconCardBox {
        padding-bottom: 20px;
    }

    .pecCard .customIconCardInline {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 18px;
        box-shadow: 6px 7px 5px 0px rgba(0, 0, 0, .5);
    }


    .pecCard .customIconContent p {
        color: var(--primary-color);
        font-weight: bold;
        line-height: 30px;
    }

    .accordion-item {
        margin-bottom: 8px;
    }

    .accordion-header button {
        display: flex;
        width: 100%;
        padding: 22px;
        position: relative;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        color: white;
        justify-content: space-between;
        background: var(--primary-color);
        border-radius: 0 !important;
    }

    .accordion-button:focus {
        box-shadow: none !important;
    }

    .accordion-header button.collapsed::after {
        content: '\f067';
        font-family: 'fontAwesome';
    }

    @media only screen and (min-width: 575px) {
        .pecCard .customIcon {
            margin-right: 35px;
        }


    }

    @media only screen and (max-width: 575px) {
        .pecCard .customIconCardInline {
            gap: 6px;
            padding: 14px;
        }

        .pecCard .customIconContent p {
            line-height: 20px;
        }
    }


    .accordion-body {
        /* background-color: white; */
        padding: 33px 28px 25px;
        line-height: 30px;
        border-bottom: 1px solid #d5d8dc;
    }

    .eventCard {
        padding: 0;
    }

    .eventImageBox {
        margin: 0;
        aspect-ratio: unset;
    }

    .eventTitle {
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 20px;
        color: var(--primary-color);
    }

    .eventContent {
        padding: 54px 60px 37px 58px;
    }

    .eventCard .eventImageBox:hover img {
        transform: none;
    }

    .footerLinkItem::before {
        display: none;
    }

    a.footerLink {
        padding: 13px 20px;
        display: block;
        line-height: 1;
        color: #fff;
        text-decoration: none;
    }

    .footerInfoData {
        color: #c3c9e2;
    }

    .footerInfoData a {
        display: flex;
        align-items: center;
        gap: 18px;
        color: #fff;
        text-decoration: none;
    }

    .readyToJoinContainer h1 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .readyToJoinContainer a {
        background-color: #fff;
        padding: 10px 22px;
        font-size: 16px;
        font-weight: 600;
    }

    .backgoundWave {
        background-image: url('../images/bg-wave.png'), linear-gradient(180deg, #fbfbfb 0%, #f7f8fb 100%);
        background-size: 100% 120px, cover;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .lh-24_5 {
        line-height: 24.5px;
    }

    .font_18 {
        font-size: 18px;
    }

    .curriculumBgImageBox {
        min-height: 450px;
        background-size: cover;
        background-position: center;
    }

    .curriculumBox {
        padding: 7px;
    }

    .curriculumBox h4 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 20px;
        color: white;
    }

    .curriculumBox p {
        line-height: 30px;
        font-size: 15px;
        color: white;
    }


    .curriculumPageTitle {
        font-size: 39px;
    }

    .keyFeatureBox .customIconCard {
        box-shadow: none;
    }

    .keyFeatureBox .customIcon {
        width: 64px;
        height: 64px;
        text-align: center;
    }

    .keyFeatureBox .customIcon i {
        font-size: 56px;
    }

    .keyFeatureBox .customIconCard:hover .customIcon i {
        transform: none;
    }

    .keyFeatureBox .customIconTitle {
        font-size: 27px;
        color: var(--primary-color) !important;
        font-weight: bold;
        padding: 0;
        gap: 15px;
        margin-bottom: 16px;
        line-height: 32.4px;
    }

    .heartFestivals .customIconCard {
        background: #fff4e2;
        border-radius: 10px;
        box-shadow: none;
    }

    .heartFestivals .customIconImageBox {
        width: 45%;
        padding: 0;
    }

    .heartFestivals .customIconCard:hover {
        box-shadow: none;
    }

    .heartFestivals .customIconCard:hover img {
        transform: none;
    }

    .heartFestivals .customIconImageBox::before {
        display: none;
    }

    .heartFestivals p {
        font-size: 14px;
        line-height: 21px;
    }

    .customIconTitle {
        font-size: 18px;
        line-height: 21px;
        margin: 8px 0 5px;
        font-weight: bold;
        padding: 0;
        color: var(--primary-color);
    }

    .curriculumBox {
        padding: 50px 20px 50px 50px;
    }


    .sectionTopBorder {
        width: 100px;
        height: 4px;
        margin: 16px auto 16px;
        background: #fbb145;
    }

    @media screen and (max-width: 991px) {
        .sectionTopBorder {
            margin: 34px auto 10px;
        }
    }

    @media screen and (max-width: 575px) {
        .sectionTopBorder {
            margin: 7px auto 7px;
        }
    }

    .sectionBottomBorder {
        width: 40px;
        height: 4px;
        margin: 12px auto 10px;
        background: #0c5adb;
        border-radius: 12px;
        position: relative;
        transform: translate(16px);
    }

    .sectionBottomBorder::after {
        content: "";
        height: 4px;
        width: 4px;
        top: 0;
        right: calc(100% + 4px);
        position: absolute;
        border-radius: inherit;
        background: #0c5adb;
        box-shadow: -8px 0 0 #0c5adb, -16px 0 0 #0c5adb;
    }

    .admissionStepPara .list li::marker {
        color: white;
    }

    .admissionSteps {
        font-size: 13px;
        line-height: 16px;
        font-weight: 900;
        color: var(--tertiary-color);
    }

    .admissionSteps::before,
    .admissionSteps::after {
        font-size: 13px;
        line-height: 16px;
        top: -1px;
        position: relative;
        font-weight: 800;
    }

    .admissionSteps::before {
        content: '[';
        margin-right: 4px;
        color: var(--secondary-color);
    }

    .admissionSteps::after {
        content: ']';
        margin-left: 4px;
        color: var(--secondary-color);
    }

    .admissionStepTitle {
        font-size: 13px;
        font-weight: 800;
        line-height: 16.7px;
        letter-spacing: 2px;
        margin-bottom: 20px;
        text-transform: uppercase;
        color: var(--tertiary-color);
    }

    .admissionStepContent {
        margin-bottom: 20px;
        line-height: 27.2px;
    }

    .admissionStepContent .list {
        padding-left: 40px;
    }

    .admWhyChooseCard .customIconCard {
        box-shadow: none;
    }

    .admWhyChooseCard .textPrimary {
        color: var(--primary-color);
    }

    .admWhyChooseCard .customIcon {
        font-size: 72px;
        margin-bottom: 16px;
    }

    .admWhyChooseCard .customIconTitle {
        font-size: 22px;
        line-height: 27.6px;
        margin-bottom: 16px;
    }

    .admWhyChooseCard .customIconCard:hover i {
        transform: none;
    }


    .contactInfoCard .customIconCard {
        box-shadow: none;
    }

    .contactInfoCard .customIcon {
        font-size: 16px;
        margin: 0;
        width: 42px;
    }

    .contactInfoCard .customIconContent {
        font-size: 18px;
    }

    .contactInfoCard .customIconCard:hover i {
        transform: none;
    }

    .contactForm ::placeholder {
        color: #b0b0b0;
    }

    .contactForm {
        background-color: white;
        padding: 46px 26px;
        border-radius: 3px;
        box-shadow: -12px 12px 56px 10px rgba(16, 45, 94, .17);
    }

    .contactForm .form-group {
        margin-bottom: 10px;
    }

    .contactForm input[type="text"],
    .contactForm input[type="email"],
    .contactForm textarea {
        border-color: #eee;
        border-radius: 3px;
        font-size: 14px;
        color: #7c7c7c;
    }

    .contactForm input[type="text"],
    .contactForm input[type="email"] {
        padding: 8px 16px;
    }

    .contactForm input[type="submit"] {
        background-color: var(--primary-color);
    }

    .contactForm input[type="text"]:hover,
    .contactForm input[type="email"]:hover,
    .contactForm textarea:hover,
    .contactForm input[type="text"]:focus,
    .contactForm input[type="email"]:focus,
    .contactForm textarea:focus {
        border-color: rgb(238, 238, 238) !important;
    }


    .eventPage video {
        width: 100%;
        object-fit: cover;
        max-height: 450px;
    }


    form.formOldStyle {
        padding: 0;
        box-shadow: none;
    }

    form.formOldStyle::before {
        display: none;
    }

    .formOldStyle h3 {
        font-size: 29px;
        line-height: 1.2;
        color: white;
        padding: 10px;
        background-color: #8b1d1d;
    }

    .formOldStyle .form-body {
        margin: 0;
        padding: 10px 4px;
        border: 1px solid #8b1d1d;
    }

    .formOldStyle input:not([type="submit"]),
    .formOldStyle select {
        background-color: white;
        border-radius: 3px;
        border: 1px solid #8b1d1d;
    }

    .formOldStyle select {
        padding: 8px 12px;
    }

    .formOldStyle label {
        font-weight: normal;
        margin: 0 auto 6px;
        display: block;
        line-height: 1.2;
    }

    .formOldStyle .form-group {
        margin-bottom: 12px;
    }

    .headerIconBox {
        width: 75px;
        height: 75px;
        margin: auto;
        display: flex;
        font-size: 28px;
        align-items: center;
        justify-content: center;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 100%;
        left: 50%;
        background: white;
        border-radius: 50%;
        z-index: 100;
    }


    .eventTitle {
        width: 100%;
        text-align: center;
    }

    .eventTitle p {
        font-size: 25px;
        font-weight: 600;
        color: #f6a705;
        margin-top: 10px;
    }

    .dateArea p {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .eventPageContent {
        margin-top: 30px;
    }

    .eventPageContent p {
        font-size: 18px;
        margin-bottom: 0px;

    }

    .eventPageContent ul li {
        list-style-type: square !important;
        margin-left: 40px;
    }

    .ygImgArea {
        margin-top: 30px;
    }

    .ygImgInner {
        padding: 20px;
        background: #f1f1f1;
        border-left: 2px solid #1e2c67;
    }

    .ygImgInner img {
        width: 100%;
        height: 350px;
    }

    .summerCamp {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }

    .summerCampVInner video {
        margin: 30px auto;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .newEvnt h3 {
        font-size: 25px;
        font-weight: 700;
        text-align: center;
    }

    .reg-soon1 {
        color: #f6a705;
        text-align: left;
    }

    .dwdn-fingr1 {
        text-align: left;
        font-size: 24px;
        color: #f6a705;
    }

    .squre1 li {
        list-style-type: square !important;
        margin-left: 20px;
    }

    .allFormRegis {
        height: 290px;
        overflow-y: scroll;
        border: 1px solid #f6a705;
        padding: 10px;
    }

    .eventFooter {
        margin-top: 30px;
    }

    .sumrQute1 {
        text-align: center;
        color: #f6a705;
        line-height: 24px !important;
    }

    .eventTitle1 {
        padding: 15px;
        border: 1px dashed #1e2c67;
    }

    .reg-link1 a {
        width: 100%;
        text-decoration: none;
        padding: 2px 20px;
        border: 2px dotted #f6a705;
        color: #1e2c67;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        justify-content: center;
        margin: auto;
    }

    .main-titl1 {
        margin-bottom: -3px !important;
    }

    .blogTitle1 {
        display: -webkit-box;
        font-size: 18px;
        font-weight: 600;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-bottom: 4px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        text-align: center;
    }

    .blogBtnBox {
        display: flex;
        justify-content: center;
    }

    .ygImgInner1 {
        padding: 8px;
        background: #f1f1f1;
        border-radius: 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .ygImgInner1 img {
        width: 100%;
        height: 230px;
    }

    .backButton a {
        background: #1e2c67;
        color: #fff;
        padding: 5px 20px;
        font-size: 15px;
        font-weight: 700;
        text-decoration: none;
        border-radius: 6px;
    }





    @media only screen and (min-width: 991px) {
        .curriculumBox {
            padding: 85px 100px 85px 165px;
        }
    }

    @media only screen and (max-width: 768px) {
        a.footerLink {
            padding: 6px 0;
        }

        .footerLinksTitle {
            font-size: 20px;
            font-weight: 400;
            margin: 22px auto 4px;
            font-weight: 600;
        }

        .footerInfoData a {
            align-items: baseline;
            gap: 6px;
            line-height: 25px;
        }

        .curriculumPageTitle {
            font-size: 37px;
            line-height: 1;
        }

        .keyFeatureBox .customIconCard {
            box-shadow: none;
            flex-direction: column;
            text-align: center;
            gap: 0;
        }

        .customIconRight .customIconTitleBox,
        .customIconRight .customIconContent {
            text-align: center;
        }

        .customIconRight .customIconTitle {
            font-size: 27px;
            line-height: 32px;
        }

        .heartFestivals .customIconCard {
            padding: 20px 10px 20px;
        }

        .heartFestivals .customIconTitle {
            font-size: 18px;
            line-height: 21.6px;
        }

        .reg-link1 a {
            width: 100%;
            text-decoration: none;
            padding: 2px 20px;
            border: 2px dotted #f6a705;
            color: #1e2c67;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: flex;
            justify-content: center;
            margin: auto;
            font-size: 10px;
            font-weight: 700;
        }

        .eventContent1 {
            background: #fff;
            padding: 10px;
        }

        .eventTitle1 {
            padding: 10px;
            border: 1px dashed #1e2c67;
        }

        .newEvnt h3 {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
        }

        .eventPageContent p {
            font-size: 14px;
            margin-bottom: 0px;
            line-height: 26px;
        }

        .ygImgInner {
            padding: 8px;
        }

        .ygImgInner img {
            height: 230px;
        }

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

        .admWhyChooseCard .customIcon {
            font-size: 42px;
            margin-bottom: 12px;
        }

        .admWhyChooseCard .customIconTitle {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 5px;
        }

    }

    @media only screen and (max-width: 575px) {
        .pecCard .customIconLeft {
            margin: auto;
        }

        .readyToJoinContainer h1 {
            font-size: 30px;
            line-height: 25px;
            margin-bottom: 12px;
            text-align: center;
        }

        .readyToJoinContainer p {
            text-align: center;
        }

        .readyToJoinContainer a {
            padding: 4px 14px !important;
            font-size: 14px;
            margin: 0 auto 24px;
        }

        .readyToJoinContainer .col-lg-5 {
            text-align: center !important;
        }

    }


    .curriculum-img-section img {
        width: 100%;
        border-radius: 20px;
    }

    .policy-card-header {
        background-color: #F5A703;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 10px;

    }

    .policy-section {
        padding: 60px 0;
    }

    .policy-card {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        padding: 40px;
    }

    .policy-card h2 {
        font-weight: 600;
        color: #F5A703;
        border-bottom: 3px solid #F5A703;
        display: inline-block;
        padding-bottom: 6px;
        margin-bottom: 20px;
    }

    .policy-card h5 {
        margin-top: 30px;
        font-weight: 600;
        color: #F5A703;
    }

    .policy-card ul {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .policy-card ul li {
        margin-bottom: 8px;
        list-style: circle red;
        margin-left: 20px;
    }

    .contact-info {
        background: #F5A703;
        color: #fff;
        border-radius: 12px;
        padding: 25px;
        margin-top: 40px;
    }

    .contact-info h5 {

        color: #fff !important;
    }

    .contact-info a {
        text-decoration: none;
    }

    .contact-info a:hover {
        text-decoration: underline;
    }

    @media (max-width: 767px) {
        .policy-card {
            padding: 25px;
        }

        .policy-card h2 {
            font-size: 1.5rem;
        }
    }



    /* Modal css start here */

    /* overlay background */
    .modal-section {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
        z-index: 9999;
        padding: 20px;
    }

    /* show class */
    .modal-section.show {
        opacity: 1;
        visibility: visible;
    }

    /* popup box */
    .popup-modal {
        width: 600px;
        position: relative;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
        animation: zoomIn 0.4s ease;
    }

    /* close button */
    .close-btn {
        position: absolute;
        top: 8px;
        right: 10px;
        background: #000;
        color: #fff;
        border: none;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        font-size: 18px;
        cursor: pointer;
    }

    /* image styling */
    .popup-modal img {
        display: block;
        max-width: 100%;
        border-radius: 8px;
    }

    /* animation */
    @keyframes zoomIn {
        from {
            transform: scale(0.8);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 1;
        }
    }

    .respLineHr {
        margin: 10px auto 24px;
    }

    .house-system .card {
        border-radius: 10px;
        border: 1px solid var(--primary-color);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }

    .house-system .card:hover {
        box-shadow: 0 0 10px var(--primary-color);
        transform: scale(1.05);
    }

    .house-system .card .card-img {
        border-radius: 10px;
        height: 150px;
        overflow: hidden;
    }

    .house-system .card .title h5 {
        margin: 0;
        padding: 10px 0;
        font-size: 16px;
    }

    .image-card {
        border-radius: 10px;
        overflow: hidden;
        height: 230px;
        width: 100%;
    }

    .image-card img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        border-radius: 8px;
        transition: .3s ease;
    }

    .image-card img:hover {
        transform: scale(1.2);
    }

    .gallerySec40Pad {
        background-color: #202d65 !important;
    }

    .gallerySec40Pad .heading-title {
        color: #fff;
    }

    .bottomBtnSec {
        text-align: center;
        padding: 46px 0 0;
        line-height: 3;
    }

    .bottomBtnSec a {
        font-size: 16px;
        color: #212d63;
        text-decoration: none;
        background-color: #fff;
        font-weight: 600;
        padding: 9px 22px;
        border-radius: 9px;
    }

    .applyHomePage {
        color: white;
        background-color: #fff !important;
        font-weight: 600 !important;
    }

    .applyHomePage:hover {
        color: #ff4d86 !important;
        font-weight: 600;
    }

    .visionHeadingSec {
        font-size: 32px;
        line-height: 36px;
        margin: 0 auto 16px !important;
    }

    .boxedSection {
        padding: 60px 0;
    }

    @media screen and (max-width: 1299px) {
        .boxedSection {
            padding: 40px 0;
        }
    }

    @media screen and (max-width: 1199px) {
        .heading-title {
            font-size: 34px;
            margin: 14px auto 4px;
        }
    }

    @media screen and (max-width: 991px) {
        .boxedSection {
            padding: 30px 0;
        }

        .heading-title {
            font-size: 28px;
            margin: 6px auto 3px;
        }
    }

    @media screen and (max-width: 575px) {
        .slickNav {
            width: 25px;
            height: 25px;
        }

        .heading-title {
            font-size: 20px;
            margin: 12px auto 2px !important;
            line-height: 26px;
        }

        .visionHeadingSec {
            font-size: 24px;
            line-height: 30px;
            margin: 16px auto 2px !important;
        }

        p:last-child {
            margin: 0 auto 16px;
        }

        .bottomBtnSec {
            padding: 16px 0 0;
        }

        .bottomBtnSec a {
            font-size: 14px;
            padding: 6px 14px;
        }

        .counterCardContainer .card {
            margin: 16px auto 0;
        }

        .counterCardContainer .card .cardImgHeight {
            height: 200px !important;
        }

        .whyChooseUs .customIconCard {
            padding: 0 12px 20px;
        }

        .applyHomePage {
            padding: 10px 28px !important;
            font-size: 14px;
        }

        .footer {
            padding: 40px 0;
        }

        .copyRightContainer {
            padding: 16px 0 16px;
        }

        .subFooterSec {
            flex-direction: column;
            gap: 14px;
        }

        .boxedSection {
            padding: 16px 10px;
        }

        .abHeading h2 {
            font-size: 26px !important;
            padding: 10px 4px 0px !important;
        }

        .boardMemberImagesBox {
            margin: 0 auto 18px !important;
        }

        .MembersHeading h4 {
            font-size: 24px !important;
            margin: 0 0 14px !important;
        }

        .secAbout .row {
            padding: 20px 10px !important;
        }

        .secAbout {
            padding: 16px 0 !important;
        }

        .eventImageBox {
            margin: 12px auto 0 !important;
        }

        .trustedSecCard {
            padding: 16px !important;
        }

        .customIconRight .customIconTitle {
            font-size: 22px;
            line-height: 28px;
        }

        .schoolPolicyCard .customIconContent {
            padding: 20px 20px;
        }

        .aboutPage .list li {
            text-align: left !important;
        }

        .teacherFramework [class*="col-"] {
            padding: 14px 10px;
        }

        .teacherFramework p {
            font-size: 12px;
            line-height: 19px;
        }

        .accordion-header button {
            margin: 0 auto 0;
            padding: 8px 10px;
            font-size: 14px;
            border-radius: 0 !important;
        }

        .accordion-item {
            margin-bottom: 6px;
        }

        .accordion-body {
            line-height: 22px;
            font-size: 13px;
            padding: 10px 10px !important;
        }

        .font_18 {
            font-size: 14px !important;
            margin: 8px auto 0;
            text-align: center;
        }

        p {
            font-size: 14px;
        }
    }

    @media screen and (max-width: 475px) {
        .heading-title {
            font-size: 18px;
            margin: 10px auto 0px !important;
        }

        .sectionTopBorder {
            margin: 4px auto 3px;
        }
    }


    .testimonialSecAll .section-tag {
        display: inline-block;
        border: 1px solid #f0b37e;
        color: #d98b43;
        padding: 5px 15px;
        border-radius: 6px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .testimonialSecAll .section-title {
        font-size: 52px;
        font-weight: 700;
        color: #111827;
        margin-bottom: 50px;
    }

    .testimonialSecAll .testimonial-card {
        background: #fff;
        border-radius: 24px;
        padding: 30px;
        height: 100%;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        transition: .3s;
    }

    .testimonialSecAll .testimonial-card:hover {
        transform: translateY(-5px);
    }

    .testimonialSecAll .quote-icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #eef1f5;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #d7dde5;
        font-size: 26px;
        margin-bottom: 25px;
    }

    .testimonialSecAll .testimonial-text {
        font-size: 20px;
        line-height: 1.7;
        color: #4b5563;
        margin-bottom: 35px;
    }

    .testimonialSecAll .highlight {
        color: #f59e0b;
        font-weight: 600;
    }

    .testimonialSecAll .client-info {
        border-top: 1px solid #eef1f5;
        padding-top: 20px;
        display: flex;
        align-items: center;
    }

    .testimonialSecAll .client-img {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 15px;
    }

    .testimonialSecAll .client-name {
        font-size: 22px;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 0;
    }

    .testimonialSecAll .client-id {
        font-size: 14px;
        color: #6b7280;
    }

    @media(max-width:991px) {
        .testimonialSecAll .section-title {
            font-size: 40px;
        }

        .testimonialSecAll .testimonial-text {
            font-size: 18px;
        }
    }

    @media(max-width:767px) {
        .testimonialSecAll .testimonial-section {
            padding: 50px 0;
        }

        .testimonialSecAll .section-title {
            font-size: 32px;
        }

        .testimonialSecAll .testimonial-card {
            padding: 25px;
        }

        .testimonialSecAll .testimonial-text {
            font-size: 16px;
        }

        .testimonialSecAll .client-name {
            font-size: 18px;
        }

        .testimonialSecAll.testimonial-section {
            padding: 30px 0;
        }
    }














    .testimonialSecAll .carousel img {
        width: 70px;
        max-height: 70px;
        border-radius: 50%;
        margin-right: 1rem;
        overflow: hidden;
    }

    .testimonialSecAll .carousel-inner {
        padding: 1em;
    }

    @media screen and (min-width: 576px) {}

    @media screen and (min-width: 768px) {
        .testimonialSecAll .carousel-item {
            display: block;
            margin-right: 0;
            flex: 0 0 calc(100% / 3);
        }
    }

    .testimonialSecAll .carousel .card {
        margin: 0 0.5em;
        border: 0;
    }

    .testimonialSecAll .carousel-control-prev,
    .testimonialSecAll .carousel-control-next {
        width: 2rem;
        height: 2rem;
        background-color: grey;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .testimonialSecAll .carousel-control-next-icon,
    .testimonialSecAll .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;

    }














    .abHeading h2 {
        font-size: 34px;
        padding: 50px 0 0px;
        margin: 0;
        color: var(--primary-color);
        font-weight: 600;
    }

    /* .visionMisionBgWhite {
        background-color: #fff;
        border-top: 1px solid #f0f0f0;
    }

    .visionMisionBgWhite .heading-title {
        margin: 0 auto 16px;
    } */

    .visiionSecBg {
        margin-top: 70px;
    }

    @media screen and (max-width: 575px) {
        .visiionSecBg {
            margin-top: 40px;
        }

        .testimonialSecAll .carousel-inner {
            padding: 0;
        }
    }



    .eplLabSec .main .container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    .eplLabSec .card {
        color: #000;
        border-radius: 2px;
        background: #fff;
        /* box-shadow: $box-shadow; */
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    }

    .eplLabSec .cardimgSec {
        position: relative;
        display: block;
        width: 100%;
        padding-top: 120%;
        background: #fff;
    }

    .eplLabSec img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    @media only screen and (max-width: 600px) {
        .eplLabSec .main .container {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 1rem;
        }

        .eplLabSec .cardimgSec {
            padding-top: 60%;
        }

        .card {
            margin-bottom: 8px;
        }
    }

    .commImgSeced {
        height: 416px;
    }

    .commImgSeced img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .trustHeadingSec {
        font-size: 40px;
        font-weight: 600;
    }

    @media screen and (max-width: 1199px) {
        .commImgSeced {
            height: 340px;
        }

        .trustHeadingSec {
            font-size: 36px;
        }

    }

    /* ============= */
    .topSearch {
        position: relative;
    }

    .topSearch label {
        position: absolute;
        left: 12px;
        top: 3px;
    }

    .topSearch label i {
        color: #202d65;
        font-size: 14px;
    }

    .topSearch input {
        padding-left: 43px;
        padding-right: 43px;
        border-radius: 23px;
        width: 100%;
        font-size: 14px;
    }


    /* ============== */
    .testimonalVideoSec {
        width: 100%;
        height: 340px;
    }

    .testimonalVideoSec video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .trustedSecCard {
        padding: 48px;
    }


    @media screen and (max-width: 1199px) {
        .trustedSecCard {
            padding: 30px;
        }

        .testimonalVideoSec {
            height: 260px;
        }
    }

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

        .ourMissionSec .row {
            flex-direction: column-reverse;
        }

        .ourMissionSec .imgSecMission img {
            width: 60% !important;
        }

        .ourMissionSec .imgSecMission {
            display: flex;
            justify-content: center;
            margin: 0 auto 30px;
        }

        .ourMissionSec .imgSecMission img {
            transform: scaleX(1) !important;
        }

        .ourMissionSec .bottomImgRowmission {
            flex-direction: column;
        }

        .aboutLogo img {
            margin: auto auto 16px;
            width: 65% !important;
        }

        .trustHeadingSec {
            font-size: 26px;
            font-weight: 600;
            margin: 0 auto !important;
        }

        .trustedSecCard {
            padding: 28px !important;
            text-align: center;
        }

        .trustedSecCard img {
            margin: 0 auto !important;
        }

        .commImgSeced {
            height: auto;
        }
    }


    .gallery-slider {
        position: relative;
        padding: 0 40px;
    }

    .slider-item {
        padding: 0 10px;
    }

    .img-box {
        height: 250px;
        overflow: hidden;
    }

    .img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .gallery-slider .card {
        margin: 20px 0 0px;
        min-height: 410px !important;

    }

    .custom-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        border: none;
        border-radius: 50%;
        background: #ffffff;
        color: #212d63;
        cursor: pointer;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-arrow:hover {
        background: #0f1b4d;
        color: #ffffff;
    }

    .slick-prev {
        left: -15px;
    }

    .slick-next {
        right: -15px;
    }

    .slick-prev:before,
    .slick-next:before {
        display: none;
    }

    .testiSlider .custom-arrow {
        background: #212d63;
        color: #fff;
        border: 1px solid #212d63;
    }

    .testiSlider .custom-arrow:hover {
        background: #ffffff;
        color: #212d63;
    }

    @media screen and (max-width: 1199px) {
        .testiSlider .card-body {
            padding: 0;
        }
    }



    @media screen and (max-width: 768px) {
        .slick-next {
            right: 10px;
        }

        .slick-prev {
            left: 10px;
        }

        .erpLogoMob {
            width: 16px !important;
        }

        .custom-arrow {
            width: 26px;
            height: 26px;
            font-size: 12px;
        }
    }

    /* ============================= */
    .goalSec {
        background: #F0F0F0;
        padding: 60px 0 60px 0;
    }

    .goalCardContent {
        background: #ffffff;
        border-radius: 0 0 4px 4px;
        padding: 25px 18px 22px;
    }

    .goalCardContent h5 {
        font-size: 22px;
    }

    .goalCardContent ul li {
        font-size: 16px;
        list-style: disc;
        margin: 0 0 0 20px;
    }

    .goalCardMain {
        margin: 42px auto 0;
    }

    .goalCrdImg {
        height: 225px;
        width: 100%;
    }

    .goalCrdImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .KhusiSec {
        padding: 70px 0;
    }

    .khusiContent {
        text-align: center;
    }

    .khusiContent img {
        margin: 0 auto;
        border: 6px solid #F6A52D;
        padding: 5px;
        box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
    }

    .khusiContent h3 {
        font-size: 30px;
        margin: 48px auto 0;
        max-width: 900px;
    }

    .scholLifeSec {
        padding: 50px 0;
        background-color: aliceblue;
    }

    .scholContent {
        margin: 40px auto 0;
    }

    .scholContent h6 {
        font-size: 22px;
        color: #000;
    }

    .scholContent ul li {
        font-size: 16px;
        margin: 0 0 0 20px;
        list-style: disc;
        line-height: 30px;
        color: #343434;
    }

    .scholImg {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
        padding: 10px;
        margin: 24px 10px 0;
    }

    .scholImg img {
        width: 100%;
    }

    .AddMisCatPadd {
        padding: 40px 0;
        border-top: 1px solid #e9e5e5;
    }







    .AddMisCatPadd .criteria-card {
        background: #ffffff;
        border-radius: 8px;
        padding: 25px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
        margin-top: 16px;
    }

    .AddMisCatPadd .title {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 8px;
    }

    .AddMisCatPadd .sub-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px;
        margin-top: 30px;
    }

    .AddMisCatPadd ul li {
        font-size: 16px;
        margin: 0 0 0 20px;
        list-style: disc;
    }

    .AddMisCatPadd .description {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .AddMisCatPadd .table-custom {
        border: 1px solid #000;
    }

    .AddMisCatPadd .table-custom th,
    .AddMisCatPadd .table-custom td {
        border: 1px solid #000;
        vertical-align: middle;
        padding: 2px 6px;
        font-size: 14px;
        text-align: center;
    }

    .AddMisCatPadd .table-custom th {
        background-color: #f2f2f2;
        font-weight: 700;
    }

    .AddMisCatPadd .note {
        margin-top: 12px;
        font-size: 16px;
    }

    .AddMisCatPadd .note strong {
        font-weight: 700;
    }

    @media (max-width: 768px) {
        .AddMisCatPadd {
            padding: 20px 0;
        }

        .AddMisCatPadd .criteria-card {
            padding: 16px;
            margin-top: 10px;
        }

        .AddMisCatPadd .title {
            font-size: 18px;
        }

        .AddMisCatPadd .description,
        .AddMisCatPadd .note {
            font-size: 0.95rem;
        }

        .AddMisCatPadd .table-custom th,
        .AddMisCatPadd .table-custom td {
            font-size: 0.9rem;
            padding: 10px;
        }

        .scholContent h6 {
            font-size: 16px;
        }

        .scholContent ul li {
            font-size: 13px;
            line-height: 24px;
        }

        .happinessSecCss {
            padding: 10px 10px !important;
        }

        .goalSec {
            padding: 30px 0 30px 0;
        }

        .goalCardMain {
            margin: 12px auto 0;
        }

        .goalCardContent {
            padding: 12px 12px 12px;
        }

        .goalCardContent h5 {
            font-size: 18px;
        }

        .goalCardContent ul li {
            font-size: 13px;
            line-height: 20px;
        }

        .goalCardContent p {
            font-size: 13px;
            line-height: 20px;
        }

        .KhusiSec {
            padding: 30px 10px;
        }

        .khusiContent h3 {
            font-size: 18px;
            margin: 34px 0 0;
        }

        .scholLifeSec {
            padding: 30px 10px;
        }

        .scholContent {
            margin: 20px auto 0;
        }

        .scholImg {
            padding: 10px;
            margin: 14px 0 0;
        }

        .goalCrdImg {
            height: 150px;
        }

        .AddMisCatPadd .sub-title {
            font-size: 16px;
            margin-bottom: 8px;
            margin-top: 20px;
        }

        .AddMisCatPadd ul li {
            font-size: 14px;
            margin: 0 0 0 16px;
            list-style: disc;
            line-height: 24px;
        }
    }

    /* ============== */
    .scholHabitSec {
        padding: 50px 0;
    }

    .habitImgSec {
        height: 220px;
        width: 100%;
    }

    .habitImgSec img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .habitParaSec {
        padding: 16px 16px;
        background-color: #202d65;
        border-radius: 0 0 10px 10px;
    }

    .habitParaSec p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0;
        transition: .3s;
        line-height: 24px;
        margin: 0 auto 0;
        text-align: center;
    }

    .habitCardSec {
        border: 1px solid #dddddd;
        transition: all 0.3s ease 0s;
        margin: 16px auto;
        border-radius: 10px;
    }

    /* ============ */



    .promise-section {
        background: linear-gradient(135deg, #f8f3e8, #f2e7d5);
        padding: 80px 0;
    }

    .promise-section .promise-card {
        background: #fff;
        padding: 60px 40px 30px;
        border-radius: 30px;
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);
        position: relative;
        overflow: hidden;
    }

    .promise-section .promise-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 36px;
        background: linear-gradient(90deg, #ff431e, #f6a53f);
    }

    .promise-section .promise-badge {
        width: 70px;
        height: 70px;
        margin: 0 auto 16px;
        background: #ff482d40;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .promise-section .promise-badge i {
        font-size: 34px;
        color: #ff492e;
    }

    .promise-section .section-title {
        font-size: 32px;
        font-weight: 700;
        color: #111;
        margin-bottom: 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .promise-section .divider {
        width: 80px;
        height: 4px;
        background: #ff4a2d;
        margin: 0 auto 26px;
        border-radius: 50px;
    }

    .promise-section .promise-heading {
        font-size: 28px;
        line-height: 1.4;
        color: #222;
        font-weight: 600;
        margin: 0 auto;
        max-width: 730px;
    }

    .promise-section .promise-heading span {
        color: #ff4a2d;
        font-weight: 700;
    }

    .promise-section .quote-line {
        width: 120px;
        height: 2px;
        background: #c5c5c5;
        margin: 25px auto;
    }

    .promise-section .promise-text {
        font-size: 28px;
        line-height: 1.5;
        color: #333;
        max-width: 850px;
        margin: auto;
    }

    .promise-section .promise-text strong {
        color: #ff4a2d;
        display: block;
        margin-top: 0px;
    }

    /* Responsive */

    @media(max-width:991px) {

        .promise-section .promise-card {
            padding: 45px 30px;
        }

        .promise-section .section-title {
            font-size: 2.4rem;
        }

        .promise-section .promise-heading {
            font-size: 1.8rem;
        }

        .promise-section .promise-text {
            font-size: 1.5rem;
        }

        .scholHabitSec {
            padding: 30px 0 10px;
        }
    }

    @media(max-width:576px) {

        .promise-section .promise-card {
            padding: 35px 20px;
            border-radius: 20px;
        }

        .promise-section .promise-badge {
            width: 50px;
            height: 50px;
            margin: 0 auto 10px;
        }

        .promise-section .promise-badge i {
            font-size: 26px;
        }

        .promise-section .section-title {
            font-size: 24px;
        }

        .promise-section .promise-heading {
            font-size: 18px;
        }

        .promise-section .promise-text {
            font-size: 16px;
        }

        .promise-section .promise-card::before {
            height: 24px;
        }

        .promise-section {
            padding: 30px 0 !important;
        }

        .habitImgSec {
            height: 150px;
        }

        .habitParaSec {
            padding: 12px 12px;
        }

        .habitParaSec p {
            font-size: 14px;
            line-height: 18px;
        }

        .empowSsecHeading {
            margin: 0 auto 36px;
        }

        .promise-section .divider {
            width: 60px;
            height: 2px;
            margin: 0 auto 16px;
        }

        .promise-section .quote-line {
            width: 90px;
            height: 2px;
            margin: 16px auto;
        }
    }









    .life-education-section {
        padding: 30px 0;

    }

    .life-education-section .quote-card {
        background: rgba(255, 255, 255, .08);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, .15);
        border-radius: 30px;
        padding: 30px 10px;
        text-align: center;
        position: relative;
        z-index: 2;
        background: linear-gradient(135deg, #ff4a2d, #f7a24b);
        position: relative;
        overflow: hidden;
    }

    .life-education-section .quote-card::after {
        content: "";
        position: absolute;
        width: 250px;
        height: 250px;
        background: rgba(255, 255, 255, .05);
        border-radius: 50%;
        bottom: -100px;
        right: -100px;
    }

    .life-education-section .quote-card::before {
        content: "";
        position: absolute;
        width: 250px;
        height: 250px;
        background: rgba(255, 255, 255, .08);
        border-radius: 50%;
        top: -120px;
        left: -120px;
    }

    .life-education-section .quote-icon {
        font-size: 50px;
        color: #fff;
        line-height: 0;
        margin-bottom: 0px;
        opacity: .8;
        margin: 8px auto 0;
    }

    .life-education-section .quote-text {
        font-size: 32px;
        line-height: 1.5;
        color: #fffdf4;
        font-weight: 600;
        margin: 0;
    }

    .life-education-section .quote-line {
        width: 70px;
        height: 2px;
        background: #fff;
        margin: 16px auto;
        border-radius: 10px;
    }

    @media(max-width:992px) {

        .life-education-section .quote-text {
            font-size: 2.3rem;
        }
    }

    @media(max-width:768px) {

        .life-education-section .life-education-section {
            padding: 20px 0;
        }

        .life-education-section .quote-card {
            padding: 30px 20px 10px;
        }

        .life-education-section .quote-icon {
            font-size: 55px;
        }

        .life-education-section .quote-text {
            font-size: 22px;
            line-height: 1.6;
        }

        .life-education-section {
            padding: 20px 0;
        }

        .life-education-section .quote-card::after {
            width: 170px;
            height: 170px;
        }

        .life-education-section .quote-card::before {
            width: 200px;
            height: 200px;
        }

        .videoContent {
            height: auto;
        }
    }


    .galleryCardImg {
        overflow: hidden;
        height: 250px;
    }

    .galleryCardImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .galleryCardContent h5 {
        color: #1E2C67;
        font-weight: 600;
        font-size: 18px;
        margin: 0;
    }

    .galleryCardContent p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .galleryCardContent span {
        background: #1E2C67;
        color: white;
        padding: 2px 16px;
    }

    .galleryCardContent {
        padding: 16px;
        /* background-color: #f5f5f5; */
    }

    @media(max-width:576px) {
        .life-education-section .quote-text {
            font-size: 16px;
        }

        .respLineHr {
            margin: 10px 0 !important;
        }

        .gallery-slider .card {
            margin: 22px 0 0px;
            min-height: 330px !important;
            width: 100%;
        }

        .galleryCardImg {
            height: 180px;
        }

        .backgroundTertiary {
            margin: 0 0;
        }
    }

    /* ============= */
    .blogsSecMain {
        padding: 26px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius: 15px;
        margin: 0 auto 36px;
        text-align: center;
    }

    @media(max-width:575px) {
        .text-center .subTitle {
            padding: 0 55px;
            font-size: 12px;
            margin: 0 auto 10px;
        }

        .text-center .subTitle::after,
        .text-center .subTitle::before {
            background-color: #f74c3a;
            width: 30px;
            height: 2px;
        }

        section.boxedSection.readyToJoinContainer {
            padding: 30px !important;
        }

        .readyToJoinContainer h1 {
            font-size: 26px;
            line-height: 24px;
            margin-bottom: 8px;
            text-align: center;
        }

        .readyToJoinContainer p {
            text-align: center;
            font-size: 13px;
            line-height: 17px;
        }

        .readyToJoinContainer a {
            padding: 2px 10px 4px !important;
            font-size: 12px;
            margin: 0 auto 0;
        }

        .card-title {
            font-size: 16px !important;
            margin-bottom: 0 !important;
        }

        i.fa.fa-star {
            font-size: 12px;
        }
    }