/***Common CSS***/

:root {
    /* Colours */
    --primary-color: #ae0775;
    --textHeading: #1f2a37;
    --iconBg: #e5e6e8;
    --subTextHeading: #585758;
    --bodyBg: #f5f5f7;
    --white: #ffffff;
    --black: #000000;
    --borderLine: #e8e8e8;
    --Success: #198754;
    --Danger: #dc3545;
    --Warning: #ffc107;
}

body {
    background-color: var(--bodyBg) !important;
}

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

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

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

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

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

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

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

.bodyBgColor {
    background-color: var(--bodyBg);
}

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

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

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

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

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

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

.main-container {
    margin: 16px;
}

img {
    max-width: 100%;
}

.textHeading {
    color: var(--textHeading) !important;
}

a.btnPrimary {
    color: var(--white);
    border-radius: 12px !important;
}

    a.btnPrimary:hover span {
        color: var(--white);
    }

/* 1x1 */
.grid-aspect-ratio-1x1 [class^="col"] img,
.grid-aspect-ratio-1x1 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-1x1 img,
.grid-aspect-ratio-1x1 [class^="col"] .download-card,
.grid-aspect-ratio-1x1 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-1x1 img,
.event-header.grid-aspect-ratio-1x1 img,
.grid-items.grid-aspect-ratio-1x1 img {
    aspect-ratio: 1 / 1;
}

/* 4x3 */
.grid-aspect-ratio-4x3 [class^="col"] img,
.grid-aspect-ratio-4x3 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-4x3 img,
.grid-aspect-ratio-4x3 [class^="col"] .download-card,
.grid-aspect-ratio-4x3 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-4x3 img,
.event-header.grid-aspect-ratio-4x3 img,
.grid-items.grid-aspect-ratio-4x3 img {
    aspect-ratio: 4 / 3;
}

/* 3x4 */
.grid-aspect-ratio-3x4 [class^="col"] img,
.grid-aspect-ratio-3x4 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-3x4 img,
.grid-aspect-ratio-3x4 [class^="col"] .download-card,
.grid-aspect-ratio-3x4 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-3x4 img,
.event-header.grid-aspect-ratio-3x4 img,
.grid-items.grid-aspect-ratio-3x4 img {
    aspect-ratio: 3 / 4;
}

/* 3x1 */
.grid-aspect-ratio-3x1 [class^="col"] img,
.grid-aspect-ratio-3x1 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-3x1 img,
.grid-aspect-ratio-3x1 [class^="col"] .download-card,
.grid-aspect-ratio-3x1 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-3x1 img,
.event-header.grid-aspect-ratio-3x1 img,
.grid-items.grid-aspect-ratio-3x1 img {
    aspect-ratio: 3 / 1;
}

/* 2x1 */
.grid-aspect-ratio-2x1 [class^="col"] img,
.grid-aspect-ratio-2x1 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-2x1 img,
.grid-aspect-ratio-2x1 [class^="col"] .download-card,
.grid-aspect-ratio-2x1 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-2x1 img,
.event-header.grid-aspect-ratio-2x1 img,
.grid-items.grid-aspect-ratio-2x1 img {
    aspect-ratio: 2 / 1;
}

/* 16x9 */
.grid-aspect-ratio-16x9 [class^="col"] img,
.grid-aspect-ratio-16x9 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-16x9 img,
.grid-aspect-ratio-16x9 [class^="col"] .download-card,
.grid-aspect-ratio-16x9 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-16x9 img,
.event-header.grid-aspect-ratio-16x9 img,
.grid-items.grid-aspect-ratio-16x9 img {
    aspect-ratio: 16 / 9;
}

/* 1x1.4 */
.grid-aspect-ratio-1x14 [class^="col"] img,
.grid-aspect-ratio-1x14 [class^="col"] iframe,
.banner-item.grid-aspect-ratio-1x14 img,
.grid-aspect-ratio-1x14 [class^="col"] .download-card,
.grid-aspect-ratio-1x14 [class^="col"] .locate-card,
[class^="col"].grid-aspect-ratio-1x14 img,
.event-header.grid-aspect-ratio-1x14 img,
.grid-items.grid-aspect-ratio-1x14 img {
    aspect-ratio: 1 / 1.4 !important;
}


.grid-aspect-ratio-1x1 .banner-item img {
    aspect-ratio: 1 / 1;
}
.grid-aspect-ratio-4x3 .banner-item img {
    aspect-ratio: 4 / 3;
}
.grid-aspect-ratio-3x4 .banner-item img {
    aspect-ratio: 3 / 4;
}
.grid-aspect-ratio-3x1 .banner-item img {
    aspect-ratio: 3 / 1;
}
.grid-aspect-ratio-2x1 .banner-item img {
    aspect-ratio: 2 / 1;
}
.grid-aspect-ratio-16x9 .banner-item img {
    aspect-ratio: 16 / 9;
}

.grid-aspect-ratio-1x14 .banner-item img {
    aspect-ratio: 1 / 1.4 !important;
}




/*.grid-aspect-ratio-3x2 img {
    aspect-ratio: 3 / 2;
}

.grid-aspect-ratio-3x4 img {
    aspect-ratio: 3 / 4;
}*/
/*.grid-aspect-ratio-4x3 img {
    aspect-ratio: 4/3;
}*/
/***Common CSS***/
.header {
    z-index: 99;
    width: 100%;
}

.sticky1 {
    position: fixed;
    z-index: 1000;
    height: 70px;
    width: 100%;
    left: 0px;
    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}

    .sticky1.active {
        background: rgba(31, 42, 55, 0.8);
        backdrop-filter: saturate(180%) blur(20px);
        top: 0px;
        z-index: 999;
    }

        .sticky1.active .logo-img {
            width: 70px;
            margin-left: 0px !important;
        }

        .sticky1.active .logo {
            padding-left: 6.375rem;
        }

    .sticky1 .menu-icon-act {
        display: none;
    }

    .sticky1.active .menu-icon {
        display: none;
    }

    .sticky1.active .menu-icon-act {
        display: block;
        padding-right: 5rem;
    }

    .sticky1.active .header .menu-links {
        padding-top: 12px !important;
    }

.sticky2 {
    position: fixed;
    z-index: 1000;
    height: auto;
    width: 100%;
    left: 0px;
    top: 0px;
    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}

.inner-header {
    background: rgba(31, 42, 55, 0.8);
    backdrop-filter: saturate(180%) blur(20px);
    padding-top: 0.5rem;
    height: 70px;
}

    .inner-header .logo-img {
        width: 70px !important;
    }

    .inner-header .header {
        width: 99%;
    }

    .inner-header .menu-icon-act {
        display: none;
    }

    .inner-header a.float-end.hamburger-menu {
        padding-top: 7px;
    }

.header .padd-sapce-left-large {
    padding-left: 7.5rem !important;
}

.header .padd-sapce-right-large {
    padding-right: 6rem !important;
}

.header-info.sticky1 {
    position: inherit;
}

    .header-info.sticky1.active {
        position: fixed;
    }

.menu-top {
    background-color: rgba(31, 42, 55, 0.4);
    background-blend-mode: initial;
}

.menu-bottom {
    height: 100dvh;
    background-color: rgba(31, 42, 55, 0.2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.Searchbox input {
    width: 500px;
    height: 50px;
    background-color: #524f5d;
    border: 1px solid #524f5d;
    background: #524f5d url(../images/Magnifer.png) no-repeat 17px center;
    border-radius: 16px;
    padding-left: 3rem;
    line-height: 20px;
    color: var(--white) !important;
}

    .Searchbox input:focus {
        background-color: #524f5d;
    }

    .Searchbox input::-webkit-input-placeholder {
        color: var(--white);
    }

    .Searchbox input:-moz-placeholder {
        color: var(--white);
        opacity: 1;
    }

.sub-menu li {
    list-style: none;
}

.switch1 {
    padding: 2px;
    border-radius: 16px;
    display: flex;
    border: 1px solid #eccde2;
}

    .switch1 a {
        text-decoration: none;
        text-align: center;
        display: inline-block !important;
        color: var(--white);
        padding: 14px 24px;
    }

        .switch1 a.active {
            display: inline-block !important;
            padding: 17px 24px 12px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            height: 100%;
            text-align: center;
            text-align: center;
            color: var(--primary-color);
            background-color: var(--white);
            -webkit-border-radius: 12px !important;
            -moz-border-radius: 12px;
            -ms-border-radius: 12px;
            -o-border-radius: 12px;
            border-radius: 12px !important;
            -webkit-transition: margin 0.2s;
            -moz-transition: margin 0.2s;
            -o-transition: margin 0.2s;
            transition: margin 0.2s;
        }

.menu-bg {
    background: #1f2a37bf url(../images/abstract-gradient-background.jpg) no-repeat left center;
    background-size: cover;
}

.main-link {
    position: relative;
}

ul.mainMenu {
    padding-left: 0px;
    width: 340px;
}

.main-link li {
    padding-bottom: 16px;
    list-style-type: none;
}

    .main-link li a {
        color: #b7aeba;
        text-decoration: none;
    }

    .main-link li:hover a {
        color: var(--white);
    }

.menu-arw {
    display: none;
    float: right;
}

    .menu-arw.active {
        display: block;
    }

.menu-arw {
    display: none !important;
}

li.subMenu1.active a.active {
    color: var(--white);
}

.social-media {
    position: absolute;
    right: 0px;
    z-index: 0;
}

.active {
    display: block !important;
}

.sub-menu {
    min-height: 100%;
    text-align: left;
    padding: 0;
    z-index: 99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.menu-icon img {
    width: 60px;
    height: 60px;
    margin-top: 6px;
    background: rgba(31, 42, 55, 0.6);
    backdrop-filter: saturate(180%) blur(20px);
    padding: 12px;
    border-radius: 20px;
    margin-top: 0px !important;
}

li.more:hover .sub-menu {
    margin-top: 0px;
}

.sub-menu li {
    width: 345px;
    float: left;
}

    .sub-menu li a {
        color: var(--white);
        text-decoration: none;
    }

.social-links {
    background: url(../images/nav-menu_stroke-x.png) no-repeat left center;
}

    .social-links h6 {
        color: var(--white);
        letter-spacing: 2px;
        padding-bottom: 1rem;
    }

    .social-links ul {
        padding-left: 0px;
    }

    .social-links li {
        padding-bottom: 24px;
        list-style-type: none;
    }

        .social-links li a {
            line-height: 22px;
            color: #b7aeba;
            text-decoration: none;
            position: relative;
            z-index: 99;
        }

.closed {
    display: none !important;
}

.open {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
}

.megaMenu {
    display: none;
}

    .megaMenu img.logo-img {
        width: 90px;
    }

.searchblock {
    padding-top: 1.2rem !important;
}

.sub-menu li {
    padding-bottom: 20px;
}

.megaMenu.open {
    display: block;
    animation: rotateMenu 1000ms ease-in-out forwards;
    transform-origin: top center;
}

.sticky1.active .header .logoSec {
    padding-top: 0.5rem !important;
}

.sticky1.active .hamburger-menu.menu-icon-act {
    padding-top: 3px !important;
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

li.more a {
    transition: 0.4s all;
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.linkedImg {
    position: relative;
    top: -2px;
}

.destination {
    height: 420px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    z-index: 999999;
}

.padd-sapce-left {
    padding-left: 6.375rem;
}

.padd-sapce-right {
    padding-right: 6.375rem;
}

.menu-grid .destination-block h6 {
    color: var(--white) !important;
    margin-top: 1rem;
}

.destination::-webkit-scrollbar {
    display: none;
}

.subMenu8 ul.sub-menu {
    width: 1170px;
}

.menu-tab {
    padding-left: 6.375rem;
}

.open-social-links {
    display: block;
}

.menu__icon {
    display: none !important;
}

.destination-block h6 {
    margin-bottom: 0px;
    margin-top: 12px !important;
}

.destination-block p {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.7;
    line-height: 28px;
    color: var(--white);
}

.destination-block img {
    border-radius: 16px;
    aspect-ratio: 3/2;
    width: 100%;
}

.main-menu a:hover {
    color: var(--white) !important;
}

@keyframes slow-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes show-input {
    from {
        opacity: 0;
        width: 10%;
    }

    to {
        opacity: 1;
        width: 70%;
    }
}

.expand {
    right: 10px;
    top: 10px;
    animation: expand-button 0.6s ease-in;
    position: fixed;
    transform: scale(100);
}

    .expand i {
        animation: slow-opacity 0.3s;
        opacity: 0;
    }

.search {
    padding: 10px;
}

.vertical-tabs h6 {
    color: var(--white) !important;
    text-transform: uppercase;
}

.menu__icon {
    height: 23px;
    width: 22px;
    margin: 3%;
    position: absolute;
    top: 10px;
    right: 0%;
    display: inline-block;
    vertical-align: middle;
    z-index: 20;
}

    .menu__icon span {
        display: block;
        background: var(--white);
        width: 100%;
        height: 2px;
        margin-top: -4px;
        position: absolute;
        left: 0;
        top: 50%;
    }

    .menu__icon:before,
    .menu__icon:after {
        content: "";
        display: block;
        background: var(--white);
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        transform-origin: center center;
        transform: rotate(0deg);
        transition: all 0.3s ease;
    }

    .menu__icon:before {
        top: 2px;
        margin-top: -2px;
    }

    .menu__icon:after {
        bottom: 2px;
        margin-bottom: 3px;
    }

.menu_shown .menu__icon span {
    background: transparent;
}

.menu_shown .menu__icon:before {
    top: 43%;
    transform: rotate(45deg);
}

.menu_shown .menu__icon:after {
    bottom: 44%;
    transform: rotate(-45deg);
}

.mobile.menu {
    visibility: hidden;
    display: none;
}

.menu_shown .mobile.menu {
    animation: rotateMenu 1000ms ease-in-out forwards;
    transform-origin: top center;
    visibility: visible;
}

@keyframes rotateMenu {
    0% {
        transform: rotateX(-90deg);
    }

    70% {
        transform: rotateX(20deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.mobile.menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    text-align: center;
    z-index: 10;
}

.menu_shown .mobile-header {
    background-color: initial;
}

.menu_shown .sticky2 {
    background: inherit !important;
}

.menu_shown .mobile.menu {
    z-index: 9999 !important;
}

.menu_shown .logo {
    display: none;
}

.mobile .menu__item {
    display: block;
    line-height: 2;
    padding: 25px 0;
}

.mobile-sub-menu {
    position: relative;
    top: 0px;
    z-index: 9999;
}

.mobile-dropdown .mob-bg-drop {
    background-color: var(--textHeading);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .mobile-dropdown .mob-bg-drop:hover {
        background-color: var(--textHeading);
    }

.mobile-dropdown a {
    padding: 8px 16px !important;
}

.mobile-dropdown li {
    padding: 0px !important;
}

.mobile-dropdown .mainlist li a span {
    line-height: 25px;
}

.accordion-box a {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 50px;
    width: 100%;
    text-decoration: none;
    color: var(--white) !important;
    text-align: left;
}

.show-btn {
    width: 20px !important;
    background-color: inherit !important;
}

    .show-btn::after {
        position: relative;
        top: -5px;
        content: "";
        display: inline-block;
        width: 15px !important;
        height: 15px !important;
        border-right: 0.2em solid var(--white);
        border-top: 0.2em solid var(--white);
        transform: rotate(135deg) !important;
        margin-right: 0.5em;
        margin-left: 1em;
        background: inherit !important;
    }

    .show-btn.active::after {
        position: relative;
        top: -5px;
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        border-right: 0.2em solid var(--white);
        border-top: 0.2em solid var(--white);
        transform: rotate(-45deg) !important;
        margin-right: 0.5em;
        background: inherit;
    }

.accordion-box .show-btn {
    box-shadow: inherit !important;
}

.accordion-box .accordion-list {
    padding-top: 15px !important;
}

.mobile-main-menu li:last-child {
    padding-bottom: 0px;
}

.mobile-main-menu ul {
    margin-bottom: 0px;
}

.mobile-main-menu .accordion-box {
    background-color: inherit !important;
    border: none;
}

.accordion-collapse .accordion-body {
    display: block !important;
}

.mobile-menu-footer {
    background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, #ffffff63 53%, rgba(255, 255, 255, 0) 100% );
    mix-blend-mode: luminosity;
    height: 1px;
}

    .mobile-menu-footer h3 {
        padding-top: 2rem;
        padding-bottom: 1rem !important;
        letter-spacing: 2px;
    }

.carousel-caption h1,
.banner-desc h1,
.banner-desc h2,
.banner-desc h3,
.banner-desc h4,
.banner-desc h5,
.banner-desc h6,
.banner-desc p,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6,
.carousel-caption p {
    color: var(--white) !important;
    margin-bottom: 0px;
}

.banner-desc img {
    height: 24px !important;
    width: 24px !important;
    aspect-ratio: inherit !important;
}

.bs-slider.carousel-slider2 .home-carousel .banner-desc img {
    aspect-ratio: inherit !important;
}

.dateSec {
    width: 324px;
    padding: 20px 20px;
    border-radius: 20px;
    position: absolute;
    margin-top: -123px;
    right: 72px;
    background: rgba(31, 42, 55, 0.6);
    backdrop-filter: saturate(180%) blur(20px);
}

.display-date {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 22px;
    width: 124px;
    right: 11px;
    color: var(--white);
    top: 20px;
}

span#day {
    display: inline-block;
    width: 100%;
}

.display-time {
    display: inline-block;
    font-size: 1.75rem;
    background: url(../images/nav-menu_stroke-x.png) no-repeat right center;
    font-weight: 400;
    padding-right: 20px;
    color: var(--white);
    padding-top: 5px;
}

.slider-overlay {
    background: linear-gradient( 270deg, rgba(31, 42, 55, 0) 44.32%, rgba(31, 42, 55, 0.3) 86.72% ), linear-gradient(180deg, rgba(31, 42, 55, 0) 55.44%, #1f2a37 101.62%);
    bottom: 0;
    height: 100%;
    opacity: 1;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s !important;
    width: 100%;
}

.home-carousel .carousel-caption {
    left: 0px;
    right: 0px;
    padding-left: 6.375rem;
    bottom: 7rem;
    display: grid;
    row-gap: 10px;
}

.home-carousel .carousel-item img {
    height: auto;
    object-fit: cover;
}

.home-carousel .carousel-item {
    height: 96dvh;
}

.home-carousel .carousel-caption h5 {
    color: var(--white) !important;
}

.container-style1 {
    width: 100%;
}

.main-slider .home-carousel .carousel-indicators,
.main-slider1 .home-carousel .carousel-indicators,
.main-slider2 .home-carousel .carousel-indicators,
.main-slider3 .home-carousel .carousel-indicators,
.bs-slider .home-carousel .carousel-indicators {
    left: auto;
    margin-right: 0px !important;
    bottom: 5%;
    height: auto;
    float: none !important;
    text-align: right;
    width: 100% !important;
}

.main-slider .carousel,
.main-slider1 .carousel,
.main-slider2 .carousel,
.main-slider3 .carousel,
.bs-slider .carousel {
    width: 100% !important;
}

.main-slider .home-carousel .carousel-indicators a {
    text-indent: 0px;
    padding-top: 0px !important;
    background-color: inherit;
    border-bottom: 2px solid var(--white);
    height: auto;
    color: var(--white) !important;
    opacity: 0.5;
    float: left;
    width: 60px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 5px;
}

    .main-slider .home-carousel .carousel-indicators a.active {
        opacity: 1;
    }

.main-slider .slider-overlay {
    position: absolute;
    /*background: linear-gradient( 180deg, rgba(31, 42, 55, 0) 0%, rgba(31, 42, 55, 0.8) 101.62% ) !important;*/
}

.main-slider button:hover span,
.main-slider1 button:hover span,
.main-slider2 button:hover span,
.main-slider3 button:hover span {
    background-color: var(--primary-color);
}

.width-40 {
    width: 40%;
}

.main-slider .carousel-inner,
.main-slider1 .carousel-inner,
.main-slider2 .carousel-inner,
.main-slider3 .carousel-inner {
    border-radius: 32px !important;
}

.main-slider .carousel-item {
    position: relative;
}

.container-style2 {
    padding: 6.5rem;
    background-color: var(--white);
    border-radius: 32px;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}

.arial-map-view {
    position: relative;
}

.container-style3 {
    padding: 24px;
    background-color: var(--white);
    border-radius: 32px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}

.grid-media {
    row-gap: 20px;
}

    .grid-media img {
        object-fit: cover;
        /* max-width: 100%; */
        width: 100%;
        /* height: 100%;*/
        border-radius: 16px;
    }

.video-block {
    position: relative;
}

.container-box-100,
.container-box-90,
.container-box-80,
.container-box-70,
.container-box-60,
.container-box-50 {
    margin: 0 auto !important;
    position: relative;
}

.container-box-100 {
    width: 100%;
}

.container-box-90 {
    width: 90%;
}

.container-box-80 {
    width: 80%;
}

.container-box-70 {
    width: 70%;
}

.container-box-60 {
    width: 60%;
}

.container-box-50 {
    width: 50% !important;
}

.container-box-40 {
    width: 40% !important;
}

.container-box-30 {
    width: 30% !important;
}

.download-icon2 {
    background-color: var(--borderLine);
    width: 44px;
    height: 44px;
    text-align: center;
    align-content: center;
    border-radius: 50% !important;
    float: right;
}

.download-files-sec p {
    margin-bottom: 0px;
}

.download-files-sec a {
    text-decoration: none;
    padding: 16px 20px;
    transition: border 0.3s ease-in-out;
    border: 1px solid transparent;
    display: inline-block;
    background-color: var(--bodyBg);
    border-radius: 24px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 100%;
}

    .download-files2:hover,
    .download-files-sec a:hover,
    .file-section:hover a {
        border: 1px solid var(--primary-color);
    }

.download-files-sec:hover img,
.file-section:hover .download-icon2 img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(100%);
}

.download-files:hover .download-icon2,
.download-files-sec:hover .download-icon2,
.file-section:hover .download-icon2 {
    background-color: var(--primary-color);
}

.banner-desc h6,
.bs-slider .banner-desc h6,
.banner-desc h5 {
    color: var(--white) !important;
}

.page-header1 img,
.page-header2 img,
.page-header3 img,
.card-style2.view-block img {
    border-radius: 24px;
}

.banner-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    z-index: 11;
    padding-left: 3rem;
    padding-right: 3rem;
    width: 100%;
    row-gap: 15px;
    position: absolute;
    top: 50%;
    left: 0%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .banner-desc h2,
    .banner-desc .info-text,
    .bs-slider .banner-desc .info-text {
        margin: 0px !important;
    }

.slider-overlay3 {
    z-index: 10;
}

.banner-desc h2,
.banner-desc h5 {
    color: var(--white) !important;
    margin-bottom: 0;
}

.banner-desc a img {
    position: inherit;
    border-radius: 0px;
}

a.btnSecondary {
    margin-right: 15px;
    float: left;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    a.btnSecondary:hover .txt {
        color: var(--white) !important;
        position: relative;
    }

a.btnPrimaryColor {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 9;
}

    a.btnPrimaryColor:hover .txt {
        color: var(--primary-color) !important;
        position: relative;
    }

    a.btnPrimaryColor .circle {
        width: 0%;
        height: 0%;
        opacity: 0;
        line-height: 40px;
        border-radius: 50%;
        background: var(--white) !important;
        position: absolute;
        transition: all 0.9s ease-Out;
        top: 20px;
        left: 70px;
    }

    a.btnPrimaryColor:hover .circle {
        width: 200%;
        height: 500%;
        opacity: 1;
        top: -70px;
        left: -70px;
    }

button.btnPrimaryColor {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    button.btnPrimaryColor:hover .txt {
        color: var(--primary-color) !important;
        position: relative;
    }

    button.btnPrimaryColor .circle {
        width: 0%;
        height: 0%;
        opacity: 0;
        line-height: 40px;
        border-radius: 50%;
        background: var(--white) !important;
        position: absolute;
        transition: all 0.9s ease-Out;
        top: 20px;
        left: 70px;
    }

    button.btnPrimaryColor:hover .circle {
        width: 200%;
        height: 500%;
        opacity: 1;
        top: -70px;
        left: -70px;
    }

.banner-item .slider-overlay3 {
    background: linear-gradient( 270deg, rgba(31, 42, 55, 0.1) 0%, rgba(31, 42, 55, 0.6) 101.62% );
    background-blend-mode: multiply;
    bottom: 0;
    height: 100%;
    opacity: 1;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s !important;
    width: 100%;
    position: absolute;
    border-radius: 24px;
}

.btnSecondary,
.btnSecondary:hover {
    border: none !important;
    padding: 12px 28px !important;
    background-color: var(--white) !important;
}

.banner-desc .btnSecondary:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(100%);
}

.banner-desc h6,
.bs-slider .banner-desc .info-text h6 {
    display: inline-block;
    margin-bottom: 0px !important;
    padding-left: 5px;
}

.banner-desc .info-text a,
.bs-slider .banner-desc .info-text a {
    text-decoration: none;
    margin-right: 18px;
}

.bs-slider .banner-desc .info-text a {
    margin-left: 18px;
}

.banner-desc .info-text span.spanlocationdate,
.bs-slider .banner-desc .info-text span.spanlocationdate {
    text-decoration: none;
    margin-right: 18px;
}

.bs-slider .banner-desc .info-text span.spanlocationdate {
    margin-left: 18px;
}

.share-model h5 {
    margin-bottom: 0px !important;
}

.share-model span {
    margin-top: 1rem !important;
    color: var(--textHeading);
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.share-model .image-bg {
    align-items: center;
    place-content: center;
}

.share-model p {
    color: var(--textHeading);
}

.share-model .page-link span {
    width: auto;
    margin-top: 0px !important;
}

.share-model .page-link {
    margin-top: 1.5rem;
}

.share-model .btn-close {
    color: var(--textHeading);
}

.share-model input {
    float: left;
}

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

.share-model .modal-header {
    border-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.share-model .modal-content {
    padding: 24px;
    border-radius: 24px;
}

.share-model .modal-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.page-header4 {
    padding: 80px;
    background-color: var(--bodyBg);
    border-radius: 24px;
}

.btnPrimary {
    border: none !important;
    padding: 12px 24px !important;
    background-color: var(--primary-color) !important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/***End Page-header5 Component CSS***/

/***Start Page-header6 Component CSS***/
.page-header6 {
    padding: 24px;
    background-color: var(--white);
    border-radius: 32px;
    position: relative;
}

.page-header6 {
    padding: 20px 80px 0 80px;
    background-color: var(--bodyBg);
    border-radius: 24px;
}

    .page-header6 span {
        color: var(--primary-color);
    }

    .page-header6 .center-align {
        row-gap: 10px;
        display: grid;
    }

        .page-header6 .center-align h2,
        .page-header6 .center-align h4 {
            margin-bottom: 0px;
        }
/***End Page-header6 Component CSS***/

/***Start Page-header7 Component CSS***/

.page-header7 a.btnSecondary {
    float: right;
}

.page-header7 h6 {
    color: var(--primary-color) !important;
}

/***End Page-header7 Component CSS***/

/***Start Vimeo Component CSS***/

.button-cover h1,
.button-cover h2,
.button-cover h3,
.button-cover h4,
.button-cover h5,
.button-cover h6,
.button-cover p,
.button-cover h1,
.button-cover h2,
.button-cover h3,
.button-cover h4,
.button-cover h5,
.button-cover h6,
.button-cover p {
    color: var(--white) !important;
    margin-top: 0.938rem;
}

.play-btn-bg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: var(--primary-color);
    text-align: center;
    display: grid;
    place-items: center;
    transition: all 0.3s ease;
}

    .play-btn-bg:hover {
        background-color: var(--white);
    }

        .play-btn-bg:hover img {
            filter: invert(37%) sepia(92%) saturate(4205%) hue-rotate(313deg) brightness(76%) contrast(102%);
        }

.grid-video .play-btn-bg {
    width: 52px;
    height: 52px;
}

.play-btn-bg img {
    margin-left: 4px;
    border-radius: 0px;
    height: auto !important;
    width: auto;
}

.grid-media iframe {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 24px !important;
    background: var(--black);
    display: block;
}

/***End Vimeo Component CSS***/

/***Start Youtube Component CSS***/

.play-btn-sec {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    right: auto;
    z-index: 99;
    position: absolute;
    border-radius: 24px;
    background: rgba(4, 6, 23, 0.4);
    align-content: center !important;
}

.video-cover {
    width: 100%;
    height: 100% !important;
    cursor: pointer;
    border-radius: 24px !important;
}

.play-btn-tube {
    margin: 0 auto;
    text-align: center;
    display: grid;
    place-items: center;
    transition: all 0.9s ease;
}

.button-cover {
    position: absolute;
    z-index: 9;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: inherit !important;
    z-index: 111;
    background: rgba(4, 6, 23, 0.4);
    border-radius: 24px;
}

.play-btn-tube img:hover {
    transform: scale(1.2);
}

.play-btn-tube img {
    transition: transform 0.6s;
    aspect-ratio: inherit !important;
}

.grid-video .play-btn-tube img {
    width: 100%;
    height: 52px;
}

.grid-video img {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/***Start Youtube Component CSS***/

.video-container {
    position: relative;
    width: 640px; /* Adjust width as needed */
    height: 360px; /* Adjust height as needed */
    margin: 0 auto;
}

.video-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 99;
}

.col.video-block .video-overlay,
.col.video-block .cover-image {
    padding: 0 7px;
}

.col.video-block .cover-image {
    border-radius: 25px !important;
}

.col.video-block .button-cover {
    position: relative;
}

.cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    z-index: 1;
}

.play-button {
    width: 80px;
    height: 80px;
    background: var(--white);
    border-radius: 50%;
    position: relative;
    transition: all 0.3s ease;
}

    .play-button:hover {
        transform: scale(1.1);
    }

    .play-button::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 55%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-left: 30px solid #ff0000; /* Red play triangle */
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }

.hidden {
    display: none;
}

/***Main Slider1***/

.slider-overlay {
    position: absolute;
}

.main-slider1 .home-carousel .carousel-indicators a {
    background-color: var(--white);
    opacity: 0.5;
    float: left;
    width: 10px;
    height: 10px;
    border: 0px;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 50%;
    padding-bottom: 0px;
}

    .main-slider1 .home-carousel .carousel-indicators a.active,
    .main-slider2 .home-carousel .carousel-indicators a.active,
    .main-slider3 .home-carousel .carousel-indicators a.active,
    .bs-slider .home-carousel .carousel-indicators a.active {
        background-color: var(--primary-color) !important;
        opacity: 1 !important;
    }

.main-slider,
.main-slider1,
.main-slider2,
.main-slider3,
.bs-slider {
    width: 100% !important;
    margin: 0px !important;
    border-radius: 32px;
}

    .main-slider1 .sliderBtn span,
    .main-slider2 .sliderBtn span,
    .main-slider3 .sliderBtn span {
        background: rgba(255, 255, 255, 0.2);
        width: 56px;
        height: 56px;
        place-items: center;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .main-slider .home-carousel .carousel-caption h1,
    .main-slider1 .home-carousel .carousel-caption h1,
    .main-slider2 .home-carousel .carousel-caption h1,
    .main-slider3 .home-carousel .carousel-caption h1 {
        margin-bottom: 0% !important;
        color: var(--white) !important;
    }

    .main-slider1 .slider-overlay,
    .main-slider2 .slider-overlay,
    .main-slider3 .slider-overlay {
        background: linear-gradient( 180deg, rgba(31, 42, 55, 0) 0%, rgba(31, 42, 55, 0.8) 101.62% ) !important;
    }

    .main-slider1 .carousel-control-next,
    .main-slider2 .carousel-control-next,
    .main-slider2 .carousel-control-next {
        right: 0% !important;
    }

    .main-slider1 .carousel-control-prev,
    .main-slider1 .carousel-control-prev {
        left: -1% !important;
    }

    .main-slider2 .home-carousel .carousel-indicators a,
    .main-slider3 .home-carousel .carousel-indicators a {
        background-color: var(--white);
        opacity: 0.5;
        float: left;
        width: 32px;
        padding-bottom: 0px;
    }

.home-carousel .carousel-caption h5 {
    letter-spacing: 0px;
}

.main-slider3 .carousel-control-prev {
    left: 0% !important;
}

.main-slider3 a.thumbnail {
    width: 130px !important;
    height: 72px !important;
    background-color: inherit !important;
    border: none !important;
}

.main-slider3 a.active {
    border: 2px solid var(--white) !important;
}

.main-slider3 {
    position: relative;
}

    .main-slider3 .carousel-caption {
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: auto;
        z-index: 11;
        padding-left: 3rem;
        padding-right: 3rem;
        width: 70%;
        margin: 0 auto;
        row-gap: 10px;
        text-align: center !important;
        position: absolute;
        top: 50%;
        left: 0%;
        -ms-transform: translateY(-63%);
        -webkit-transform: translateY(-63%);
        -moz-transform: translateY(-63%);
        -o-transform: translateY(-63%);
        transform: translateY(-63%);
        z-index: 1;
    }

    .main-slider3 p {
        max-width: 100% !important;
    }

.bs-slider .carousel .info-text img {
    position: inherit !important;
}

.bs-slider .carousel .banner-desc h1 {
    margin-bottom: 0px !important;
}

.bs-slider.main-slider .home-carousel .carousel-indicators a {
    background-color: var(--white);
    opacity: 0.5;
    float: left;
    width: 10px !important;
    height: 10px;
    border: 0px;
    border-radius: 50%;
    padding-bottom: 0px;
}

.bs-slider.carousel-slider2 .carousel-indicators {
    padding-left: 0px;
    margin-left: 0px !important;
    position: absolute;
    z-index: 99;
}

.bs-slider.carousel-slider2 .home-carousel .carousel-item img {
    object-fit: cover;
    z-index: 9;
    height: 100%;
    width: 100%;
    aspect-ratio: 3 / 1;
}

.carousel-slider2 .home-carousel .carousel-item {
    height: 75dvh;
}

.bs-slider .slider-overlay {
    background: linear-gradient( 180deg, rgba(31, 42, 55, 0) 0%, rgba(31, 42, 55, 0.8) 101.62% ), linear-gradient( 90.67deg, rgba(31, 42, 55, 0) 54.59%, rgba(31, 42, 55, 0.3) 89.37% ) !important;
    z-index: 9;
}

.bs-slider.carousel-slider2 .carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    row-gap: 10px;
    padding-left: 3rem !important;
    padding-right: 3rem;
}

.bs-slider .carousel-caption a.btnPrimary {
    display: table;
}

.bs-slider .carousel-inner {
    border-radius: 32px !important;
}

.bs-slider .carousel-indicators a {
    margin-left: 8px;
    margin-right: 8px;
}

.bs-slider.carousel-slider2 .carousel-caption.banner-desc {
    bottom: inherit !important;
}
/***Event Slider***/

/***Accordion***/

.bs-accordion {
    border-radius: 8px !important;
}

    .bs-accordion .accordion-header button {
        color: var(--textHeading);
        font-weight: 700;
    }

    .bs-accordion .accordion-button {
        background-color: inherit !important;
        cursor: pointer;
    }

    .bs-accordion .accordion-item {
        border: none;
    }

    .bs-accordion li {
        list-style-type: none;
        margin-bottom: 0px !important;
        margin-left: 0px !important;
    }

    .bs-accordion a {
        text-decoration: none;
    }

    .bs-accordion li a {
        color: var(--textHeading);
        text-decoration: none;
    }

    .bs-accordion li a,
    .breadcrumb li {
        line-height: 32px;
    }

    .bs-accordion .accordion-body {
        padding-top: 0;
        padding-bottom: 0px;
    }

    .bs-accordion .accordion-button.collapsed {
        color: var(--textHeading) !important;
    }

    .bs-accordion .accordion-button {
        color: var(--primary-color) !important;
    }

    .bs-accordion #collapseFour {
        height: auto;
        overflow: inherit;
    }

    .bs-accordion .accordion-button:not(.collapsed)::after {
        position: absolute;
        top: 24px;
        right: 15px;
        content: "";
        display: inline-block;
        width: 13px !important;
        height: 13px !important;
        border-right: 0.2em solid var(--primary-color);
        border-top: 0.2em solid var(--primary-color);
        transform: rotate(-45deg) !important;
        margin-right: 0.5em;
        margin-left: 1em;
        background: inherit !important;
    }

    .bs-accordion .accordion-button::after {
        position: absolute;
        top: 20px;
        right: 15px;
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        border-right: 0.2em solid var(--textHeading);
        border-top: 0.2em solid var(--textHeading);
        transform: rotate(135deg) !important;
        margin-right: 0.5em;
        background: inherit;
    }

    .bs-accordion .accordion-button:not(.collapsed) {
        box-shadow: inherit;
    }

    .bs-accordion .accordion-button {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .bs-accordion .accordion-item .accordion-button {
        border-top: 0px;
        border-radius: 16px !important;
    }

    .bs-accordion .accordion-item {
        border-bottom: 1px solid var(--borderLine) !important;
    }

        .bs-accordion .accordion-item:last-child {
            border-bottom: 0px;
        }

.accordion-style1 {
    border: 1px solid var(--borderLine);
}

.accordion-style2 .accordion-button:not(.collapsed) {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

    .accordion-style2 .accordion-button:not(.collapsed)::after {
        border-right: 0.2em solid var(--white);
        border-top: 0.2em solid var(--white);
    }

.accordion-style2 .accordion-body,
.accordion-style3 .accordion-body {
    padding-top: 15px;
}

.accordion-style2 .accordion-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.accordion-style3 {
    border: none;
}

    .accordion-style3 .accordion-button {
        background-color: var(--bodyBg) !important;
    }

    .accordion-style3 .accordion-item {
        border-bottom: 0px !important;
    }

    .accordion-style3 .accordion-button:not(.collapsed) {
        background-color: var(--textHeading) !important;
        color: var(--white) !important;
    }

        .accordion-style3 .accordion-button:not(.collapsed)::after {
            border-right: 0.2em solid var(--white);
            border-top: 0.2em solid var(--white);
        }

.bs-accordion .accordion-item:last-child {
    border-bottom: 0px !important;
}

.accordion-style3 .accordion-header,
.accordion-style4 .accordion-header,
.accordion-style5 .accordion-header {
    margin-bottom: 0.5rem;
}

.accordion-style4 .accordion-button {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

    .accordion-style4 .accordion-button::after {
        border-right: 0.2em solid var(--white);
        border-top: 0.2em solid var(--white);
    }

    .accordion-style4 .accordion-button:not(.collapsed) {
        background-color: var(--white) !important;
        color: var(--textHeading) !important;
    }

        .accordion-style4 .accordion-button:not(.collapsed)::after {
            border-right: 0.2em solid var(--textHeading);
            border-top: 0.2em solid var(--textHeading);
        }

.accordion-style4 .accordion-item,
.accordion-style5 .accordion-item {
    border-bottom: 0px !important;
}

.accordion-style5 .accordion-button {
    background-color: var(--textHeading) !important;
    color: var(--white) !important;
}

    .accordion-style5 .accordion-button::after {
        border-right: 0.2em solid var(--white);
        border-top: 0.2em solid var(--white);
    }

    .accordion-style5 .accordion-button:not(.collapsed) {
        background-color: var(--white) !important;
        color: var(--textHeading) !important;
    }

        .accordion-style5 .accordion-button:not(.collapsed)::after {
            border-right: 0.2em solid var(--textHeading);
            border-top: 0.2em solid var(--textHeading);
        }

.accordion-button:focus {
    outline: 0 !important;
    box-shadow: inherit !important;
}

.header-info {
    padding-right: 7.5rem !important;
    padding-left: 7.5rem !important;
}

.breadcrumb {
    margin-bottom: 0px !important;
}

.breadcrumb-sec {
    display: flex;
    align-items: center;
    padding-top: 0px;
}

.alert-style1 {
    background-color: #f7e6f1 !important;
}

.alert-style2 {
    background-color: #e6f7ec !important;
    color: #068d36 !important;
}

.alert-style3 {
    background-color: #f7e6e6 !important;
    color: #b60505 !important;
}

.alert-style4 {
    background-color: #f7f3e6 !important;
    color: #9f7a00 !important;
}

.alert-style5 {
    background-color: var(--textHeading) !important;
    color: var(--white) !important;
}

.alert {
    border-radius: 12px !important;
    text-align: left;
}

.tab-pane {
    margin-bottom: 20px;
    position: relative;
}

#caljump {
    position: absolute;
    right: 0px;
    top: -74px;
}

.tab-style2 a.button-text {
    border: none !important;
    border-radius: 0px !important;
    color: var(--textHeading) !important;
}

    .tab-style2 a.button-text.active {
        background-color: inherit !important;
        border-bottom: 2px solid var(--primary-color) !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0px !important;
        color: var(--primary-color) !important;
    }

    .tab-style2 a.button-text.disabled {
        color: #ababab !important;
    }

.tab-section::-webkit-scrollbar {
    display: none;
}

.tab-style3 a.button-text {
    border: none !important;
    border-radius: 0px !important;
    color: var(--textHeading) !important;
}

    .tab-style3 a.button-text.active {
        background-color: inherit !important;
        border-bottom: 2px solid var(--primary-color) !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0px !important;
        color: var(--primary-color) !important;
    }

    .tab-style3 a.button-text.disabled {
        color: #ababab !important;
    }

.card-style1 a.btn {
    padding: 10px 24px !important;
}

.card-style1 img.cardImg {
    border-radius: 20px;
}

.card-style1 .img-overlay {
    background: linear-gradient( 180deg, rgba(31, 42, 55, 0) 14.91%, rgba(31, 42, 55, 0.9) 70.31%, #1f2a37 100% );
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    bottom: 0;
    height: 100%;
    left: 0px;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s !important;
    width: 100%;
}

.card-style1:hover .img-overlay {
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 5.38%, rgba(255, 255, 255, 0.9) 53.19%, #ffffff 100% );
}

.card-style1:hover .card-bottom {
    background-position: 100% 99%;
}

.card-style1 .img-overlay2 {
    background: linear-gradient( 180deg, rgba(174, 7, 117, 0) 12.59%, #ae0775 88.4% );
    mix-blend-mode: color;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    bottom: 0;
    height: 100%;
    left: 0px;
    opacity: 0.5;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s !important;
    width: 100%;
}

.card-style1 .cards {
  /*  background-color: var(--white);*/
    position: relative;
}

.card-style1 {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

    .card-style1 .dropdown button {
        margin-right: 0.1rem !important;
    }

    .card-style1 .shareIcon {
        right: 0px;
        top: 130px;
    }

    .card-style1:hover .shareIcon {
        opacity: 1;
    }

    .card-style1 .cards img.cardImg {
        width: 100% !important;
        height: 100%;
        transition: 0.8s all ease-out;
        object-fit: cover;
    }

    .card-style1 .card-bottom {
        position: relative;
        padding: 1.5rem;
        width: 100%;
        z-index: 9;
    }

    .card-style1:hover .cards .card-bottom {
        position: absolute;
    }

    .card-style1:hover img.cardImg {
        transform: scale(1.1);
    }

    .card-style1 .cards .card-bottom {
        bottom: -3px;
    }

    .card-style1 p:last-child {
        margin-bottom: 0px !important;
    }

    .dropbtn:hover,
    .dropbtn:focus,
    .card-style1 .dropbtn {
        border-radius: 20px !important;
    }

    .card-style1 .shareIcon {
        right: 0px;
        top: 130px;
    }

    .card-style1:hover h5,
    .card-style1:hover p {
        color: var(--white) !important;
    }

    .card-style1 .card-bottom img {
        filter: invert(-100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
        transition: filter 0.3s ease;
        cursor: pointer;
    }

    .card-style1:hover .card-bottom p img {
        filter: invert(74%) sepia(15%) saturate(521%) hue-rotate(172deg) brightness(94%) contrast(-100%) !important;
    }

    .card-style1 h5 {
        color: var(--white) !important;
        position: relative;
        z-index: 9;
    }

    .card-style1:hover .img-overlay {
        background: linear-gradient( 180deg, rgba(31, 42, 55, 0) 14.91%, rgb(31 42 55 / 0%) 70.31%, #1f2a3700 100% );
    }

    .card-style1 .dropdown-content a {
        padding: 12px 14px;
    }

a.btn-primary-normal {
    text-decoration: none;
    color: var(--white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px 12px;
    cursor: pointer;
    line-height: 1;
    background-color: var(--primary-color);
    position: relative;
    z-index: 9;
    border-radius: 12px;
}

.card-style1 p {
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 9;
}

.layer {
    z-index: 1;
    position: absolute;
    top: calc(100% - 2px);
    height: 100%;
    width: 100%;
    left: 0;
    backdrop-filter: saturate(180%) blur(15px);
    background: linear-gradient( to left, rgba(31, 42, 55, 0.2), rgba(31, 42, 55, 0.4) );
    transition: 0.5s;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.card-style1:hover .layer {
    top: 0;
}

.mainlist::before {
    content: "";
    position: absolute;
    top: -3px;
    right: 15px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #1f2a37f2;
}

.bootstrap-select .dropdown-toggle::after {
    content: "";
    display: block;
    border-bottom: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    transform: rotate(45deg);
    height: 10px;
    width: 10px;
    position: absolute;
    cursor: pointer;
    border-left: 0px !important;
    right: 6%;
    top: 37%;
    margin: 0px !important;
    border-top: 0px !important;
}

.dropdown.bootstrap-select {
    margin-bottom: 10px;
}

.popover .popover-header {
    background-color: inherit;
    border: none;
}

.popover-body {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    color: var(--white) !important;
}

.popover {
    padding: 0.8rem;
    background-color: var(--primary-color) !important;
    color: var(--white);
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
    border-bottom-color: var(--primary-color) !important;
}

.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    border-bottom: none !important;
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
    border-top-color: var(--primary-color) !important;
}

.bs-popover-auto[data-popper-placement^="top"] .popover-header::before,
.bs-popover-top .popover-header::before {
    border-top: none !important;
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.bs-popover-left > .popover-arrow::after {
    border-left-color: var(--primary-color) !important;
}

.bs-popover-auto[data-popper-placement^="left"] .popover-header::before,
.bs-popover-left .popover-header::before {
    border-left: none !important;
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.bs-popover-right > .popover-arrow::after {
    border-right-color: var(--primary-color) !important;
}

.bs-popover-auto[data-popper-placement^="right"] .popover-header::before,
.bs-popover-right .popover-header::before {
    border-right: none !important;
}

.main-container .btnSecondary {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.main-container .banner-desc .btnSecondary,
.main-container .banner-desc .btnSecondary:hover {
    border: none !important;
    padding: 12px 24px !important;
}

.tooltip .tooltip-inner {
    background-color: var( --primary-color ) !important; /* Use your primary color */
    color: var(--white) !important; /* Text color */
    padding: 10px;
    border-radius: 8px;
}

.tooltip[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: var(--primary-color) !important;
}

.tooltip[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: var(--primary-color) !important;
}

.tooltip[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: var(--primary-color) !important;
}

.tooltip[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: var(--primary-color) !important;
}

.top-fixed {
    position: sticky;
    top: 0;
    z-index: 1;
    width: 100%;
}

.bottom-fixed {
    position: sticky;
    bottom: 0;
    z-index: 99;
    width: 100%;
}

.notification-style1 {
    background-color: var(--textHeading);
}

.notifi-box .btnPrimary {
    padding: 10px 24px 7px !important;
    border: 1px solid var(--primary-color) !important;
}

.notifi-box .btn-Primary-sm,
.notifi-box .btn-Secondary-sm {
    line-height: 18px;
}

.notify-close-btn a img {
    max-width: 14px;
    height: 14px;
}

.notification-style1 img:hover,
.notification-style2 img:hover,
.notification-dark img:hover {
    filter: invert(40%) sepia(79%) saturate(5992%) hue-rotate(303deg) brightness(88%) contrast(94%);
}

.notification-style3 img:hover {
    filter: invert(67%) sepia(39%) saturate(682%) hue-rotate(174deg) brightness(92%) contrast(100%);
}

.notification-gray img:hover {
    filter: invert(30%) sepia(39%) saturate(682%) hue-rotate(174deg) brightness(92%) contrast(100%);
}

.notification-style2 {
    background-color: var(--white);
}

    .notification-style2 p {
        color: var(--textHeading);
        margin-bottom: 0px;
    }

    .notification-style2 a {
        color: var(--primary-color);
    }

        .notification-style2 a.btn-primary-notify {
            color: var(--white);
        }

.notification-style3 {
    background-color: var(--primary-color);
}

.notify-close-btn {
    place-items: center;
}

.notification-style3 a.btn-primary-notify {
    background-color: var(--white) !important;
    color: var(--primary-color);
}

.notification-success {
    background-color: #198754;
}

.notification-danger {
    background-color: #dc3545;
}

    .notification-danger p,
    .notification-warning p,
    .notification-success p {
        color: var(--white);
        margin-bottom: 0px;
    }

.notification-warning {
    background-color: #ffc107;
}

.notification-gray {
    background-color: var(--borderLine);
}

    .notification-gray p {
        color: var(--textHeading);
        margin-bottom: 0px;
    }

    .notification-gray a,
    .notification-dark a,
    .notification-style3 a,
    .notification-style1 a,
    .notification-style2 a span {
        color: var(--white);
    }

.notification-dark {
    background-color: var(--black);
}

    .notification-dark p,
    .notification-style3 p,
    .notification-style1 p {
        color: var(--white);
        margin-bottom: 0px;
    }

.blockquote-container {
    line-height: 1;
    margin: 0 auto;
    border-radius: 24px;
    position: relative;
    margin-bottom: 15px;
}

    .blockquote-container h1 {
        float: left;
    }

    .blockquote-container p {
        margin-left: 38px; /* Space for the quotation mark */
        margin-bottom: 0px;
    }

.blockquote-1,
.blockquote-2,
.blockquote-3,
.blockquote-4 {
    border-radius: 24px;
}

.blockquote-1 {
    background-color: #f5f7f7; /* Light gray */
    color: var(--textHeading);
}

.blockquote-2 {
    background-color: var(--white); /* White */
    color: var(--textHeading);
    border: 1px solid var(--borderLine);
}

.blockquote-3 {
    background-color: var(--textHeading); /* Dark gray */
    color: var(--white);
}

    .blockquote-3 h1,
    .blockquote-4 h1,
    .blockquote-3 p,
    .blockquote-4 p {
        color: var(--white) !important;
    }

.blockquote-4 {
    background-color: var(--primary-color); /* Pink */
    color: var(--white);
}

/*block quotes styles end*/

.ar-quote h1 {
    float: right;
}

.row-cols-lg-4 .play-btn-bg,
.row-cols-xl-4 .play-btn-bg,
.row-cols-4 .play-btn-bg {
    width: 42px;
    height: 42px;
}

    .row-cols-lg-4 .play-btn-bg img,
    .row-cols-xl-4 .play-btn-bg img,
    .row-cols-4 .play-btn-bg img {
        width: 12px;
        height: 14px !important;
    }

.row-cols-lg-4 .play-btn-tube img,
.row-cols-xl-4 .play-btn-tube img,
.row-cols-4 .play-btn-tube img {
    width: 46px;
    height: 42px;
}

.row-cols-lg-4 .download-img img,
.row-cols-xl-4 .download-img img,
.row-cols-4 .download-img img {
    width: 50px;
    height: 50px;
}

.row-cols-xl-4 .button-cover h5,
.row-cols-lg-4 .button-cover h5 {
    font-size: 1rem !important;
}

.home-carousel .carousel-caption p {
    max-width: 100%;
}

.media-container {
    position: relative;
}

    .media-container .video-overlay,
    .media-container .cover-image {
        padding: 0px !important;
    }

.col.video-block .media-container .cover-image {
    border-radius: 20px !important;
}

a.box-cursor {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
    position: absolute;
    left: 0px;
    top: 0px;
    text-decoration: none;
}

.card-header-top {
    top: 1px;
    padding: 20px;
    width: 100%;
}

.e-dropdown1 {
    position: relative;
    display: inline-block;
    float: right;
    z-index: 11;
}

.dropbtn {
    color: var(--white);
    padding: 16px;
    border: none;
    cursor: pointer;
    margin-top: 0px;
    display: block;
}

.circle-block {
    background-color: rgb(31 42 55 / 50%);
    backdrop-filter: blur(4px);
    border-radius: 62px;
    padding: 9px 12px 7px !important;
    text-align: center;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 50px !important;
    left: -114px;
    min-width: 160px;
    z-index: 1;
}

.mainlist {
    margin-bottom: 0px;
    border-radius: 10px;
    backdrop-filter: blur(4px);
    background-color: rgb(31 42 55 / 90%);
}

.dropdown-content ul {
    padding-left: 0px;
}

.card-header-top li {
    border-bottom: 1px solid #ffffff17;
    padding-bottom: 5px;
    padding-top: 5px;
}

.main-drop {
    padding: 0px !important;
}

    .main-drop::marker {
        font-size: 0;
    }

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    line-height: 10px;
}

.main-drop span.small-txt {
    color: var(--white) !important;
}

li.main-drop:hover {
    background-color: var(--primary-color);
}

li.border-radius-top:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card-header-top li:last-child {
    border: none;
}

li.border-radius-bottom:hover {
    border-radius: 10px;
}

.view-block {
    transition: transform 0.5s;
    height: auto;
    aspect-ratio: 1;
    position: relative;
}

    .view-block:hover {
        transform: scale(1.04);
    }

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

.ourContent {
    background: linear-gradient( 0deg, rgba(31, 42, 55, 0) 73.45%, rgba(31, 42, 55, 0.35) 107.02% ), linear-gradient(180deg, rgba(31, 42, 55, 0) 0%, #1f2a37 100%);
    bottom: 0;
    height: 100%;
    opacity: 1;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    border-radius: 22px;
}

    .ourContent h5,
    .ourContent h6 {
        color: var(--white) !important;
    }

.ourDesc {
    position: absolute;
    bottom: 12px;
    width: 86%;
}

    .ourDesc p {
        margin-bottom: 5px;
        color: var(--white);
        line-height: 26px;
    }

.ellipsis1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis5 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.shareIcon {
    width: 36px;
    right: 12px;
    top: 16px;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s ease;
}

.view-block:hover .shareIcon {
    transition: all 0.3s ease;
    opacity: 1;
    max-height: 36px;
}

.view-block:hover .ourContent {
    border-radius: 20px;
    background: url(../images/blend-img.png) repeat left center;
}

.ourDesc a {
    text-decoration: none;
}

.ourDesc .small-txt {
    color: var(--white);
    text-transform: uppercase;
}

.ourDesc h5 {
    color: var(--white) !important;
    text-transform: capitalize;
}

.ourDesc h4 {
    color: var(--white) !important;
}

.ourDesc img {
    width: 18px;
    height: 18px !important;
    border-radius: 0px !important;
}

.ourDdl img {
    width: 18px;
    height: 18px !important;
    border-radius: 0px !important;
}

.ourDdlDot img {
    height: 4px !important;
    border-radius: 0px;
}

.card-style2.view-block {
    transition: transform 0.5s;
    height: auto;
    aspect-ratio: 1;
}

.card-style3 {
    height: auto;
    padding: 12px;
    border: 1px solid var(--bodyBg);
    border-radius: 24px;
    transition: background-color 0.3s ease-in-out;
}

    .card-style3:hover {
        background-color: inherit;
        border: 1px solid rgb(88 87 88 / 10%);
        box-shadow: rgba(149, 157, 165, 0.15) 0px 6px 16px;
    }

.card-img-sec img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    border-radius: 16px;
}

.card-content-desc {
    padding: 0 6px;
    margin-top: 1rem;
}

    .card-content-desc .title {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card-content-desc .descTxt,
    .mapImg .descTxt {
        opacity: 1;
    }

.text-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .text-link span {
        display: inline-block;
        position: relative;
    }

        .text-link span::after {
            content: "";
            display: block;
            width: 0;
            height: 2px;
            background: var(--primary-color);
            transition: width 0.3s;
            position: absolute;
            left: 0;
            bottom: 0;
        }

    .text-link:hover span::after {
        width: 100%;
        transition: width 0.3s;
    }

.card-content-desc img {
    width: auto;
    filter: invert(37%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(40%) contrast(90%);
    border-radius: 0px !important;
}

.new-card-btm {
    padding: 14px 16px;
    backdrop-filter: saturate(180%) blur(15px);
    background: linear-gradient( to left, rgba(31, 42, 55, 0.2), rgba(31, 42, 55, 0.4) );
    position: absolute;
    bottom: 0px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 100%;
    row-gap: 10px;
    display: grid;
}

.new-card1 {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

    .new-card1 img {
        transition: 0.5s;
    }

    .new-card1:hover img {
        transform: scale(1.1);
    }

.new-card-btm p {
    color: var(--white);
    line-height: 28px !important;
    margin-bottom: 0px;
}

.new-card-btm h5 {
    color: var(--white) !important;
    margin-bottom: 0;
}

.new-card2 img {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.new-card2 .card-content-desc {
    padding: 16px;
    margin-top: 0px;
    background: rgba(245, 247, 247, 1);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.new-card3 {
    background: rgba(245, 247, 247, 1);
    padding: 0px !important;
    border-radius: 16px;
    margin-bottom: 10px;
}

.card-cont {
    min-height: 100%;
}

.card-img2 {
    height: 100%;
}

.new-card3,
.new-card3 img {
    border-radius: 24px !important;
}

    .new-card3 .card-img2 img {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        height: 100%;
        aspect-ratio: 4/3;
        object-fit: cover;
    }

.card-cont {
    padding: 20px 10px;
    row-gap: 10px;
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center vertically */
}

    .card-cont p,
    .card-cont h6 {
        margin-bottom: 0px;
    }

.page-link .link-bg {
    padding: 10px 7px 10px 7px;
}

.link-bg {
    background-color: var(--bodyBg);
    padding: 16px 20px;
    border-radius: 16px;
}

#copyTarget {
    border-left: none;
    width: 82%;
    background-color: inherit;
    border: none;
    line-height: 27px;
}

#copyTargetCalEvent {
    border-left: none;
    width: 82%;
    background-color: inherit;
    border: none;
    line-height: 27px;
}

.copied {
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 34px;
    color: var(--primary-color);
}

.image-bg {
    background: var(--bodyBg);
    width: 56px;
    height: 56px;
    border-radius: 60px;
}

.download-card {
    border: 1px solid var(--borderLine);
    transition: border 0.3s ease-in-out;
    border-radius: 24px;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.download-file {
    padding: 16px;
    background-color: var(--white);
    width: 100%;
}

.down-sec {
    height: 100%;
    align-items: center;
    display: flex;
    float: right;
}

.download-card:hover .download-icon2 {
    background-color: var(--primary-color);
}

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

    .download-card:hover .download-icon2 img {
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(100%);
    }

.download-img {
    height: 100%;
    align-items: center;
    display: flex;
}

    .download-img img {
        width: 60px;
        height: 60px;
        aspect-ratio: inherit !important;
        border-radius: 0px;
        text-align: center;
        margin: 0 auto;
    }

.card-wrapper {
    aspect-ratio: 1 / 1;
    width: 100%;
}

.download-file .row {
    margin: 0px;
}

.download-file .download-icon2 img {
    aspect-ratio: inherit;
    height: auto;
    width: auto;
}

.download-file p {
    margin-bottom: 0.5rem;
}

.download-file span {
    color: var(--subTextHeading);
}

.download-card.pdf-sec {
    border: 1px solid rgba(244, 210, 210, 0.6);
    position: relative;
    background: linear-gradient( 161.52deg, rgba(200, 10, 10, 0.01) -0.62%, rgba(200, 10, 10, 0.4) 181.31% );
}

    .download-card.pdf-sec:hover {
        border: 1px solid rgb(227 199 199);
    }

.pdf-sec .download-icon2,
.pdf-sec .download-card:hover .download-icon2 {
    background: rgba(250, 234, 234, 1) !important;
}

.download-card.pdf-sec:hover .download-icon2 img,
.download-card.excel-sec:hover .download-icon2 img,
.download-card.word-sec:hover .download-icon2 img {
    filter: inherit;
}

.download-card.excel-sec {
    border: 1px solid rgba(51, 196, 129, 0.2);
    background: linear-gradient( 161.52deg, rgba(51, 196, 129, 0.01) -0.62%, rgba(51, 196, 129, 0.4) 181.31% );
}

    .excel-sec .download-icon2,
    .download-card.excel-sec:hover .download-icon2 {
        background: rgba(227, 246, 237, 1);
    }

.word-sec.download-card {
    border: 1px solid rgba(51, 196, 129, 0.2);
    background: linear-gradient( 161.52deg, rgba(51, 196, 129, 0.01) -0.62%, rgba(51, 196, 129, 0.4) 181.31% );
}

.word-sec .download-icon2,
.download-card.word-sec:hover .download-icon2 {
    background: rgba(233, 243, 250, 1);
}

.asheet .download-img img {
    width: 100%;
    aspect-ratio: inherit !important;
    height: 100%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0;
    object-fit: cover;
}

.asheet .download-img {
    height: 100%;
    align-items: center;
    display: flex;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.file-section a,
.pdf-section a,
.excel-section a,
.word-section a {
    text-decoration: none;
    padding: 14px 20px 12px;
    transition: border 0.3s ease-in-out;
    display: inline-block;
    border-radius: 20px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    width: 100%;
}

.file-section p,
.pdf-section p,
.excel-section p,
.word-section p {
    margin-bottom: 0px;
}

.file-section .img-icon,
.pdf-section .img-icon,
.excel-section .img-icon,
.word-section .img-icon {
    width: 40px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* or specific height */
}

    .file-section .img-icon img {
        border-radius: 12px;
    }

.pdf-section:hover .download-icon2,
.pdf-sec:hover .download-icon2 {
    background-color: rgba(200, 10, 10, 1) !important;
}

.excel-section:hover .download-icon2,
.excel-sec:hover .download-icon2 {
    background-color: rgba(33, 163, 102, 1) !important;
}

.word-section:hover .download-icon2,
.word-sec:hover .download-icon2 {
    background-color: rgba(24, 90, 189, 1) !important;
}

    .pdf-section:hover .download-icon2 img,
    .excel-section:hover .download-icon2 img,
    .word-section:hover .download-icon2 img,
    .pdf-sec:hover .download-icon2 img,
    .excel-sec:hover .download-icon2 img,
    .word-sec:hover .download-icon2 img {
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(100%) !important;
    }

.down-txt,
.img-icon {
    float: left;
}

    .down-txt h6 {
        margin-bottom: 0px;
    }

    .down-txt p {
        line-height: 22px !important;
    }

.home-carousel .leading-txt {
    color: var(--white);
}

.pdf-section a {
    border: 1px solid rgba(244, 210, 210, 0.6);
    background: rgba(254, 249, 249, 1);
}

    .pdf-section a:hover,
    .pdf-sec:hover {
        border: 1px solid rgba(200, 10, 10, 1) !important;
    }

.excel-section a:hover,
.excel-sec:hover {
    border: 1px solid rgba(33, 163, 102, 1);
}

.word-section a:hover,
.word-sec:hover {
    border: 1px solid rgba(24, 90, 189, 1);
}

.pdf-section .download-icon2 {
    background: rgba(250, 234, 234, 1);
}

.excel-section a {
    border: 1px solid rgba(51, 196, 129, 0.2);
    background: rgba(249, 255, 252, 1);
}

.excel-section .download-icon2 {
    background: rgba(227, 246, 237, 1);
}

.word-section a {
    border: 1px solid rgba(65, 165, 238, 0.2);
    background: rgba(250, 253, 255, 1);
}

.word-section .download-icon2 {
    background: rgba(233, 243, 250, 1);
}

.file-section a {
    border: 1px solid rgba(232, 232, 232, 0.6);
    background: rgba(245, 247, 247, 1);
}

.file-section .download-icon2 {
    background: rgba(232, 232, 232, 1);
}

.info-card {
    padding: 2rem;
    border-radius: 24px;
    margin-bottom: 15px;
}

    .info-card a {
        color: var(--subTextHeading);
        text-decoration: none;
    }

.bg-primaryGradient {
    background: linear-gradient(121.47deg, #ae0775 -0.95%, #480330 148.79%);
}

.info-card2.bg-primaryColor h4,
.info-card2.bg-primaryGradient h4,
.info-card2.bg-Heading h4,
.info-card2.primaryColor h4,
.info-card2.bg-Heading a,
.info-card2.bg-primaryColor a,
.info-card2.bg-primaryGradient a {
    color: var(--white) !important;
}

.bg-Heading .info-card h4,
.bg-primaryColor .info-card h4,
.bg-primaryGradient .info-card h4,
.bg-Heading .info-card h6,
.bg-primaryColor .info-card h6,
.bg-primaryGradient .info-card h6,
.bg-Heading .info-card p,
.bg-primaryColor .info-card p,
.bg-primaryGradient .info-card p,
.bg-Heading .info-card a,
.bg-primaryColor .info-card a,
.bg-primaryGradient .info-card a {
    color: var(--white) !important;
}

.info-card2 {
    padding: 2rem;
    border-radius: 24px;
    margin-bottom: 15px;
}

    .info-card2 h5 {
        text-align: right;
        margin-bottom: 0px;
        font-weight: bold;
        line-height: 40px !important;
    }

        .info-card2 h5 a {
            color: var(--textHeading) !important;
        }

    .info-card2 h4 {
        margin-bottom: 0px;
    }

.locate-card .download-file {
    background-color: #fcfcfc;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.locate-card,
.card-img2 {
    border-radius: 24px;
}

.img-card {
    height: 100%;
    align-items: center;
    display: flex;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 0.5rem;
}

.locate-card {
    border: 1px solid var(--borderLine);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .locate-card .download-file {
        width: 100%;
    }

        .locate-card .download-file .row {
            margin: 0px;
        }

.img-card img {
    width: 100%;
    aspect-ratio: inherit !important;
    height: 100%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0;
    object-fit: cover;
}

.locate-btn {
    height: 100%;
    align-items: center;
    display: flex;
    float: right;
}

    .locate-btn img {
        aspect-ratio: inherit !important;
        height: auto;
    }

.down-space {
    padding-right: 0px !important;
}

.form-fields .form-label {
    width: 100%;
    line-height: 26px !important;
}

.leading-txt {
    color: var(--subTextHeading);
}

.banner-desc .leading-txt {
    color: var(--white);
}

.form-fields input {
    background-color: var(--bodyBg);
    border: none;
    border-radius: 16px;
    padding: 16px 24px;
}

    .form-fields input.form-control:focus,
    .form-fields textarea:focus {
        background-color: var(--bodyBg);
        box-shadow: 0 0 0 0.05rem #ae0775;
    }

.smallTxt {
    line-height: 26px !important;
    text-align: right;
    opacity: 0.3;
}

.form-fields .form-check-inline input {
    width: 24px;
    height: 24px;
    background-color: var(--white);
    border: 1px solid var(--textHeading);
    padding: 0px;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.form-fields .form-check-inline label {
    padding-left: 12px;
    padding-top: 0px;
}

.privacyTxt {
    color: var(--subTextHeading);
}

    .privacyTxt a {
        text-decoration: none;
    }

.form-fields textarea.form-control {
    min-height: 300px;
    background-color: var(--bodyBg);
    border: none;
    padding: 20px;
}

.form-fields button {
    border: 1px solid var(--primary-color) !important;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

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

input.form-control.Countryinput {
    padding-left: 90px !important;
}

.country-code {
    width: 55px;
    border-right: 1px solid var(--textHeading);
    top: 14px;
    left: 18px;
    position: absolute;
}

.mobLable {
    display: none;
}

.form-section .bootstrap-select .dropdown-menu {
    margin-top: 0px;
}

.form-section .bootstrap-select .open {
    width: 100%;
}

.form-fields .Enquiry-field label.form-check-label,
.form-section .form-check-inline .checkTxt,
.form-check label.form-check-label {
    opacity: 0.6;
}

.range-field input {
    background-color: inherit;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--primary-color);
}

input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: 0 0 10px rgba(174, 7, 117, 0.7); /* Glow effect with #ae0775 */
    background: var(--primary-color);
}

.file-upload {
    background-color: var(--bodyBg);
    position: relative;
}

    .file-upload span {
        color: #1f2a3799;
    }

.form-control[type="file"] {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: 0;
    height: 120px;
}

.form-url .country-code {
    width: auto;
    padding-right: 10px;
}

.form-url input.Countryinput {
    padding-left: 230px !important;
}

.form-section.form-fields textarea.form-control {
    min-height: auto;
}

label.check-box {
    margin-right: 0px !important;
    color: #1f2a37ba;
}

.deskLable {
    position: absolute;
    top: 0px;
    right: 12px;
}

.bootstrap-select button,
.bootstrap-select button:hover {
    background-color: var(--bodyBg);
    border: none;
    border-radius: 16px;
    padding: 17.5px 20px;
    border: none !important;
}

.bootstrap-select {
    position: relative;
    width: 100% !important;
}

    .bootstrap-select .open {
        display: block !important;
        position: absolute !important;
        overflow: inherit !important;
    }

    .bootstrap-select .dropdown-menu.open {
        border: none;
        padding: 0px;
    }

    .bootstrap-select .dropdown-menu ul {
        border: 1px solid #ccc !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
        border-radius: 12px !important;
        background-color: var(--white) !important;
    }

    .bootstrap-select ul li {
        margin-left: 0px !important;
        margin-bottom: 0px !important;
    }

        .bootstrap-select ul li:first-child a {
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
        }

ul.dropdown-menu li a {
    text-align: left;
}

.bootstrap-select ul li:last-child a {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:hover {
    background-color: var(--primary-color) !important;
    color: var(--white);
}

.form-check {
    margin: 0px;
    position: relative;
}

input#date-range {
    background: var(--bodyBg) url(../images/Calendar2.svg) no-repeat 94% center;
}

.file-upload {
    border-radius: 16px;
}

.form-section span.checkTxt {
    padding-right: 0.5rem;
    top: -16px !important;
}

.form-section .checkmark {
    position: relative !important;
    top: 7px !important;
    display: block;
}

.modal-body .form-fields textarea.form-control {
    min-height: 120px;
}

.header-info.sticky1.active {
    background: rgba(250, 250, 252, 0.8);
    backdrop-filter: saturate(180%) blur(20px);
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.header-info.sticky1 {
    height: 66px;
    position: inherit;
}

li.breadcrumb-item {
    color: var(--subTextHeading) !important;
}

.header-info {
    background: #ffffff99;
}

.breadcrumb-item:hover a {
    color: var(--primary-color) !important;
}

.bootstrap-select .open {
    width: 100%;
}

.text-link:hover span {
    color: var(--primary-color);
}

.center-align {
    align-content: center;
}

a.btnSecondary:hover .circle {
    width: 200%;
    height: 500%;
    opacity: 1;
    top: -70px;
    left: -70px;
}

a.btnSecondary .circle {
    width: 0%;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: var(--primary-color);
    position: absolute;
    transition: all 0.9s ease-Out;
    top: 20px;
    left: 70px;
}

button.btnSecondary:hover .circle {
    width: 200%;
    height: 500%;
    opacity: 1;
    top: -70px;
    left: -70px;
}

button.btnSecondary .circle {
    width: 0%;
    height: 0%;
    opacity: 0;
    line-height: 40px;
    border-radius: 50%;
    background: var(--primary-color);
    position: absolute;
    transition: all 0.9s ease-Out;
    top: 20px;
    left: 70px;
}

button.btnSecondary:hover .txt.primaryColor {
    color: var(--white) !important;
    z-index: 999999;
    position: relative;
}

.info-detail-img {
    height: 440px;
    overflow: hidden;
    text-align: right;
}

.page-header1,
.page-header2,
.page-header3,
.page-header4,
.page-header6,
.page-header7 {
    margin-bottom: 20px;
}

.page-header1,
.page-header4,
.page-header7 {
    display: grid;
    gap: 1rem !important;
}

#map {
    height: auto;
    aspect-ratio: 2/1;
    width: 100%;
    border-radius: 24px;
}

.venue {
    align-items: center;
    background-color: var(--white);
    border-radius: 50%;
    justify-content: center;
    padding: 2px;
    position: relative;
    transition: all 0.3s ease-out;
    filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.2));
}

    .venue::after {
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 9px solid var(--white);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 95%;
        transform: translate(-50%, 0);
        transition: all 0.3s ease-out;
        width: 0;
        z-index: 1;
    }

.highlight .mapImg img.mapImg {
    left: -2px;
}

.venue .icon1 {
    align-items: center;
    justify-content: center;
    color: var(--black);
}

    .venue .icon1 img {
        height: 44px;
        width: 44px;
        border-radius: 50px;
    }

.venue.highlight {
    padding: 12px;
    padding: 8px 8px 16px 16px;
    width: 300px;
    height: auto;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--white);
}

    .venue.highlight .details {
        display: flex;
    }

.arial-map-view {
    overflow: hidden;
}

.venue .details {
    display: none;
    flex-direction: column;
    flex: 1;
}

.popup-desc {
    padding: 0 4px;
    margin-top: 0.5rem !important;
}

    .popup-desc img {
        width: auto !important;
        height: auto !important;
        padding-right: 10px;
        border-radius: 0px;
    }

    .popup-desc h6 {
        color: var(--textHeading) !important;
    }

    .popup-desc p {
        margin-bottom: 0.5rem;
    }

.venue.highlight .icon1 img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    border-radius: 12px;
}

.our-location {
    border-radius: 32px;
}

.location-list li:hover .arial-view-popup {
    display: block;
}

.popup-desc {
    padding: 0 4px;
}

.popup-desc {
    margin-top: 0.5rem !important;
}

    .popup-desc img {
        width: auto !important;
        height: auto !important;
        padding-right: 10px;
        border-radius: 0px;
    }

    .popup-desc a {
        color: var(--primary-color) !important;
        text-decoration: none;
        display: block;
        width: fit-content;
        z-index: 9;
    }

h3.popover-header {
    color: var(--white) !important;
}

.book-now {
    padding: 12px 16px;
}

    .book-now a {
        color: var(--primary-color);
        text-decoration: none;
    }

.arial-view-header button {
    bottom: 10%;
    border-radius: 12px;
    padding: 9px 16px;
    left: 31%;
}

    .arial-view-header button.btnPrimaryColor:hover span,
    .arial-view-header button.btnPrimaryColor span {
        color: var(--white) !important;
        padding-left: 5px;
    }

.location-list::before {
    content: "";
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid var(--white);
}

.map-icon {
    background: url(../images/map-icon.svg) no-repeat left center;
    width: 58px;
    height: 67px;
}

    .map-icon:hover {
        background: url(../images/map-icon-color.svg) no-repeat left center;
        width: 58px;
        height: 67px;
    }

        .map-icon:hover img {
            left: 2px;
        }

.arrow-down {
    height: 0px;
    width: 0px;
    position: absolute;
    border: none;
    left: 23px;
    bottom: -6px;
    border-bottom: 0px;
    border-top: 7px solid var(--white);
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
}

.map-icon img.mapImg {
    width: 52px;
    height: 52px;
    top: 3px;
    left: 3px;
    border-radius: 46px;
    position: relative;
}

.grid-aspect-ratio-1x1 .col .locate-card .img-card img {
    aspect-ratio: inherit;
}

#overlay {
    width: 100px;
    height: 100px;
    display: none;
}

.cv-spinner {
    height: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 4px #ddd solid;
    border-top: 4px var(--primary-color) solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.our-info .gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
}

.our-info-bg1 {
    position: relative;
}

.buttonSec img {
    width: 30px !important;
    height: auto;
    aspect-ratio: inherit !important;
    position: inherit;
}

.box-section {
    text-align: center;
    position: absolute;
    z-index: 9;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: inherit !important;
    z-index: 111;
    border-radius: 24px;
    width: 75%;
}

    .box-section p,
    .box-section h2 {
        color: var(--white) !important;
    }

.our-info-bg1 img,
.our-info-bg1 .gradient-background {
    border-radius: 32px;
}

.gradient-background {
    background: linear-gradient( 180deg, rgba(4, 6, 23, 0.8) -21.38%, rgba(4, 6, 23, 0.16) 97.84% );
}

.buttonSec a {
    border: 1px solid var(--white);
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    display: inline-flex;
    align-items: center;
}

.btnWhite {
    border-radius: 16px !important;
}

.buttonSec span.txt {
    padding-left: 6px;
}

.btnWhite img {
    border-radius: 0px !important;
}

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

.buttonSec img:hover {
    filter: brightness(0) saturate(100%) invert(15%) sepia(72%) saturate(7472%) hue-rotate(308deg) brightness(80%) contrast(97%);
}

.txt-content {
    margin-top: 20px;
}

.footer-links li,
.footer-links2 li {
    list-style-type: none;
    padding-bottom: 10px;
}

.footer-links2 li {
    display: inline-block;
    padding-bottom: 0px;
    border-right: 1px solid #ccc;
    padding: 0 12px;
}

    .footer-links2 li:last-child {
        border: none;
    }

.footer-links2 {
    padding-left: 9rem !important;
}

    .footer-links li a,
    .footer-links2 a,
    .footer-bottom p {
        font-size: 0.813rem !important;
        font-weight: 400;
        line-height: 18px;
        opacity: 0.6;
        text-decoration: none;
        color: var(--textHeading);
    }

    .footer-links li:hover a,
    .footer-links2 li:hover a {
        color: var(--textHeading);
        opacity: 1;
    }

.footer-bottom {
    border-top: 1px solid #00000026;
}

.FooterBlock.container-style2 {
    background-color: var(--bodyBg) !important;
    padding-bottom: 0px;

}

.go-top {
    position: fixed;
    bottom: 0%;
    right: 0.5%;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

    .go-top:hover {
        transition: all 0.4s linear;
        transform: scale(1.1);
    }

.mobile-footer {
    display: none;
}

    .mobile-footer .accordion,
    .mobile-footer .accordion-item,
    .mobile-footer .accordion-button {
        background-color: inherit !important;
        text-decoration: none;
    }

.show {
    display: block;
}

.accordion-collapse .accordion-body {
    display: block !important;
}

/*table styles start */

/* Table Style 1 */
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent !important;
}

    .table td {
        background-color: inherit;
    }
/* Table Style 1 */
.table-style1 thead tr th {
    background-color: var(--textHeading) !important;
    color: var(--white);
}

.table-style1 tbody tr:nth-child(even) {
    background-color: var(--bodyBg) !important;
}

.table-style1 tbody tr:nth-child(odd) {
    background-color: var(--white) !important;
}

/* Table Style 2 */
.table-style2 thead tr th {
    background-color: var(--bodyBg) !important;
    color: var(--textHeading);
}

.table-style2 tbody tr:nth-child(even) {
    background-color: var(--bodyBg) !important;
    color: var(--white);
}

.table-style2 tbody tr:nth-child(odd) {
    background-color: var(--white);
    color: var(--textHeading);
}

/* Table Style 3 */
.table-style3 thead tr th {
    background-color: #ae0775 !important;
    color: var(--white);
}

.table-style3 tbody tr:nth-child(even) {
    background-color: var(--bodyBg);
    color: var(--white);
}

.table-style3 tbody tr:nth-child(odd) {
    background-color: var(--white);
    color: var(--textHeading);
}

/* Table Style 4 */
.table-style4 thead tr th {
    background-color: #ae0775 !important;
    color: var(--white);
}

.table-style4 tbody tr {
    background-color: var(--white);
    color: var(--textHeading);
    border-bottom: 1px solid #1f2a371a;
}

/* Table Style 5 */
.table-style5 thead tr th {
    background-color: var(--bodyBg) !important;
    color: var(--textHeading);
}

.table-style5 tbody tr {
    background-color: var(--white);
    color: var(--textHeading);
    border-bottom: 1px solid #1f2a371a;
}

/* Table Style 6 */

.table-style6 table tr th {
    background-color: var(--bodyBg) !important;
    color: var(--textHeading);
}

.table-style7 table tr th {
    background-color: var(--borderLine);
}

.table-style8 table tr th {
    background-color: var(--primary-color);
    color: var(--white);
}

.table-style6 tbody tr,
.table-style7 tbody tr,
.table-style8 tbody tr {
    background-color: var(--white);
    color: var(--textHeading);
    border-bottom: 1px solid #1f2a371a;
}

.table-style6,
.table-style7,
.table-style8 {
    border: 1px solid var(--borderLine);
    border-radius: 10px;
    border-bottom: 0px;
}

    .table-style6 table {
        border-radius: 10px;
    }

    .table-style6 thead,
    .table-style7 thead,
    .table-style8 thead {
        border: none !important;
        border-width: 0 !important;
        border-style: none !important;
        border-color: transparent !important;
    }

    .table-style6 table,
    .table-style7 table,
    .table-style8 table {
        border-collapse: collapse;
    }

table {
    border-spacing: 0;
    width: 100%;
}

.table td {
    background-color: inherit !important;
}

.table-style7 tr td {
    background-color: var(--bodyBg) !important;
}

.table td,
.table th {
    padding: 12px !important;
}

    .table td span {
        color: var(--subTextHeading);
    }

/*table styles end */
li {
    color: var(--subTextHeading);
}

/* General List Styles start*/
.list-style1,
.list-style2,
.list-style3 {
    padding-left: 0;
    margin-bottom: 1rem;
}

    .list-style1 h5,
    .list-style2 h5,
    .list-style3 h5 {
        margin-bottom: 0px;
    }

    .list-style1 li,
    .list-style2 li,
    .list-style3 li {
        margin-bottom: 1rem !important;
    }

    .list-style1 p,
    .list-style2 p,
    .list-style3 p {
        line-height: 28px;
    }

.list-title {
    display: block;
    font-weight: bold;
    color: var(--textHeading); /* Dark blue for titles */
    margin-bottom: 0.25rem;
}

.list-style1 p,
.list-style2 p,
.list-style3 p {
    color: var(--subTextHeading); /* Gray for description text */
    margin-bottom: 0;
}

.list-style1,
.list-style3 {
    list-style: none;
    counter-reset: list-counter;
}

    .list-style1 li {
        position: relative;
        padding-left: 4rem;
        counter-increment: list-counter;
    }

        .list-style1 li:before {
            content: "0" counter(list-counter) !important;
            position: absolute !important;
            left: 0 !important;
            color: var(--primary-color); /* Purple for numbers */
            font-weight: lighter !important;
            font-size: 2.2rem;
            top: -6px !important;
            background: inherit !important;
            width: auto !important;
            height: auto !important;
            transform: inherit !important;
        }

.list-style2 {
    list-style: none;
}

    .list-style2 li {
        position: relative;
        padding-left: 2rem;
    }

        .list-style2 li:before {
            content: "•";
            position: absolute;
            left: 0;
            color: var(--primary-color); /* Purple for bullets */
            font-size: 1.5rem;
            line-height: 1;
            top: 3px;
        }

.list-style3 li {
    position: relative;
    padding-left: 2rem;
    counter-increment: list-counter;
}

    .list-style3 li:before {
        content: counter(list-counter) ".";
        position: absolute;
        left: 0;
        color: var(--primary-color); /* purple for numbers */
        font-weight: bold;
        font-size: 1rem;
        top: 5px;
    }

/* General List Styles end*/
.badge-heading span {
    background-color: var(--primary-color) !important;
    font-size: 0.625rem;
    font-weight: 500;
    padding-top: 5px;
    position: relative;
    top: -10px;
    border-radius: 10px;
}

.badge-heading h6 {
    font-size: 1.5rem;
}

.bs-list-group1 .ls-group-item,
.bs-list-group2 .ls-group-item {
    font-size: 1rem;
    line-height: 20px;
    font-weight: 500;
    color: var(--textHeading);
    margin-bottom: 0px !important;
    margin-left: 0px;
    text-align: left;
    padding: 14px;
    border-bottom: 1px solid #1f2a370f;
    border-left: 0px;
    border-right: 0px;
}

    .bs-list-group1 .ls-group-item:first-child,
    .bs-list-group1 .ls-group-item:last-child,
    .bs-list-group2 .ls-group-item:first-child,
    .bs-list-group2 .ls-group-item:last-child {
        border-radius: 0px;
        border-top: 0px;
    }

.bs-list-group1 .disabled {
    color: #212529bf !important;
}

.bs-list-group1 a.list-group-item:hover {
    background-color: var(--primary-color);
    color: var(--white);
}

.ls-group-item.active {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    text-decoration: none;
}

.pagination-style1 a, .pagination-style1 .current {
    background-color: var(--bodyBg);
    border-radius: 50% !important;
    border: none;
    text-align: center;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0px;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--textHeading);
    margin-left: 15px;
}

    .pagination-style1 a:hover,
    .pagination-style2 a:hover {
        background-color: var(--primary-color);
        color: var(--white);
    }

        .pagination-style1 a:hover img {
            filter: invert(100%) brightness(150%);
        }

.pagination-style2 a, .pagination-style2 .current {
    border: none;
    text-align: center;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    padding: 0px;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--textHeading);
}

    .pagination-style2 a.Previous,
    .pagination-style2 a.next {
        background-color: inherit;
        color: var(--primary-color);
        text-transform: uppercase;
        width: auto;
    }

        .pagination-style2 a.Previous:hover,
        .pagination-style2 a.next:hover {
            color: var(--primary-color);
        }

a.disabled {
    color: #ababab !important;
}

ul.myTab2.nav-tabs {
    border: 0px !important;
    position: relative;
    z-index: 99;
}

.tab-section .nav li {
    margin-left: 0px;
    margin-bottom: 0px !important;
    line-height: inherit !important;
}

a.button-text {
    border: 1px solid var(--borderLine) !important;
    color: var(--subTextHeading);
    border-radius: 12px !important;
    padding: 16px 32px 14px !important;
}

.tab-pane a.nav-link:hover {
    color: var(--subTextHeading);
}

.tab-content {
    margin-top: 27px;
}

.tab-section {
    padding: 0px !important;
}

a.button-text.active {
    font-weight: 500 !important;
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.btn-close {
    cursor: pointer;
}

.selectCF {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 17px;
    font-weight: bold;
    z-index: 99;
}

    .selectCF li {
        list-style: none;
        cursor: pointer;
        perspective: 900px;
        -webkit-perspective: 900px;
        text-align: left;
    }

    .selectCF > li {
        position: relative;
        font-size: 0;
        margin-left: 0px;
    }

    .selectCF span {
        display: inline-block;
        height: 45px;
        line-height: 45px;
        background-color: inherit !important;
        color: #000 !important;
        z-index: 1;
    }

    .selectCF .arrowCF {
        transition: 0.3s;
        -webkit-transition: 0.3s;
        width: 45px;
        text-align: center;
        vertical-align: top;
        font-size: 1.125rem;
    }

    .selectCF .titleCF {
        padding: 0px;
        border-left: dotted 1px rgba(244, 244, 244, 0.5);
        font-size: 2.25rem;
        font-weight: 500;
        /*overflow: hidden;*/
        text-overflow: ellipsis;
        white-space: nowrap;
        background: url(../images/arrow_down.svg) no-repeat right center !important;
    }

    .selectCF .searchCF {
        padding: 0 10px 0 20px;
        border-left: dotted 1px rgba(244, 244, 244, 0.5);
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

.searchActive .searchCF {
    z-index: 1;
    animation: searchActive 0.3s alternate 1;
    -moz-animation: searchActive 0.3s alternate 1;
    -webkit-animation: searchActive 0.3s alternate 1;
}

.searchActive .titleCF {
    opacity: 0;
}

.selectCF .searchCF input {
    line-height: 45px;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 1.125rem;
}

    .selectCF .searchCF input:active,
    .selectCF .searchCF input:focus {
        box-shadow: none;
        border: none;
        outline: none;
    }

.selectCF li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 !important;
    width: 100%;
    background: #fff;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    z-index: 2;
    background: rgba(253, 253, 253);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid #ccc;
    border-radius: 12px;
}

    .selectCF li ul li {
        padding: 5px 0 5px 20px;
        font-weight: normal;
        font-size: 0.875rem;
        transition: 0.2s;
        line-height: 32px;
        -webkit-transition: 0.2s;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 0px !important;
        white-space: nowrap;
        margin-bottom: 0px !important;
    }

        .selectCF li ul li:hover {
            background: var(--primary-color);
            color: var(--white);
        }

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

.selectCF li ul li:last-child {
    border-bottom: none;
}

.onCF .arrowCF {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

@-moz-keyframes effect1 {
    from {
        transform: translateY(15px);
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@-webkit-keyframes effect1 {
    from {
        -webkit-transform: translateY(15px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

.onCF li ul {
    display: block;
    -moz-animation: effect1 0.3s alternate 1;
    -webkit-animation: effect1 0.3s alternate 1;
}

#calendar .fc-header-toolbar {
    display: none;
}

.select-btn {
    display: flex;
    font-size: 2.25rem;
    font-weight: 500;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    color: var(--textHeading);
    border: none;
}

    .select-btn option {
        font-size: 1.125rem;
    }

.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {
    border: none !important;
}

.fc-theme-standard td {
    border: 1px solid #fff !important;
    background: inherit !important;
}

.fc-non-business {
    background: inherit !important;
}

.fc .fc-col-header-cell-cushion,
a.fc-daygrid-day-number {
    padding: 4px 18px 10px !important;
    font-weight: bold;
    font-size: 1.25rem;
    font-weight: 400;
    text-decoration: none;
    color: var(--textHeading);
}

.fc-h-event {
    background: linear-gradient(121.47deg, #ae0775 -0.95%, #480330 148.79%);
    border: none !important;
    padding: 4px 15px;
    border-radius: 10px !important;
}

.fc-event-title {
    background: url(../images/Confetti.svg) no-repeat left center;
    padding-left: 36px !important;
    display: inline-block;
    font-weight: 700;
    line-height: 30px;
}

.fc-daygrid-event-harness {
    top: 44px !important;
    cursor: pointer;
}

.fc-h-event .fc-event-title-container {
    height: 32px;
}

.fc .fc-daygrid-day-top {
    flex-direction: inherit !important;
    padding: 10px 10px 0 10px;
}

.fc-scrollgrid-sync-table {
    background-color: var(--bodyBg) !important;
    border-radius: 8px !important;
}

.select-btn {
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid #ccc;
}

    .select-btn option {
        font-size: 0.875rem !important;
    }

.monthSelect ul.selectCF {
    /*display: none;*/
}

.monthSelect ul.selectCF {
    display: block;
    width: 200px;
}

.fc .fc-daygrid-day-bg .fc-highlight {
    background: inherit;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-width: 0 !important;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left-width: 0 !important;
}

.calendar-section {
    position: relative;
}

    .calendar-section #caljump {
        top: -60px;
    }

.eventpopup.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    z-index: 1000;
}

.eventpopup .popup-content {
    background: white;
    border-radius: 18px;
    text-align: center;
}

.event-header {
    padding: 8px;
    padding-bottom: 0px;
}

.eventpopup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.125rem;
    cursor: pointer;
}

.eventpopup .cards img.img-event {
    border-radius: 12px;
}

#event-tab-pane a.active img {
    filter: invert(100%) brightness(200%);
}

#event-tab-pane ul.myTab2.nav-tabs {
    float: left;
    margin: inherit !important;
}

#popupDates {
    background: url(../images/Calendar-Mark-dark.svg) no-repeat left center;
    padding-left: 30px;
}

.btm-sec span,
.btm-sec p {
    color: var(--textHeading);
}

.card-bottom1 {
    border-bottom: 1px solid #f0f3f5;
    padding: 0 20px;
}

.card-bottom2 {
    padding: 0 20px;
}

.eventpopup .e-drop {
    text-align: left;
}

.eventpopup #popupDescription {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
}

.gallery .galleryitem a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    position: relative;
}

.gallery .button-cover {
    top: 0px !important;
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    border-radius: 12px;
    border-color: var(--primary-color) !important;
}

.f-thumbs__slide__img {
    border-radius: 12px !important;
}

.fancybox__backdrop {
    background: var(--textHeading);
}
/* Caption below thumbnail */
.gallery .caption {
    color: var(--textHeading);
    font-size: 1.125;
    padding-top: 10px;
}

/* Customize Fancybox caption */
.fancybox__caption {
    font-size: 1.125;
    color: #fff;
}

/* Ensure arrows are visible for the slider */
.fancybox__nav {
    display: block !important;
}

    .fancybox__nav button {
        background: #ffffff33;
        color: white;
        border: none;
        cursor: pointer;
    }

        .fancybox__nav button:hover {
            background-color: var(--primary-color) !important;
        }

button button.fancybox__nav--next,
button button.fancybox__nav--prev {
    background-color: transparent !important;
}

.fancybox__content {
    background: inherit !important;
}
/* Customize thumbnail slider arrows */
.fancybox__thumbs .carousel__button {
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.gallery .button-cover:hover,
.gallery .gallery-img.button-cover:hover {
    background: rgb(174 7 117 / 50%);
}

.zoom-icon img {
    width: auto !important;
    height: auto !important;
}

.zoom-icon {
    display: none;
}

.gallery .button-cover:hover .zoom-icon {
    display: block;
}

.gallery .gallery-img.button-cover {
    background: inherit;
}

.gallery2 .f-carousel__track {
    aspect-ratio: 3/2;
}

.gallery2 {
    position: relative;
    background-color: var(--bodyBg);
    padding: 10px;
    border-radius: 24px;
    margin-bottom: 1rem;
}

#media-counter {
    position: absolute;
    top: 12px;
    left: 20px;
    color: var(--white);
}

.f-thumbs__slide {
    --shift: 0 !important;
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 0px 0;
}

.media-desc {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 3rem;
}

.gallery2 .button-cover {
    top: 0px !important;
}

.gallery2 .f-gallery-img {
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inherit !important;
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-width);
}

.gallery2 .is-nav-selected .f-thumbs__slide__img,
.fancybox__footer .is-nav-selected .f-thumbs__slide__img {
    border: 1px solid var(--primary-color);
}

.gallery2 .is-horizontal .f-carousel__nav .f-button.is-prev,
.gallery2 .is-horizontal .f-carousel__nav .f-button.is-next,
.gallery2 .is-horizontal .fancybox__nav .f-button.is-prev,
.gallery2 .is-horizontal .fancybox__nav .f-button.is-next {
    background: linear-gradient(167.22deg, #fcf7fa 17.82%, #f7e6f1 70.23%);
    border-radius: 50%;
}

.gallery2 .is-horizontal .f-button svg {
    width: 18px;
    color: var(--textHeading);
}

.gallery2 .is-horizontal .f-carousel__nav .f-button.is-prev:hover,
.gallery2 .is-horizontal .f-carousel__nav .f-button.is-next:hover,
.gallery2 .is-horizontal .fancybox__nav .f-button.is-prev:hover,
.gallery2 .is-horizontal .fancybox__nav .f-button.is-next:hover {
    background: var(--primary-color);
}

.gallery2 .is-horizontal .f-button:hover svg {
    color: var(--white);
}

.gallery2 .banner-txt {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: linear-gradient( 180deg, rgba(31, 42, 55, 0) 12.98%, rgba(31, 42, 55, 0.7) 70.24%, #1f2a37 100% );
    padding-left: 1rem;
    padding-top: 4rem;
    padding-bottom: 0.2rem;
    border-radius: 24px;
    z-index: 999;
}

.banner-txt h6 {
    color: var(--white) !important;
}

.bottom-nav-arrows {
    width: 97%;
    margin: 0 auto;
    justify-content: space-between;
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
}

.f-thumbs__slide__button {
    opacity: 1;
}

.arrow-btn {
    color: black !important;
}

    .arrow-btn:hover {
        background: rgba(255, 255, 255, 1);
    }

.thumb-arrow {
    position: absolute;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 20px;
    padding: 10px;
    cursor: pointer;
}

    .thumb-arrow.left {
        left: 5px;
    }

    .thumb-arrow.right {
        right: 5px;
    }

    .thumb-arrow.left,
    .thumb-arrow.right {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: saturate(180%) blur(14px);
        color: white;
        border: none;
        padding: 0 0px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

.fancybox__toolbar {
    opacity: 1 !important;
    transition-delay: 0s !important;
    transition: none !important;
}

.slide-bg {
    background: rgba(31, 42, 55, 0.6);
    position: absolute;
    width: 100%;
    padding: 6px 0;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    z-index: 999;
}

.thumb-btn {
    position: relative;
    bottom: 52px;
}

    .thumb-btn img {
        width: 8px;
    }

.timeline ul {
    padding: 0;
}

.timeline .default-line {
    content: "";
    position: absolute;
    left: 3%;
    top: 5px;
    width: 2px;
    background: #eccde2;
}

.timeline .draw-line {
    width: 2px;
    height: 0;
    position: absolute;
    left: 3%;
    top: 3px;
    background: #ae0775;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    margin: 0 auto;
    background: transparent;
}

    .timeline ul li:last-child {
        margin-bottom: 2rem;
    }

    .timeline ul li.in-view {
        transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
    }

        .timeline ul li.in-view::before {
            content: "";
            position: absolute;
            left: 3%;
            top: -8px;
            transform: translateX(-50%);
            width: 46px;
            height: 46px;
            border-radius: 50%;
            background: url(../images/progress-circle.svg) no-repeat left center;
            transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
        }

    .timeline ul li::before {
        content: "";
        position: absolute;
        left: 3%;
        top: 0;
        transform: translateX(-50%);
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: inherit;
        background: #480330;
        transition: all 0.4s ease-in-out;
    }

.timeline-end {
    content: "";
    position: absolute;
    left: 3%;
    bottom: -4%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: inherit;
    background: #480330;
    transition: all 0.4s ease-in-out;
}

.timeline-content {
    padding-left: 8%;
}

.mem-img {
    border: 1px solid #e8e8e8;
    border-radius: 28px;
    width: 100%;
    -webkit-transition: background-color 700ms linear, color 700ms linear;
    height: 150px;
    position: relative;
    text-align: center;
}

    .mem-img img {
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        padding: 1.75rem;
        width: 100%;
        transition: all 1s ease;
    }

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

        .mem-img:hover img {
            transform: scale(1.1);
            position: inherit;
        }

.grid {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 30vw;
    list-style: none;
}

.grid {
    padding-left: 0px !important;
}

    .grid li:nth-child(9) {
        grid-column: 1 / -1;
        grid-row: span 2;
    }

    .grid figure,
    .grid img {
        width: 100%;
        height: 100%;
    }

    .grid img {
        object-fit: cover;
    }

@media (min-width: 1240px) {
    .grid {
        grid-gap: 24px;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 20vw;
        padding-left: 0px;
    }

        .grid li:nth-child(1) {
            grid-column: 1;
            grid-row: 1 / span 1;
        }

        .grid li:nth-child(2) {
            grid-column: 2 / span 2;
            grid-row: 1 / span 2;
        }

        .grid li:nth-child(3) {
            grid-column: 4;
            grid-row: 1;
        }

        .grid li:nth-child(4) {
            grid-column: 4;
            grid-row: 2;
        }

        .grid li:nth-child(5) {
            grid-column: 1;
            grid-row: 2;
        }

        .grid li:nth-child(6) {
            grid-column: 1 / span 2;
            grid-row: 3;
        }

        .grid li:nth-child(7) {
            grid-column: 3 / span 2;
            grid-row: 3;
        }

        .grid .bg-gradient1 img {
            height: auto;
            width: 70%;
        }

    .logo-bg {
        background: #fef9f9;
    }
}

.grid-overlay {
    background: linear-gradient( 181.3deg, rgba(0, 0, 0, 0) 3.36%, rgba(0, 0, 0, 0.9) 114.65% );
    border-radius: 20px;
    bottom: 0;
    height: 100%;
    opacity: 1;
    right: 0;
    top: auto;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    position: absolute;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.grid-items p {
    color: var(--white);
    line-height: 32px;
    margin: 0 0 4px 0;
}

.grid-txt2 {
    width: 98%;
}

.grid-items img {
    border-radius: 24px;
    object-fit: cover;
}

.infofSec {
    text-decoration: none;
}

.info-block {
    padding: 32px;
    padding-bottom: 0px;
    background-color: var(--bodyBg);
    overflow: hidden;
    position: relative;
    border-radius: 24px;
}

.info-section span {
    width: 100%;
    display: inline-block;
    color: var(--primary-color);
    margin-bottom: 0.25rem !important;
}

.info-section h5 {
    margin-bottom: 0.25rem !important;
    color: var(--textHeading) !important;
}

.info-section p {
    color: var(--textHeading);
}

.info-sec h2 {
    margin-bottom: 0px;
}

.info-sec2 .info-box {
    margin-top: 0px !important;
}

.info-sec2 h6 {
    margin-bottom: 0px;
}

.info-sec2 h2 {
    color: var(--primary-color) !important;
    padding: 1rem 0;
    margin-bottom: 0px;
}

.info-img {
    position: relative;
}

    .info-img img {
        transition: all 1s ease;
    }

.info-block:hover img {
    transform: scale(1.1);
}

.download-files {
    padding: 32px;
    border-radius: 24px;
    transition: border 0.3s ease-in-out;
    border: 1px solid transparent;
    background-color: var(--bodyBg);
}

    .download-files:hover .darkImg {
        display: none;
    }

.colorImg {
    display: none;
}

.info-icon3 img {
    width: 80px;
    height: auto;
}

.download-files:hover .colorImg {
    display: inline-block;
}

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

    .download-files:hover .download-icon2 {
        background-color: var(--primary-color);
    }

.greenery-section {
    background: radial-gradient( 101.02% 135.94% at 0% 0%, #eafff1 0%, #c4f6d5 100% );
    border-radius: 24px;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.greenery-bg h3 {
    text-align: center;
}

.greenySec2 span {
    color: #01a63b;
}

.greenySec2 p {
    margin-top: 2%;
}

.greenySec3 {
    justify-content: end;
    align-items: end;
}

.info-grid {
    height: 100%;
    background: #f5f7f7;
    border: 1px solid #e8e8e8;
    transition: border 0.3s ease-in-out;
    align-items: flex-start !important;
    flex-direction: column !important;
    display: flex;
    padding: 24px;
    border-radius: 24px;
}

.info-box a {
    color: var(--textHeading) !important;
}

.info-box p {
    margin-bottom: 0px;
}

    .info-box p span {
        font-size: 0.875rem !important;
    }

.info-box {
    margin-top: 2rem;
}

.testimonial blockquote {
    margin: 10px 10px 0;
    background: #efefef;
    padding: 20px 60px;
    position: relative;
    border: none;
    border-radius: 8px;
    font-style: italic;
}

    .testimonial blockquote:before,
    .testimonial blockquote:after {
        content: "\201C";
        position: absolute;
        font-size: 80px;
        line-height: 1;
        color: #757f9a;
        font-style: normal;
    }

    .testimonial blockquote:before {
        top: 0;
        left: 10px;
    }

    .testimonial blockquote:after {
        content: "\201D";
        right: 10px;
        bottom: -0.5em;
    }

.testimonial div {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #efefef;
    margin: 0 0 0 60px;
}

.testimonial p {
    margin: 8px 0 0 20px;
    text-align: left;
    color: #fff;
}

.fbSection {
    background: linear-gradient(121.47deg, #ae0775 -0.95%, #480330 148.79%);
    border-radius: 32px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.fb-bg {
    background: url(../images/Isolation_Mode.svg) no-repeat right center;
    background-size: contain;
    padding: 3.75rem;
}

.fbSection h2,
.fbSection p {
    color: var(--white) !important;
}

.fb-txt .mailTxt {
    background: url(../images/Mailbox.svg) no-repeat left top;
    padding-left: 50px;
    line-height: 30px;
    padding-top: 10px;
    color: var(--white);
    text-decoration: none;
}

.fb-txt .phoneTxt {
    background: url(../images/Phone-Rounded.svg) no-repeat left bottom;
    padding-left: 50px;
    line-height: 14px;
    padding-top: 8px;
    display: inline-block;
    height: 30px;
    color: var(--white);
    text-decoration: none;
}

.fb-btn a:hover {
    border: 1px solid #fff !important;
    background-color: inherit !important;
}

    .fb-btn a:hover .txt {
        color: var(--white) !important;
    }

.selectpicker {
    background-color: var(--bodyBg) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 16px 24px !important;
}

.form-select {
    background-color: var(--bodyBg) !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 16px 24px !important;
}

    .form-select.selectpicker:focus {
        box-shadow: inherit;
    }

.border-right {
    border-right: 1px solid #e8e8e8;
}

.Certificate-img img {
    max-width: 80%;
}

.notifi-box .btn-Primary,
.notifi-box .btn-Secondary {
    display: inline;
}

.notification-style3 a.btn-Secondary:hover {
    border-color: var(--white) !important;
}

.row-cols-xl-4 .download-files .info-sec h2,
.row-cols-lg-4 .download-files .info-sec h2 {
    font-size: 2rem !important;
}

.row-cols-xl-4 .download-files,
.row-cols-lg-4 .download-files,
.media-desc .row-cols-xl-2 .download-files {
    padding: 24px;
}

.media-desc .download-files img {
    aspect-ratio: inherit;
}

.btn-Primary {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    padding: 16px 24px 13px !important;
    border-radius: 12px !important;
    text-decoration: none;
    display: inline-block;
}

    .btn-Primary:hover {
        color: var(--primary-color) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-color) !important;
    }

.btn-Secondary {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--white) !important;
    color: var(--primary-color) !important;
    padding: 17px 24px 13px !important;
    border-radius: 12px !important;
    text-decoration: none;
    display: inline-block;
}

    .btn-Secondary:hover {
        color: var(--white) !important;
        background-color: var(--primary-color) !important;
        border: 1px solid var(--primary-color) !important;
    }

.btn-Primary-md {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    padding: 14px 24px 10px !important;
    border-radius: 12px !important;
    text-decoration: none;
    display: inline-block;
}

    .btn-Primary-md:hover {
        color: var(--primary-color) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-color) !important;
    }

.btn-Secondary-md {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--white) !important;
    color: var(--primary-color) !important;
    padding: 13px 24px 10px !important;
    border-radius: 12px !important;
    text-decoration: none;
    display: inline-block;
}

    .btn-Secondary-md:hover {
        color: var(--white) !important;
        background-color: var(--primary-color) !important;
        border: 1px solid var(--primary-color) !important;
    }

.btn-Primary-sm {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    padding: 10px 24px 7px !important;
    border-radius: 12px !important;
    text-decoration: none;
    display: inline-block;
}

    .btn-Primary-sm:hover {
        color: var(--primary-color) !important;
        background-color: var(--white) !important;
        border: 1px solid var(--primary-color) !important;
    }

.btn-Secondary-sm {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--white) !important;
    color: var(--primary-color) !important;
    padding: 10px 24px 7px !important;
    border-radius: 12px !important;
    text-decoration: none;
    display: inline-block;
}

    .btn-Secondary-sm:hover {
        color: var(--white) !important;
        background-color: var(--primary-color) !important;
        border: 1px solid var(--white) !important;
    }

.time-content {
    margin-bottom: 3.5rem !important;
}

.timeline ul li.time-last::before {
    display: none;
}

.logo-section {
    /*  border-right: 1px solid var(--borderLine);*/
    display: flex;
    align-items: center;
}

.image-section {
    padding-left: 3rem !important;
}

    .image-section img {
        max-width: 80%;
    }

    .image-section .col {
        text-align: center;
    }

.logo-section2 {
    align-items: center;
}

.content-section {
  /*  border-left: 1px solid var(--borderLine);*/
   /* padding-left: 50px !important;*/
}

    .content-section img {
        border-radius: 24px;
    }

.link-text a {
    position: relative;
    text-decoration: none;
    height: 1px;
    /*border-bottom: 1px solid var(--subTextHeading);*/
}

    .link-text a::after {
        content: "";
        display: block;
        width: 0;
        height: 2px;
        background: var(--primary-color);
        transition: width 0.3s;
        position: absolute;
        left: 0;
        bottom: -3px;
    }

    .link-text a:hover::after {
        width: 100%;
        transition: width 0.3s;
    }

    .link-text a:hover {
        text-decoration: none !important;
        color: var(--primary-color) !important;
        border-bottom: 0px !important;
    }

.space-right {
    padding-left: 0px;
    padding-right: 3rem;
}

#event-tab-pane .tab-event {
    border: 1px solid #e8e8e8 !important;
    border-radius: 20px;
    padding: 4px;
}

    #event-tab-pane .tab-event li {
        margin-right: 0px !important;
    }

        #event-tab-pane .tab-event li a.button-text {
            border: none !important;
        }

/*Custom styles*/
.mob-title {
    display: none;
}

    .mob-title.title-bg {
        background-color: #ffffff9e;
        padding: 10px 10px 6px;
    }

    .mob-title a {
        color: var(--textHeading);
    }

    .mob-title a {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 34px;
    }

.info-section {
    min-height: 145px;
}

.select-menu .options .option {
    display: flex;
    height: 40px;
    cursor: pointer;
    padding: 0 16px;
    align-items: center;
}

    .select-menu .options .option:hover {
        background: var(--primary-color);
    }

        .select-menu .options .option:hover span {
            color: #fff;
        }

    .select-menu .options .option i {
        font-size: 1.563rem;
        margin-right: 12px;
    }

    .select-menu .options .option .option-text {
        font-size: 0.875rem !important;
        color: var(--textHeading);
        padding-top: 6px;
    }

.select-btn i {
    font-size: 1.563rem;
    transition: 0.3s;
}

.select-menu.active .select-btn i {
    transform: rotate(-180deg);
}

.select-menu.active .options {
    display: block;
    opacity: 1;
    z-index: 10;
}


.select-btn .sBtn-text {
    color: var(--textHeading);
}

.select-menu .select-btn {
    display: flex;
    background-color: var(--bodyBg);
    border-radius: 12px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    color: #fff;
    padding: 17.5px 20px;
}

    .select-menu .select-btn span {
        font-size: 0.875rem !important;
    }

.select-menu .options {
    position: absolute;
    width: 21.5%;
    display: none;
    padding: 0px;
    border-radius: 12px;
    margin-top: 4px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid #ccc;
}


.options li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.options li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.margin-unset {
    margin-left: unset;
    margin-right: unset;
}

.link-text a {
    color: var(--primary-color) !important;
    position: relative;
    text-decoration: none !important;
}

    .link-text a::after {
        content: "";
        display: block;
        width: 0;
        height: 2px;
        background: var(--primary-color);
        transition: width 0.3s;
        position: absolute;
        left: 0;
        bottom: -3px;
    }

    .link-text a:hover::after {
        width: 100%;
        transition: width 0.3s;
    }

.show-property {
    display: block;
}

.hide-property {
    display: none !important;
}

.float-right {
    float: right;
}

.fsize-small {
    font-size: 1rem !important;
}

.fsize-smaller {
    font-size: .813rem !important;
}
ul li {
    font-size: 1rem;
   /* line-height: 32px;*/
    color: var(--subTextHeading);
}
.logo-section .logo-circle {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.5rem;
}
.logo-circle {
    border: 1px solid #e8e8e8;
}

.border-top-line {
    border-top: 1px solid #e8e8e8;
}