/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Variables */
:root {
    --light-gray: #F1F1F1;
    --top-bar-color: #060606;
    --footer-boder-color: #F6851F;
    --secodary-warn-color: #FDB614;
    --text-light-gray: #707070;
    --primary-font: 'Be Vietnam Pro', sans-serif;
    --secondary-font: 'Readex Pro', sans-serif;
    --default-dark-color: #1E1E1E;
    --text-medium-gray: #3A3A3A;
    --nav-overlay-bg: #103d4a;
    --nav-overlay-muted: #8ca4ad;
    --nav-overlay-cta: #3eb6c7;
    --nav-overlay-cta-text: #0d2f38;
}

.primary-font {
    font-family: var(--primary-font);
}

.secondary-font {
    font-family: var(--secondary-font);
}

.cus-text-color {
    color: var(--bs-light) !important;
}

.bg-warning-gradient {
    background: linear-gradient(227deg, #FDB614 0%, #F6851F 100%);
}

.bg-dark-gradient {
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%);
}

/* Preloader */
html.is-preloading,
html.is-preloading body,
html.is-preloading body.bg-light {
    overflow: hidden;
    background-color: #71A5DE14!important;
}

.page-preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #71A5DE14;
    opacity: 1;
    pointer-events: all;
    transition: opacity 0.55s ease;
    filter:backdrop-filter(blur(10px));
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.page-preloader::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 60% 50% at 50% 42%, rgba(62, 182, 199, 0.16), transparent 70%),
        radial-gradient(ellipse 40% 40% at 80% 80%, rgba(246, 133, 31, 0.1), transparent 70%);
    pointer-events: none;
}

.preloader-stage {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-orbit {
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-mark {
    width: 3rem;
    height: auto;
    animation: preloaderFloat 2.4s ease-in-out infinite;
}

.preloader-arc {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid transparent;
}

.preloader-arc-a {
    border-top-color: #3eb6c7;
    border-right-color: #219ebc;
    animation: preloaderSpin 1.1s cubic-bezier(0.55, 0, 0.2, 1) infinite;
}

.preloader-arc-b {
    inset: 0.42rem;
    border-bottom-color: #fdb614;
    border-left-color: #f6851f;
    animation: preloaderSpin 1.65s cubic-bezier(0.55, 0, 0.2, 1) infinite reverse;
}

.page-preloader.is-done {
    opacity: 0;
    pointer-events: none;
}

@keyframes preloaderSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes preloaderFloat {
    0%,
    100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-4px) scale(1.04);
    }
}

@media (prefers-reduced-motion: reduce) {
    .preloader-arc-a,
    .preloader-arc-b,
    .preloader-mark,
    .page-preloader {
        animation: none !important;
        transition: none !important;
    }

    .page-preloader.is-done {
        visibility: hidden;
    }
}

/* Buttons */
.button-outlined {
    border: 2px solid var(--footer-boder-color);
    padding: 5px 30px;
    font: normal normal medium 18px/26px var(--primary-font);
    text-decoration: none;
    color: var(--footer-boder-color);
    border-radius: 3px;
}

.button-outlined:hover {
    border: 2px solid var(--footer-boder-color);
    padding: 5px 30px;
    font: normal normal medium 18px/26px var(--primary-font);
    text-decoration: none;
    color: var(--light-gray);
    background-color: var(--footer-boder-color);
}

/* Header */
/* .border-top-theme{
    border-top:1px solid var(--footer-boder-color);
} */
.custom-logo-link .custom-logo {
    max-width: 275px;
    height: auto;
}

#search.form-control:focus,
#search-wines.form-control:focus {
    outline: 0;
    box-shadow: none;
    border: none;
}

.contact-num a {
    text-decoration: none;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: var(--top-bar-color);
}

.contact-num a:hover {
    color: var(--footer-boder-color);
}

.top-bar .text-dark:hover {
    color: var(--footer-boder-color) !important;
}

.top-bar-c7-wrapper #search {
    border-radius: 50rem 0 0 50rem;
    border: none;
    background-color: var(--light-gray);
    height: 39px;
    font: normal normal normal 15px/18px Lato;
}

.top-bar-c7-wrapper #search-wines {
    border: none;
    border-radius: 0 50rem 50rem 0;
    background-color: var(--light-gray);
}

.top-bar-c7-wrapper #c7-cart>a::before {
    content: '';
    background: transparent url('../img/shopping-cart.svg') 0% 0% no-repeat padding-box;
    display: inline-block;
    width: 27px;
    height: 26px;
}

.top-bar-c7-wrapper #c7-login {
    margin-top: .25rem !important;
}

#c7wp-cart-box {
    z-index: auto;
}

.top-bar-c7-wrapper #c7-login a:not(.c7-login__logged-in),
.top-bar-c7-wrapper #c7-login a:not(.c7-login__logout) {
    content: ' ' !important;
    text-indent: -99999999px;
    white-space: nowrap;
    background: transparent url('../img/user-icon.svg') 0% 0% no-repeat padding-box;
    display: inline-block;
    width: 28px;
    height: 28px;
    outline: none;
    z-index: 1;
    background-size: cover;
}

.top-bar-c7-wrapper #c7-login a.c7-login__logged-in {
    content: ' ' !important;
    text-indent: 35px;
    white-space: nowrap;
    background: transparent url('../img/user-icon.svg') 0% 0% no-repeat padding-box;
    display: inline-block;
    width: 28px;
    height: 28px;
    outline: none;
    background-size: cover;
}

.top-bar-c7-wrapper #c7-login a.c7-login__logout {
    content: ' ' !important;
    text-indent: 35px;
    white-space: nowrap;
    background: transparent url('../img/user-icon.svg') 0% 0% no-repeat padding-box;
    display: inline-block;
    width: 28px;
    height: 28px;
    outline: none;
    background-image: none;
    top: 15px;
    font-size: 12px;
    right: -10px;
    background-size: cover;
}

.c7-account__create-account input {
    font: normal normal 500 14px/20px var(--primary-font) !important;
    background: var(--bs-white);
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    height: 45px;
}

.c7-account__create-account .c7-form__group .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color);
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-account__create-account .c7-form__group .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-logout-message a {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
    margin-top: 15px;
    display: inline-block;
}

.c7-logout-message a:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-account__create-account .c7-form__button-row .c7-button-alt {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--footer-boder-color);
    background-color: transparent;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-account__create-account .c7-form__button-row .c7-button-alt:hover {
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
}

.nav-item.active {
    font-weight: 600;
}

.nav-item.active a {
    color: var(--footer-boder-color) !important;
}

.nav-cus-fs {
    font-size: 1.15rem;
}

.nav-item.nav-cta-btn a {
    background-color: var(--footer-boder-color);
    border-radius: 50px;
    color: var(--top-bar-color) !important;
    overflow: hidden;
    padding: 8px 20px !important;
    position: relative;
    text-decoration: none;
    transition: 0.5s transform ease-in-out;
    will-change: transform;
    z-index: 0;
}

.nav-item.nav-cta-btn a:after {
    background-color: var(--top-bar-color);
    border-radius: 50px;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: 0.5s transform ease-out;
    will-change: transform;
    z-index: -1;
}

.nav-item.nav-cta-btn:hover a:after {
    transform: translate(0, 0);
}

.nav-item.nav-cta-btn:hover a {
    color: var(--footer-boder-color) !important;
    transform: scale(1);
    will-change: transform;
}

.get-a-quote-button {
    background-color: var(--top-bar-color);
    color: var(--bs-white);
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    font-family: var(--primary-font);
}

.get-a-quote-button:hover {
    color: var(--top-bar-color);
    background-color: var(--footer-boder-color);
}

/* Slider / Home hero */
.home-slider-section {
    width: 100%;
    overflow: hidden;
}

.home-hero-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: linear-gradient(180deg, #9aa7b3 0%, #7d8b98 42%, #4a5864 100%);
}

.home-hero-media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.home-hero-video,
.home-hero-poster {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-hero-scrim {
    position: absolute;
    inset: 0;
    /*background: linear-gradient(180deg, rgba(154, 167, 179, 0.18) 0%, rgb(90 105 118 / 43%) 48%, rgb(28 40 50 / 88%) 100%);*/
	background: linear-gradient(180deg, rgb(154 167 179 / 28%) 0%, rgb(40 31 31 / 38%) 48%, rgb(28 40 50 / 88%) 100%);
    pointer-events: none;
}


.home-hero-rail {
    position: absolute;
    right: 3rem;
    top: 60%;
    bottom: 10%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    writing-mode: horizontal-tb;
}

.home-hero-rail-line {
    flex: 1;
    width: 1px;
    margin: 0.85rem 0;
    background: rgba(255, 255, 255, 0.42);
}

.home-hero-content-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 8rem;
    padding-bottom: 4.5rem;
    padding-right: 3.5rem;
}

.home-hero-content {
    max-width: 40rem;
}

.home-hero-title {
    margin: 0 0 1.15rem;
    color: #ffffff;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -0.03em;

    strong{
        color: #3eb6c7;
    }
    .home-hero-title-accent {
        color: #3eb6c7;
    }
}


.home-hero-lede {
    p{
        max-width: 28rem;
        margin: 0 0 1.75rem;
        color: rgba(255, 255, 255, 0.92);
        font-size: 16px;
        font-weight: 400;
        line-height: 1.55;
    }
    
}

.home-hero-cta {
    margin-top: 0.25rem;
}

.home-hero-content-wrap .site-nav-cta,
.home-hero-content-wrap .site-nav-cta-2 {
    box-sizing: border-box;
    height: 52px;
    min-height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    vertical-align: middle;
}

.home-hero-content-wrap .site-nav-cta-2 {
    justify-content: center;
}

.home-hero-point-title {
    margin: 0 0 0.7rem;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 600;
}

.home-hero-point-text {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.88rem;
    line-height: 1.55;
}

.home-hero-section .tagline-heading,
.home-hero-section .display-1 {
    position: relative;
    font-size: clamp(2.6rem, 6.4vw, 7.5rem);
    line-height: 0.95;
    z-index: 1;
    margin-bottom: 2.5rem;
}

.home-hero-banner-img-wrapper {
    border-radius: 50px;
}

.home-hero-banner-img-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 100%);
    z-index: 1;
}

.home-hero-banner-img-wrapper .display-1 {
    position: relative;
    font-size: 7rem;
    z-index: 1;
}

.home-hero-banner-img-wrapper .btn,
.home-hero-section .btn {
    border: 3px solid var(--secodary-warn-color);
    border-radius: 50px;
    color: var(--bs-light) !important;
    overflow: hidden;
    padding: 15px 30px !important;
    position: relative;
    text-decoration: none;
    transition: 0.5s transform ease-in-out;
    will-change: transform;
    font-size: 1.35rem;
    line-height: normal;
    z-index: 2;
}

.home-hero-banner-img-wrapper .btn:after,
.home-hero-section .btn:after {
    background-color: var(--secodary-warn-color);
    border-radius: 50px;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: 0.5s transform ease-out;
    will-change: transform;
    z-index: -1;
}

.home-hero-banner-img-wrapper .btn:hover:after,
.home-hero-section .btn:hover:after {
    transform: translate(0, 0);
}

.home-hero-banner-img-wrapper .btn:hover,
.home-hero-section .btn:hover {
    background-color: transparent;
    color: var(--top-bar-color) !important;
    transform: scale(1);
    will-change: transform;
}

.our-clients-logo-wrapper .client-logo {
    max-width: 275px;
    margin: auto;
}

/* Value We Create */
.value-we-create-section {
    position: relative;
    z-index: 2;
}

.value-we-create-intro {
    max-width: 52rem;
}

.value-we-create-badge {
    gap: 0.5rem;
    padding: 0.45rem 1rem;
    border: 1px solid #b8d4e8;
    border-radius: 999px;
    background: #ffffff;
    color: #3d8fd4;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
}

.value-we-create-badge::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #3eb6c7;
    flex-shrink: 0;
}

.value-we-create-heading {
    color: #111111;
    font-size: clamp(2rem, 3.4vw, 3rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.value-we-create-lede {
    color: #5f6670;
    font-size: 1rem;
    line-height: 1.7;
}

.value-we-create-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dbe7f2;
    border-radius: 1.5rem;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(16, 38, 58, 0.08);
    align-items: center;
}
.csr-card{
    border: 1px solid #bdd3e794;
    background: #F2F7FA;
}
.csr-card .value-we-create-card-visual{
    min-width: 95%;
    background: #F2F7FA;
}
.csr-card .value-we-create-card-visual img{
    bottom: auto;
}
.csr-card .value-we-create-card-visual::before {
	background: #ffffff28;
	z-index: 0;
}
.value-we-create-card-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1rem;
    min-width: 10rem;
    padding: 2rem 1.5rem 1.5rem;
    background: linear-gradient(180deg, #eef5fb 0%, #f7fafd 100%);
    position: relative;
}

.value-we-create-card-visual::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #eef5fb38 50%, #ffffffd1 100%);
    z-index: 0;
}

.value-we-create-card-visual img {
	width: auto;
	max-width: 7.5rem;
	height: auto;
	max-height: 7.5rem;
	display: block;
	object-fit: contain;
	position: absolute;
	bottom: -20px;
}

.value-we-create-card-body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.5rem 1.5rem 1.75rem;
}

.value-we-create-card-title {
    color: #111111;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

.value-we-create-card-text {
    color: #5f6670;
    font-size: 0.9375rem;
    line-height: 1.65;
}

@media (max-width: 991.98px) {
    .value-we-create-intro {
        max-width: none;
    }

    .value-we-create-heading,
    .value-we-create-lede {
        max-width: none;
    }
}

.value-we-create-ruler {
	position: absolute;
	overflow: hidden;
	height: 2.5rem;
    max-width: 100%;
}

.value-we-create-ruler-track {
    display: flex;
    width: max-content;
    height: 100%;
    will-change: transform;
}

.value-we-create-ruler-pattern {
	display: block;
	flex-shrink: 0;
	width: 180vw;
	min-width: 1600px;
	height: 2.35rem;
	background-color: transparent;
	background-image: repeating-linear-gradient(90deg, #dae1eb 0 1.5px, transparent 1.5px 16px), repeating-linear-gradient(90deg, #dae1eb 0 1.5px, transparent 1px 80px), repeating-linear-gradient(90deg, #dee1e4 0 1.5px, transparent 1.5px 160px);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-size: 10px 12px, 50px 17px, 100px 22px;
	border-top: 1.5px solid #dae1eb;
}

@media (max-width: 767.98px) {
    .value-we-create-ruler {
        margin-top: 1.75rem;
        height: 4.25rem;
    }

    .value-we-create-ruler-pattern {
        width: 240vw;
        min-width: 1100px;
        height: 1.85rem;
        background-size: 12px 11px, 60px 18px, 120px 28px;
        background-image:
            repeating-linear-gradient(90deg, #3a3a3a 0 1.5px, transparent 1.5px 12px),
            repeating-linear-gradient(90deg, #3a3a3a 0 1.5px, transparent 1.5px 60px),
            repeating-linear-gradient(90deg, #3a3a3a 0 1.5px, transparent 1.5px 120px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .value-we-create-ruler-track {
        transform: none !important;
    }
}

/* Our Expertise */
.our-expertise-section {
    position: relative;
    z-index: 1;
    background-color: #f6f8fb;
}

.our-expertise-heading {
    color: #111111;
    font-size: clamp(1.75rem, 4.2vw, 3.15rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.035em;
    overflow-wrap: break-word;
}

.our-expertise-lede {
    color: #5f6670;
    font-size: clamp(0.92rem, 1.4vw, 1.02rem);
    line-height: 1.7;
}

.our-expertise-accordion,
.our-expertise-stack {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* max-width: 83rem; */
    margin: 0 auto;
}

.our-expertise-card {
    --stack-index: 0;
    position: sticky;
    top: 1rem;
    z-index: calc(2 + var(--stack-index));
    background: #f6f8fb;
    border: 0;
    border-top: 1px solid #e4e8ee;
    overflow: visible;
    transform-origin: center top;
    margin-bottom: 12vh;
}

.our-expertise-card:last-child {
    margin-bottom: 0;
}

.our-expertise-details {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e4e8ee;
}

.our-expertise-summary {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    padding: 2.15rem 1.15rem 1rem;
    color: #222323;
    user-select: none;
    min-width: 0;
    overflow: visible;
    background-color: transparent;
}

.our-expertise-summary::-webkit-details-marker,
.our-expertise-summary::marker {
    display: none;
    content: "";
}

.our-expertise-thumb {
    display: block;
    flex-shrink: 0;
    width: 5.5rem;
    height: 3.65rem;
    overflow: hidden;
    border-radius: 0.7rem;
    background: #e8eef4;
}

.our-expertise-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.our-expertise-summary-name {
    flex: 1;
    min-width: 0;
    font-size: clamp(1.7rem, 2.2vw, 2.35rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #222323;
    font-family: var(--primary-font);
    overflow-wrap: break-word;
}

.our-expertise-details-body {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}

.our-expertise-details.is-open .our-expertise-details-body,
.our-expertise-card .our-expertise-details-body {
    height: auto;
    opacity: 1;
    overflow: visible;
}

.our-expertise-details-body-inner {
    padding: 0rem 0rem 0rem;
}

@media (prefers-reduced-motion: reduce) {
    .our-expertise-details-body {
        transition: none;
    }
}

.our-expertise-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 1.25rem 1.75rem;
    align-items: stretch;
    background: transparent;
    color: #222323;
    min-width: 0;
    max-width: 100%;
}

.our-expertise-panel:not(:has(.our-expertise-panel-media)) {
    grid-template-columns: minmax(0, 1fr);
}

.our-expertise-panel-media {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    min-height: 18rem;
    height: auto;
    align-self: stretch;
    background: #e4eaf0;
}

.our-expertise-panel-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
}

.our-expertise-panel-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    max-width: 100%;
    padding: 3.5rem 0.35rem 2.5rem 0.15rem;
}

.our-expertise-panel-name,
.our-expertise-panel-subtitle,
.our-expertise-panel-title,
.our-expertise-panel-text,
.our-expertise-addon {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.our-expertise-panel-name {
    margin: 0 0 0.7rem;
    color: #2b2b2b;
    font-size: clamp(1.85rem, 2.6vw, 2.55rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.our-expertise-panel-subtitle {
    color: #149aaf;
    font-size: clamp(1.02rem, 1.35vw, 1.2rem);
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 1.05rem;
    font-family: var(--primary-font);
}

.our-expertise-addons {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin: 1.15rem 0 0;
    padding: 0;
    border: 0;
    font-family: var(--primary-font);
}

.our-expertise-addon {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    min-width: 0;
    color: #222323;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.35;
}

.our-expertise-addon > span:last-child {
    min-width: 0;
}

.our-expertise-addon-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.05rem;
    border-radius: 50%;
    background: #3eb6c7;
    color: #ffffff;
    font-size: 0.78rem;
}

.our-expertise-panel-title {
    color: #2c2c2c;
    font-size: clamp(1.15rem, 1.55vw, 1.45rem);
    font-weight: 700;
    line-height: 1.32;
    letter-spacing: -0.02em;
    margin: 0 0 0.85rem;
    font-family: var(--primary-font);
    overflow-wrap: break-word;
}

.our-expertise-panel-text {
    color: #8a9098;
    font-size: 0.95rem;
    line-height: 1.65;
    margin: 0;
    max-width: 36rem;
    font-family: var(--primary-font);
}

.partnership-logos {
    position: relative;
    max-width: 36rem;
    margin-top: 1.35rem;
}

.partnership-logos-slider {
    margin: 0 2.35rem;
}

.partnership-logos-slider.is-static {
    display: flex;
    margin: 0;
}

.partnership-logos-slider.is-static .partnership-logo-slide {
    width: 9.5rem;
}

.partnership-logo-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.75rem;
    margin: 0.15rem 0.4rem;
    padding: 0.7rem 0.9rem;
    background: #ffffff;
    border: 1px solid #e4e8ee;
}

.partnership-logo-frame img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 2.7rem;
    object-fit: contain;
    opacity: 0.72;
    transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

.partnership-logo-frame:hover img,
.partnership-logo-slide:focus-within img {
    filter: none;
    opacity: 1;
}

.partnership-logos .slick-arrow.partnership-logos-arrow {
    top: 50%;
    width: 1.85rem;
    height: 1.85rem;
    margin-top: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    background-image: none;
    border: 1px solid #e4e8ee;
    border-radius: 50%;
    color: #2b2b2b;
    font-size: 1rem;
    line-height: 1;
    transform: translateY(-50%);
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.partnership-logos .slick-prev.partnership-logos-arrow {
    left: 0;
}

.partnership-logos .slick-next.partnership-logos-arrow {
    right: 0;
}

.partnership-logos .slick-arrow.partnership-logos-arrow:hover,
.partnership-logos .slick-arrow.partnership-logos-arrow:focus-visible {
    background: #149aaf;
    border-color: #149aaf;
    color: #ffffff;
}

.partnership-logos .slick-arrow.slick-disabled {
    opacity: 0.35;
    pointer-events: none;
}

@media (max-width: 575.98px) {
    .partnership-logos-slider {
        margin: 0 2rem;
    }

    .partnership-logo-frame {
        height: 4.15rem;
        margin-inline: 0.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .partnership-logo-frame img {
        transition: none;
    }
}

.our-expertise-cta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding: 0.45rem 0.45rem 0.45rem 1.25rem;
    border-radius: 999px;
    background: var(--nav-overlay-cta);
    color: var(--nav-overlay-cta-text) !important;
    font-size: 0.9375rem;
    font-weight: 600;
    text-decoration: none;
    min-height: 3.15rem;
    max-width: 100%;
    box-sizing: border-box;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.our-expertise-cta > span:first-child {
    min-width: 0;
    line-height: 1.3;
}

.our-expertise-cta:hover {
    background: #4ec4d4;
    color: var(--nav-overlay-cta-text) !important;
    transform: translateY(-1px);
}

.our-expertise-cta-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    background: var(--nav-overlay-cta-text);
    color: #ffffff;
}

@media screen and (max-width: 1199.98px) {
    .our-expertise-summary {
        padding: 1.6rem 0.85rem;
        gap: 0.95rem;
    }

    .our-expertise-summary-name {
        font-size: clamp(2.1rem, 3.6vw, 3.4rem);
    }

    .our-expertise-panel {
        gap: 1.15rem 1.35rem;
    }
}

@media screen and (max-width: 991.98px) {
    .our-expertise-header {
        max-width: none;
        margin-bottom: 2rem !important;
    }

    .our-expertise-accordion,
    .our-expertise-stack {
        max-width: none;
    }

    .our-expertise-heading {
        font-size: clamp(1.7rem, 4.8vw, 2.35rem);
        margin-bottom: 1rem !important;
    }

    .our-expertise-lede {
        font-size: 0.95rem;
        line-height: 1.65;
    }

    .our-expertise-summary {
        align-items: flex-start;
        gap: 0.75rem;
        padding: 1.05rem 0;
    }

    .our-expertise-thumb {
        width: 4rem;
        height: 2.7rem;
        border-radius: 0.5rem;
        margin-top: 0.2rem;
    }

    .our-expertise-summary-name {
        font-size: clamp(1.45rem, 4.2vw, 2.15rem);
        line-height: 1.2;
        letter-spacing: -0.02em;
    }

    .our-expertise-details-body-inner {
        padding: 0.15rem 0 1.75rem;
    }

    .our-expertise-panel {
        gap: 1rem 1.15rem;
    }

    .our-expertise-panel-name {
        font-size: 1.7rem;
    }

    .our-expertise-panel-subtitle {
        font-size: 1.05rem;
        margin-bottom: 0.85rem;
    }

    .our-expertise-panel-title {
        font-size: 1.15rem;
    }

    .our-expertise-addon {
        font-size: 0.9rem;
    }

    .our-expertise-cta {
        margin-top: 1.1rem;
        min-height: 2.85rem;
        padding: 0.35rem 0.35rem 0.35rem 1.05rem;
        font-size: 0.875rem;
        gap: 0.6rem;
    }

    .our-expertise-cta-icon {
        width: 1.9rem;
        height: 1.9rem;
    }
}

@media screen and (max-width: 767.98px) {
    .our-expertise-card {
        position: relative;
        top: auto;
        margin-bottom: 2.75rem;
        transform: none;
    }

    .our-expertise-panel {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .our-expertise-panel-media {
        min-height: 0;
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .our-expertise-panel-copy {
        padding: 0.15rem 0 0.25rem;
    }
}

@media screen and (max-width: 575.98px) {
    .our-expertise-section .container-fluid.px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .our-expertise-heading {
        font-size: 1.65rem;
        line-height: 1.18;
    }

    .our-expertise-lede {
        font-size: 0.9rem;
    }

    .our-expertise-summary {
        gap: 0.6rem;
        padding: 0.9rem 0;
    }

    .our-expertise-summary-name {
        font-size: 1.28rem;
        line-height: 1.22;
        letter-spacing: -0.015em;
    }

    .our-expertise-thumb {
        width: 3.15rem;
        height: 2.15rem;
        border-radius: 0.4rem;
        margin-top: 0.1rem;
    }

    .our-expertise-panel-name {
        font-size: 1.45rem;
    }

    .our-expertise-panel-subtitle {
        font-size: 1rem;
    }

    .our-expertise-panel-title {
        font-size: 1.05rem;
        margin-bottom: 0.65rem;
    }

    .our-expertise-panel-media {
        aspect-ratio: 4 / 3;
    }

    .our-expertise-panel-text {
        font-size: 0.88rem;
        line-height: 1.6;
        max-width: none;
    }

    .our-expertise-cta {
        width: 100%;
        justify-content: space-between;
        min-height: 2.7rem;
        padding: 0.3rem 0.3rem 0.3rem 0.95rem;
        font-size: 0.8125rem;
        border-radius: 999px;
    }

    .our-expertise-cta-icon {
        width: 1.75rem;
        height: 1.75rem;
    }
}

.empowering-text-wrapper p {
    /* font-size: 7.5rem; */
    font-size: calc(6.5rem + 100%);
}

.what-we-do-section .what-we-do-item {
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    transition: 0.5s transform ease-in-out;
    will-change: transform;
    z-index: 1;
}

.what-we-do-section .what-we-do-item .what-we-do-item-heading {
    color: var(--footer-boder-color);
}

.what-we-do-section .what-we-do-item .what-we-do-item-img-wrapper {
    width: 6rem;
    height: 6rem;
    margin: auto;
}

.what-we-do-section .what-we-do-item .what-we-do-item-img-wrapper .what-we-do-item-img {
    width: 3rem;
    margin: auto;
    height: 100%;
}

.what-we-do-section .what-we-do-item:after {
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%);
    border-radius: 50px;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: 0.5s transform ease-out;
    will-change: transform;
    z-index: -1;
}

.what-we-do-section .what-we-do-item:hover:after {
    transform: translate(0, 0);
}

.what-we-do-section .what-we-do-item:hover:after {
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%);
    transform: scale(1);
    will-change: transform;
    z-index: -1;
}

.what-we-do-section .what-we-do-item:hover .what-we-do-item-heading {
    color: var(--bs-light);
}

.what-we-do-section .what-we-do-item:hover .img-thumbnail {
    background-color: var(--default-dark-color);
    border-color: var(--default-dark-color);
}

.what-we-do-section .what-we-do-item:hover .img-thumbnail .what-we-do-item-img {
    filter: invert(100%);
}

/* Our Team Model Section */
.our-team-model-item-wrapper {
    --card-border-color: #e0e0e0;
}

.our-team-model-item-wrapper .col {
    padding-left: 0;
    padding-right: 0;
}

.our-team-model-item-wrapper .our-team-model-item {
    border-radius: 0;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    border-right: 1px solid var(--card-border-color);
}

.our-team-model-item-wrapper .col:last-child .our-team-model-item {
    border-right: none;
}

.our-team-model-item-wrapper .our-team-model-item .our-team-model-img-wrapper {
    border-radius: 0;
    overflow: hidden;
    height: 280px;
    transition: height 0.4s ease-in-out;
}

.our-team-model-item-wrapper .our-team-model-item .our-team-model-icon {
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-in-out;
}

.our-team-model-item-wrapper .our-team-model-item .our-team-model-tagline {
    font-size: 0.875rem;
    letter-spacing: 0.02em;
    display: block;
}

.our-team-model-item-wrapper .our-team-model-item .our-team-model-item-heading {
    color: var(--bs-dark);
    transition: color 0.3s ease;
}

.our-team-model-item-wrapper .our-team-model-item .our-team-model-item-text {
    font-size: 1rem;
    line-height: 1.7;
    transition: color 0.3s ease;
}

/* Hover Effect - Expand card upward and reduce image height */
.our-team-model-item-wrapper .our-team-model-item:hover {
    background-color: #E8F5F8;
}

.our-team-model-item-wrapper .our-team-model-item:hover .our-team-model-img-wrapper {
    height: 200px;
}

.our-team-model-item-wrapper .our-team-model-item:hover .our-team-model-icon {
    transform: scale(1.05);
}

.our-team-model-item-wrapper .our-team-model-item:hover .our-team-model-item-heading {
    color: var(--bs-dark);
}

.our-team-model-item-wrapper .our-team-model-item:hover .our-team-model-item-text {
    color: var(--bs-dark)!important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .our-team-model-item-wrapper .our-team-model-item {
        border-right: none;
        border-bottom: 1px solid var(--card-border-color);
    }
    .our-team-model-item-wrapper .col:last-child .our-team-model-item {
        border-bottom: none;
    }
    .our-team-model-item-wrapper .our-team-model-item .our-team-model-img-wrapper {
        height: 220px;
    }
    .our-team-model-item-wrapper .our-team-model-item:hover .our-team-model-img-wrapper {
        height: 160px;
    }
}

/* How We Work Section */
.how-we-work-section {
    background-color: #F5F7FA;
}

.how-we-work-diagram {
    display: block;
    width: 100%;
    height: auto;
    max-width: 485px;
}

/* Feature Cards */
.how-we-work-feature-card {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
    min-height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.how-we-work-feature-card:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.how-we-work-feature-icon {
    width: 64px;
    height: 64px;
    margin-bottom: auto;
}

.how-we-work-feature-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.how-we-work-feature-card .how-we-work-feature-icon.mb-4 {
    margin-bottom: auto !important;
}

.how-we-work-feature-title {
    font-size: 1.25rem;
    color: #111827;
}

/* Responsive */
@media (max-width: 991.98px) {
    .how-we-work-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media (max-width: 575.98px) {
    .how-we-work-feature-card {
        padding: 24px 16px;
    }
    
    .how-we-work-feature-title {
        font-size: 1rem;
    }
    
    .how-we-work-feature-icon {
        width: 48px;
        height: 48px;
    }
}

/* Our Community Section */
.our-community-section {
    background-color: #111111;
    scroll-margin-top: 1rem;
}

.our-community-subtitle {
    color: #6b7280;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.02em;
}

.our-community-heading {
    color: #111827;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 600;
    line-height: 1.2;
}

.our-community-list-wrapper {
    background-color: #111111;
    position: relative;
}

.our-community-item {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
}

.our-community-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.our-community-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 0;
}

.our-community-item-bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, #0D596B8A 0%, #219EBDA8 50%, #051F2E8F 100%);
	z-index: 1;
}

.our-community-item:hover .our-community-item-bg {
    opacity: 1;
}

.our-community-item .container-fluid {
    position: relative;
    z-index: 2;
}

.our-community-item-title {
    color: #fff;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 500;
    line-height: 1.4;
}

.our-community-item-title span,
.our-community-item-title strong,
.our-community-item-title b {
    color: #22d3ee;
}

.our-community-item-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 1.7;
}

.our-community-item-number {
    color: #fff;
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 600;
    opacity: 0.9;
}

/* Responsive */
@media (max-width: 991.98px) {
    .our-community-item .row {
        flex-direction: column;
    }
    
    .our-community-item-number {
        position: absolute;
        top: 1.5rem;
        right: 1rem;
    }
}

@media (max-width: 575.98px) {
    .our-community-item-title {
        font-size: 1.125rem;
        padding-right: 3rem;
    }
    
    .our-community-item-desc {
        font-size: 0.875rem;
    }
}

.x-factors-section .x-factor{
    color: var(--footer-boder-color);
}
.x-factors-section .nav-link {
    font-size: 2rem;
    border-radius: 30px;
    color: var(--bs-light);
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%)!important;
}
.x-factors-section .nav-link.active {
    background: linear-gradient(227deg, #FDB614 0%, #F6851F 100%)!important;
}

.x-factors-section .nav-link .x-factor{
    font-size: 3rem;
}

.x-factors-section .nav-link.active .x-factor{
    color: var(--bs-light);
}

.x-factors-section .tab-pane {
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%)!important;
    border-radius: 50px;
}
.x-factors-section .tab-pane .x-factor{
    color: var(--footer-boder-color);
    font-size: 4.5rem;
}

.x-factors-section .tab-pane h3{
    font-size: 3rem!important;
}

/* Why Sri Lanka Section */
.why-sri-lanka-section {
    position: relative;
    padding: 5rem 0;
    overflow: hidden;
    min-height: 600px;
    display: flex;
    align-items: center;
}

.why-sri-lanka-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}


.why-sri-lanka-section .container-fluid {
    position: relative;
    z-index: 2;
}

.why-sri-lanka-heading {
    color: #111827;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 600;
    line-height: 1.2;
}

.why-sri-lanka-description {
    color: #4b5563;
    font-size: 1rem;
    line-height: 1.8;
}

.why-sri-lanka-description p {
    margin-bottom: 1rem;
}

.why-sri-lanka-description p:last-child {
    margin-bottom: 0;
}

/* Stats */
.why-sri-lanka-stats {
    padding-top: 1rem;
}

.why-sri-lanka-stat {
    min-width: 140px;
}

.why-sri-lanka-stat-value {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
    animation: countUp 1.5s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

/* Staggered animation delays for each stat */
.why-sri-lanka-stat:nth-child(1) .why-sri-lanka-stat-value {
    animation-delay: 0.2s;
}

.why-sri-lanka-stat:nth-child(2) .why-sri-lanka-stat-value {
    animation-delay: 0.4s;
}

.why-sri-lanka-stat:nth-child(3) .why-sri-lanka-stat-value {
    animation-delay: 0.6s;
}

.why-sri-lanka-stat:nth-child(4) .why-sri-lanka-stat-value {
    animation-delay: 0.8s;
}

@keyframes countUp {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }
    50% {
        opacity: 0.8;
        transform: translateY(-5px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.why-sri-lanka-stat-label {
    font-size: 0.9375rem;
    color: #6b7280;
    line-height: 1.4;
    max-width: 120px;
}

/* Responsive */
@media (max-width: 991.98px) {
    .why-sri-lanka-section {
        min-height: auto;
        padding: 4rem 0;
    }
}

@media (max-width: 575.98px) {
    .why-sri-lanka-stat {
        min-width: 100px;
    }
    
    .why-sri-lanka-stat-label {
        font-size: 0.8125rem;
    }
}

/* Referral Section */
.referral-section {
    background-color: #F5F7FA;
    position: relative;
    overflow: hidden;
}

.referral-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.referral-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(245, 247, 250, 0.95) 0%, rgba(245, 247, 250, 0.9) 70%, rgba(212, 238, 243, 0.95) 100%);
    z-index: 1;
}

.referral-content-wrapper {
    padding: 4rem 0 3rem;
    z-index: 2;
}

.referral-heading {
    color: #111827;
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 600;
    line-height: 1.25;
}

.referral-description {
    color: #4b5563;
    font-size: 1.0625rem;
    line-height: 1.7;
}

.referral-cta-band {
    background-color: #d4eef3;
    padding: 1rem 0;
    position: relative;
    z-index: 2;
}

/* Responsive */
@media (max-width: 767.98px) {
    .referral-content-wrapper {
        padding: 3rem 0 2rem;
    }
    
    .referral-cta-band {
        padding: 1.5rem 0;
    }
}

.company-testimonial-section .testimonial-item-wrapper.nextdiv {
    background: linear-gradient(227deg, #FDB614 0%, #F6851F 100%);
    border-radius: 50px;
    transition: background ease-in-out 2s;
}

.company-testimonial-section .testimonial-item-wrapper.prevdiv {
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%);
    border-radius: 50px;
    transition: background ease-in-out 2s;
}

.company-testimonial-section .testimonial-item-wrapper.slick-current {
    border-radius: 50px;
    background: var(--light-gray);
    transition: background ease-in-out 2s;
}

.company-testimonial-section .testimonial-item-wrapper.slick-current .user-name-wrapper {
    color: var(--default-dark-color);
}

.company-testimonial-section .testimonial-item-wrapper .user-name-wrapper {
    border-radius: 50px;
    color: var(--bs-light);
}

.company-testimonial-section .testimonial-item-wrapper .user-img img {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
}

/* Let's Talk Section */
.lets-talk-section {
    background-color: #fff;
}

.lets-talk-section-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.lets-talk-heading {
    color: #111827;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 600;
    line-height: 1.2;
}

.lets-talk-description {
    color: #4b5563;
    font-size: 1.0625rem;
    line-height: 1.7;
}

.lets-talk-form-wrapper {
    background-color: #fff;
}

/* Contact Info Boxes */
.lets-talk-contact-boxes {
    width: 100%;
}

.lets-talk-contact-box {
    position: relative;
    min-height: 120px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    border-top: 4px solid transparent;
    overflow: hidden;
}

.lets-talk-contact-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    transition: transform 0.5s ease;
}

.lets-talk-contact-box:hover .lets-talk-contact-box-bg {
    transform: scale(1.1);
    overflow: hidden;
}

.lets-talk-contact-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.lets-talk-contact-box-content {
    position: relative;
    z-index: 2;
}

.lets-talk-contact-box-title {
    color: #222323;
    font-family: var(--primary-font);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.lets-talk-contact-box-text {
    color: #414042;
    font-family: var(--primary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 22.5px */
}

.lets-talk-contact-box:hover{
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Box 1 - Email (Blue) */
.lets-talk-contact-boxes .row > div:nth-child(1) .lets-talk-contact-box {
    border-top-color: #3EB6C766;
}

.lets-talk-contact-boxes .row > div:nth-child(1) .lets-talk-contact-box-overlay {
    background: linear-gradient(180deg, #DBE6F5A3 0%, #DBE6F5A3 100%);
}

/* Box 2 - Development Center (Yellow/Gold) */
.lets-talk-contact-boxes .row > div:nth-child(2) .lets-talk-contact-box {
    border-top-color: #000000;
}

.lets-talk-contact-boxes .row > div:nth-child(2) .lets-talk-contact-box-overlay {
    background: linear-gradient(180deg, #ffffffb2 0%, #fffc 100%);
}

/* Box 3 - Sales Office (Red/Maroon) */
.lets-talk-contact-boxes .row > div:nth-child(3) .lets-talk-contact-box {
    border-top-color: #3EB6C766;
}

.lets-talk-contact-boxes .row > div:nth-child(3) .lets-talk-contact-box-overlay {
    background: linear-gradient(180deg, #DBE6F5A3 0%, #DBE6F5A3 100%);
}

/* Form Styling */
.lets-talk-form-wrapper .wpforms-container .wpforms-field-label {
    color: #013047!important;
    font-family: var(--primary-font)!important;
    font-size: 14px!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: normal!important;
}

.lets-talk-form-wrapper .wpforms-container input[type="text"],
.lets-talk-form-wrapper .wpforms-container input[type="email"],
.lets-talk-form-wrapper .wpforms-container textarea {
    font-family: var(--primary-font);
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    color: #374151;
    background-color: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lets-talk-form-wrapper .wpforms-container input[type="text"]:focus,
.lets-talk-form-wrapper .wpforms-container input[type="email"]:focus,
.lets-talk-form-wrapper .wpforms-container textarea:focus {
    border-color: #0d9488!important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1)!important;
    outline: none!important;
}

.lets-talk-form-wrapper .wpforms-container input::placeholder,
.lets-talk-form-wrapper .wpforms-container textarea::placeholder {
    color: #9ca3af;
}

.lets-talk-form-wrapper .wpforms-container textarea {
    min-height: 140px;
    resize: vertical;
}

.lets-talk-form-wrapper .wpforms-container .wpforms-submit-container {
    text-align: right;
}

.lets-talk-form-wrapper .wpforms-container button[type="submit"] {
    font-family: var(--primary-font);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem 0.75rem 1.5rem;
    border-radius: 999px;
    background-color: #0d9488;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.lets-talk-form-wrapper .wpforms-container button[type="submit"]:hover {
    background-color: #0f766e;
}

.lets-talk-form-wrapper .wpforms-container button[type="submit"]::after {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #1f2937;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14m0 0-7-7m7 7-7 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* Responsive */
@media (max-width: 767.98px) {
    .lets-talk-contact-box {
        min-height: 100px;
        border-top-width: 3px;
        border-left-width: 0;
    }

    .lets-talk-form-wrapper .wpforms-container .wpforms-submit-container {
        text-align: center;
    }
    
    /* On mobile, use left border instead of top */
    .lets-talk-contact-boxes .row > div:nth-child(1) .lets-talk-contact-box,
    .lets-talk-contact-boxes .row > div:nth-child(2) .lets-talk-contact-box,
    .lets-talk-contact-boxes .row > div:nth-child(3) .lets-talk-contact-box {
        border-top-width: 3px;
    }
}

/* Login Page */
.wp-block-c7wp-default #c7-login-form .c7-button {
    margin: auto !important;
}

.wp-blo#k-c7wp-default #c7-content {
    margin: 30px;
}

.wp-block-c7wp-default #c7-content h1 {
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.wp-block-c7wp-default #c7-content .c7-account-login h4 {
    font: normal normal 400 18px/20px var(--primary-font);
    color: var(--top-bar-color);
    margin-top: 30px;
}

.wp-block-c7wp-default #c7-content .c7-account-login--new p {
    font: normal normal normal 16px/18px var(--primary-font);
    color: var(--top-bar-color);
}

.wp-block-c7wp-default #c7-content .c7-account-login--new .c7-button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
}

.wp-block-c7wp-default #c7-content .c7-account-login--new .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.wp-block-c7wp-default #c7-content .c7-form .c7-button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 5px 30px;
    margin: 0;
    text-align: center;
    display: block;
}

.wp-block-c7wp-default #c7-content .c7-form .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.wp-block-c7wp-default #c7-content .c7-form .c7-button-alt {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--footer-boder-color);
    background-color: transparent !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 5px 30px;
    margin: 0;
    text-align: center;
    display: block;
    line-height: 26px !important;
}

.c7-account-row--delete {
    border-top: 1px solid var(--footer-boder-color);
}

.c7-account-row--delete a {
    color: var(--bs-blue) !important;
}

.wp-block-c7wp-default #c7-content .c7-form .c7-button-alt:hover {
    color: var(--bs-white) !important;
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
}

.wp-block-c7wp-default #c7-content .c7-account-login p {
    font: normal normal normal 16px/18px var(--primary-font);
    color: var(--top-bar-color);
}

.wp-block-c7wp-default #c7-content .c7-account-login a {
    font: normal normal normal 16px/18px var(--primary-font);
    text-decoration: none;
}

.wp-block-c7wp-default #c7-content .c7-message--login-security {
    font: normal normal 400 12px/18px var(--primary-font);
    color: var(--top-bar-color);
    text-decoration: none;
}

.wp-block-c7wp-default #c7-content .c7-message--login-security a {
    font: normal normal 600 12px/18px var(--primary-font);
    text-decoration: none;
}

.wp-block-c7wp-default #c7-content .c7-message--login-questions {
    font: normal normal 400 12px/18px var(--primary-font);
    color: var(--top-bar-color);
    text-decoration: none;
}

.wp-block-c7wp-default #c7-content .c7-message--login-questions a {
    font: normal normal 600 12px/18px var(--primary-font);
    text-decoration: none;
}

.wp-block-c7wp-default #c7-create-account .c7-button {
    float: right;
    margin: initial !important;
}

/* Profile Page */
.wp-block-c7wp-default #c7-content h1 {
    margin: 30px auto;
}

.wp-block-c7wp-default #c7-content .c7-account__dashboard h2,
.wp-block-c7wp-default #c7-content .c7-account__information h2,
.wp-block-c7wp-default #c7-content .c7-account__order-history h2,
.wp-block-c7wp-default #c7-content .c7-account__clubs h2,
.wp-block-c7wp-default #c7-content .c7-account__address-book h2,
.wp-block-c7wp-default #c7-content .c7-account__credit-cards h2 {
    font: normal normal 500 18px/26px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.wp-block-c7wp-default #c7-content .c7-account__dashboard h3,
.wp-block-c7wp-default #c7-content .c7-account__information h3,
.wp-block-c7wp-default #c7-content .c7-account__order-history h3,
.wp-block-c7wp-default #c7-content .c7-account__clubs h3,
.wp-block-c7wp-default #c7-content .c7-account__address-book h3,
.wp-block-c7wp-default #c7-content .c7-account__credit-cards h3 {
    font: normal normal 500 14px/26px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.wp-block-c7wp-default #c7-content .c7-account__dashboard p,
.wp-block-c7wp-default #c7-content .c7-account__information p,
.wp-block-c7wp-default #c7-content .c7-account__order-history p,
.wp-block-c7wp-default #c7-content .c7-account__clubs p,
.wp-block-c7wp-default #c7-content .c7-account__address-book p,
.wp-block-c7wp-default #c7-content .c7-account__credit-cards p {
    font: normal normal 400 12px/18px var(--primary-font);
}

.wp-block-c7wp-default #c7-content .c7-account__order div:first-child {
    font-size: 0.75rem;
}

.wp-block-c7wp-default #c7-content a {
    cursor: pointer;
}

.c7-account-menu a {
    color: var(--bs-blue);
    cursor: pointer;
}

/* Visit banner Section */
.project-count-section {
    font-family: var(--primary-font);
}

.project-count-description-text {
    font-size: 24px;
    line-height: 123.5%;
    color: var(--top-bar-color);
}

.project-count-section-width {
    max-width: 1380px;
    height: 200px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}

.project-count-section .count {
    font-weight: 600;
    font-size: 48px;
    line-height: 123.5%;
    position: relative;
}

.count::after {
    position: absolute;
    width: 93px;
    height: 1px;
    background-color: var(--top-bar-color);
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.project-count-section .count-desc {
    font-size: 14px;
    line-height: 123.5%;
}

/* History Section */
.usp-section .usp-icon img {
    width: 50px;
    height: 50px;
}

.usp-section .usp-title {
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 123.5%;
}

.usp-section .usp-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.usp-section .software-development-title {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 123.5%;
    color: var(--footer-boder-color);
}

.our-portfolio-heading {
    font-size: 32px;
    font-weight: 600;
    color: var(--default-dark-color);
}

/* Feature Collection */
.solutions-services .solutions-services-title {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 123.5%;
    color: var(--footer-boder-color);
}

.solutions-services .services-icon {
    width: 50px !important;
    height: 50px !important;
}

.solutions-services .services-title {
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 123.5%;
}

.solutions-services .services-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.services-wrapper {
    background-color: var(--light-gray);
    border-radius: 20px;
    min-height: 220px;
}

.services-wrapper:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 0.3s;
    background-color: var(--footer-boder-color);
}

.btn-read-more {
    padding: 0;
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 600;
    color: var(--top-bar-color);
    text-decoration: underline;
}

.btn-read-more:hover {
    color: var(--bs-white);
}

/* Visit Section */


.lets-talk-title {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 24px;
    line-height: 123.5%;
    color: var(--top-bar-color);
}

.proposal-request-wrapper {
    font-family: var(--primary-font);
}

.proposal-request-wrapper [placeholder],
.proposal-request-wrapper select {
    font-size: 12px;
    line-height: 123.5%;
    color: var(--text-medium-gray);
}

.proposal-request-wrapper select {
    height: 40px;
}

.proposal-request-wrapper input,
.proposal-request-wrapper select,
.proposal-request-wrapper textarea {
    min-height: 40px;
    background: #ffffff;
    border: 1px solid var(--text-light-gray) !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12) !important;
}

.send-propsal-request {
    background-color: var(--top-bar-color) !important;
    color: var(--bs-white) !important;
    border-color: var(--top-bar-color) !important;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}

.send-propsal-request:hover {
    background-color: var(--footer-boder-color) !important;
    color: var(--top-bar-color) !important;
    border-color: var(--footer-boder-color) !important;
}

.proposal-request-wrapper input[type="radio"] {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
    visibility: hidden !important;
}

.proposal-request-wrapper input[type="radio"]+span {
    border: 1px solid var(--text-light-gray) !important;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 123.5%;
    cursor: pointer;
}

.proposal-request-wrapper input[type="radio"]:checked+span {
    border: 1px solid var(--footer-boder-color);
    background: var(--footer-boder-color);
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 123.5%;
    cursor: pointer;
}

.proposal-request-wrapper input[type="radio"]+label {
    border: 1px solid var(--text-light-gray) !important;
    -webkit-transition: ease-in 0.3s !important;
    -o-transition: ease-in 0.3s !important;
    transition: ease-in 0.3s !important;
    padding: 5px 10px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    line-height: 123.5% !important;
    cursor: pointer !important;
}

.proposal-request-wrapper .wpforms-selected input[type="radio"]+label {
    border: 1px solid var(--footer-boder-color);
    background: var(--footer-boder-color);
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 123.5%;
    cursor: pointer;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li {
    margin-top: 15px !important;
}

/* About Section */

.about-us-header-banner-img-wrapper {
    border-radius: 50px;
    background-size: cover;
    min-height: 460px;
    background-repeat: no-repeat;
}
.about-us-header-banner-img-wrapper .about-us-header-banner-heading{
	position: relative;
	z-index: 2;
}
.about-us-header-banner-img-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 100%);
    z-index: 1;
}

.about-us-header-banner-img-wrapper .display-2,
.about-us-header-banner-img-wrapper .breadcrumb {
    position: relative;
    z-index: 2;
}

.about-us-intro-section {
    background-color: #222323;
    padding: 4.75rem 0 5.25rem;
}

.about-us-intro {
    
}

.about-us-intro-kicker {
    gap: 0.5rem;
    padding: 0.45rem 1rem;
    border: 1px solid #b8d4e8;
    border-radius: 999px;
    color: #3d8fd4;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
}
.about-us-intro-kicker::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: #3eb6c7;
    flex-shrink: 0;
  }

.about-us-intro-title {
    margin: 0 0 1.4rem;
    color: #ffffff;
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.about-us-intro-text {
    color: rgba(255, 255, 255, 0.72);
    font-size: 1.02rem;
    font-weight: 400;
    line-height: 1.7;
}

.about-us-intro-text p {
    margin: 0;
}

.about-us-intro-text p + p {
    margin-top: 1rem;
}

@media screen and (max-width: 767px) {
    .about-us-intro-section {
        padding: 3rem 0 3.5rem;
    }

    .about-us-intro-title {
        font-size: 2.05rem;
        margin-bottom: 1.1rem;
    }

    .about-us-intro-text {
        font-size: 0.95rem;
    }
}

.awards-mentions-section {
    background-color: #f5f6f8;
    padding: 5.5rem 0 6rem;
}

.awards-mentions-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 3rem 4.5rem;
    align-items: center;
}

.awards-mentions-copy {
    min-width: 0;
}

.awards-mentions-title {
    margin: 0 0 1.35rem;
    max-width: 11em;
}

.awards-mentions-intro {
    max-width: none;
}

.awards-mentions-intro p {
    margin: 0;
}

.awards-mentions-intro p + p {
    margin-top: 1.15rem;
}

.awards-mentions-track-wrap {
    min-width: 0;
    overflow: hidden;
}

.awards-mentions-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem 2rem;
    align-items: start;
}

.awards-mention {
    min-width: 0;
    text-align: start;
}

.awards-mention-logo {
    display: flex;
    align-items: center;
    justify-content: start;
    min-height: 7.5rem;
    margin-bottom: 1.15rem;
}

.awards-mention-logo img {
    display: block;
    width: auto;
    max-width: 9.5rem;
    max-height: 7.25rem;
    object-fit: contain;
}

.awards-mention-title {
    margin: 0;
}

.awards-mention-meta {
    margin: 0.45rem 0 0;
}

@media screen and (min-width: 992px) {
    .awards-mentions-copy {
        position: sticky;
        top: 2rem;
        align-self: start;
    }
}

@media screen and (max-width: 991.98px) {
    .awards-mentions-section {
        padding: 3.5rem 0 4rem;
    }

    .awards-mentions-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 2.5rem;
    }

    .awards-mentions-copy,
    .awards-mentions-title {
        max-width: none;
    }

    .awards-mentions-track {
        gap: 2rem 1.25rem;
    }
}

@media screen and (max-width: 575.98px) {
    .awards-mentions-track {
        gap: 1.75rem 1rem;
    }
}

.awards-gallery-section {
    background: #222323;
    color: #f8f9fb;
    padding: 4.5rem 0 5rem;
    overflow-x: clip;
}

.awards-gallery-timeline {
    position: relative;
    padding-left: 1.85rem;
}

.awards-gallery-rail {
    position: absolute;
    top: 0.35rem;
    bottom: 0.35rem;
    left: 0.28rem;
    width: 2px;
    background: rgba(255, 255, 255, 0.16);
}

.awards-gallery-rail-fill {
    display: block;
    width: 100%;
    height: 100%;
    background: #3eb6c7;
    transform: scaleY(0);
    transform-origin: top center;
}

.awards-gallery-items {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

.awards-gallery-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(11rem, 0.34fr) minmax(0, 0.66fr);
    gap: 2rem 3.5rem;
    align-items: center;
}

.awards-gallery-item::before {
    content: "";
    position: absolute;
    left: -1.85rem;
    top: 1.35rem;
    width: 0.7rem;
    height: 0.7rem;
    margin-left: 0.28rem;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    background: #222323;
    transform: translateX(-50%);
    z-index: 1;
}

.awards-gallery-item.is-active::before {
    background: #3eb6c7;
    border-color: #3eb6c7;
}

.awards-gallery-item.is-reverse {
    grid-template-columns: minmax(0, 0.66fr) minmax(11rem, 0.34fr);
}

.awards-gallery-item.is-reverse .awards-gallery-copy {
    order: 2;
}

.awards-gallery-year {
    margin: 0 0 0.85rem;
    color: #ffffff;
}

.awards-gallery-name {
    margin: 0;
    color: #ffffff;
}

.awards-gallery-award {
    margin: 0.4rem 0 0;
    max-width: 14rem;
    color: rgba(255, 255, 255, 0.62);
}

.awards-gallery-media {
    position: relative;
    min-width: 0;
}

.awards-gallery-arrows {
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 3;
    display: flex;
    gap: 0.55rem;
}

.awards-gallery-arrows .slick-arrow,
.awards-gallery-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: 2.35rem;
    height: 2.35rem;
    border: 0;
    border-radius: 50%;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.2);
    color: #f8f9fb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
    transform: none;
    box-shadow: none;
}

.awards-gallery-arrows .slick-arrow:before,
.awards-gallery-arrow:before {
    display: none;
}

.awards-gallery-arrow:hover,
.awards-gallery-arrow:focus-visible {
    background-color: #219ebc;
    color: #222323;
}

.awards-gallery-slide {
    overflow: hidden;
    min-height: 18rem;
    background: #2a2f33;
}

.awards-gallery-slide img {
    display: block;
    width: 100%;
    height: 30rem;
    object-fit: cover;
    object-position: top;
}

.awards-gallery-slide.is-empty {
    height: 22rem;
}

.awards-gallery-progress {
    display: flex;
    justify-content: center;
    margin-top: 1.15rem;
}

.awards-gallery-progress span {
    display: block;
    width: 4.6rem;
    height: 3px;
    background: #3eb6c7;
    transform: scaleX(0);
    transform-origin: left center;
}

.awards-gallery-media .slick-dots {
    display: flex;
    justify-content: center;
    gap: 0;
    margin: 1.15rem 0 0;
    padding: 0;
    list-style: none;
}

.awards-gallery-media .slick-dots li {
    margin: 0;
}

.awards-gallery-media .slick-dots button {
    width: 4.6rem;
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 0;
    background: rgba(255, 255, 255, 0.22);
    cursor: pointer;
}

.awards-gallery-media .slick-dots li.slick-active button {
    background: #3eb6c7;
}

@media screen and (max-width: 1199.98px) {
    .awards-gallery-item,
    .awards-gallery-item.is-reverse {
        gap: 1.5rem 2rem;
    }

    .awards-gallery-slide img,
    .awards-gallery-slide.is-empty {
        height: 18rem;
    }
}

@media screen and (max-width: 991.98px) {
    .awards-gallery-section {
        padding: 3.25rem 0 3.75rem;
    }

    .awards-gallery-timeline {
        padding-left: 1.45rem;
    }

    .awards-gallery-rail {
        left: 0.2rem;
    }

    .awards-gallery-item,
    .awards-gallery-item.is-reverse {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .awards-gallery-item::before {
        left: -1.45rem;
        margin-left: 0.2rem;
        top: 0.55rem;
    }

    .awards-gallery-item.is-reverse .awards-gallery-copy {
        order: 0;
    }

    .awards-gallery-award {
        max-width: none;
    }

    .awards-gallery-items {
        gap: 2.75rem;
    }

    .awards-gallery-slide,
    .awards-gallery-slide img,
    .awards-gallery-slide.is-empty {
        min-height: 0;
        height: 16rem;
    }

    .awards-gallery-arrows {
        top: 0.65rem;
        right: 0.65rem;
    }

    .awards-gallery-arrows .slick-arrow,
    .awards-gallery-arrow {
        width: 2.1rem;
        height: 2.1rem;
        font-size: 1.2rem;
    }

    .awards-gallery-media .slick-dots button,
    .awards-gallery-progress span {
        width: 3rem;
    }
}

@media screen and (max-width: 575.98px) {
    .awards-gallery-section {
        padding: 2.5rem 0 3rem;
    }

    .awards-gallery-items {
        gap: 2.25rem;
    }

    .awards-gallery-year {
        margin-bottom: 0.45rem;
    }

    .awards-gallery-slide,
    .awards-gallery-slide img,
    .awards-gallery-slide.is-empty {
        height: 13.5rem;
    }

    .awards-gallery-media .slick-dots {
        flex-wrap: wrap;
        row-gap: 0.45rem;
    }

    .awards-gallery-media .slick-dots button,
    .awards-gallery-progress span {
        width: 2.15rem;
    }
}

.about-us-story-section {
    background-color: #ffffff;
    overflow: hidden;
}

.about-us-story-wrap {
    padding-left: 1.5rem;
    padding-right: 0;
}

.about-us-story-content {
    padding: 3.75rem 2rem 3.75rem 0;
}

.about-us-story-text p {
    margin: 0 0 1.15rem;
}

.about-us-story-text p:last-child {
    margin-bottom: 0;
}

.about-us-story-locations {
    margin-top: 2rem;
}


.about-us-story-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}

.about-us-location-card {
    justify-content: flex-start;
    min-height: 0;
    padding: 1.5rem 1.5rem 1.6rem;
    border: 1px solid #d4e4f0;
    box-shadow: none;
}

.about-us-location-card:hover {
    transform: none;
    box-shadow: none;
}

.about-us-location-title {
    margin: 0 0 0.2rem;
    color: #111111;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.25;
}

.about-us-location-label {
    margin: 0 0 0.7rem;
    color: #111111;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

@media screen and (min-width: 768px) {
    .about-us-story-wrap {
        padding-left: 3rem;
    }
}


@media screen and (max-width: 991.98px) {
    .about-us-story-wrap {
        padding-right: 1.5rem;
    }

    .about-us-story-content {
        padding: 3rem 0 1.5rem;
    }

    .about-us-story-image {
        max-height: 24rem;
    }
}

@media screen and (max-width: 1280px) and (max-height: 720px),
       screen and (max-width: 1024px) and (max-height: 768px) {
    .about-us-story-image,
    #about-us-story-section .about-us-story-media,
    .about-us-header-section .about-us-story-media {
        display: none !important;
    }

    .about-us-story-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.where-we-are-section {
    position: relative;
    background-color: #222323;
    color: #ffffff;
    overflow: clip;
}

.where-we-are-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.where-we-are-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

.where-we-are-since {
    margin: 0;
    color: rgba(255, 255, 255, 0.08);
    font-size: clamp(3.5rem, 11vw, 6.5rem);
    font-weight: 700;
    line-height: 0.82;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.where-we-are-since span {
    display: block;
}

.where-we-are-intro {
    max-width: 51rem;
    text-align: right;
    padding-top: 0.35rem;
}

.where-we-are-badge {
    background: transparent;
    border-color: #3eb6c7;
    color: #ffffff;
}

.where-we-are-heading {
    color: #ffffff;
    font-size: clamp(2rem, 3.6vw, 3.15rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.03em;
}

.where-we-are-chart {
    display: grid;
    grid-template-columns: repeat(var(--step-count, 4), minmax(0, 1fr));
    align-items: stretch;
    min-height: 28rem;
    flex: 1;
}

.where-we-are-step {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
}

.where-we-are-step-copy {
    padding: 0 1.15rem 0.85rem 0;
}

.where-we-are-step-title {
    margin: 0 0 0.35rem;
    color: #3eb6c7;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    font-weight: 600;
    line-height: 1.25;
}

.where-we-are-step-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.92rem;
    line-height: 1.5;
}

.where-we-are-step-bar {
    height: var(--step-height, 50%);
    background: #6d7f90;
    border-radius: 1.75rem 0 0 0;
    transform: scaleY(0);
    transform-origin: bottom center;
    will-change: transform;
}

.where-we-are-step:first-child .where-we-are-step-bar {
    border-radius: 1.75rem 0 0 0;
}

.where-we-are-step.is-future .where-we-are-step-bar {
    background: rgba(62, 182, 199, 0.08);
    border: 2px dashed #3eb6c7;
    border-radius: 1.5rem 0 0 0;
}

.where-we-are-tick {
    padding-top: 1.15rem;
}

.where-we-are-tick-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 1.6rem;
}

.where-we-are-year {
    color: #ffffff;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.03em;
    flex-shrink: 0;
}

.where-we-are-step:not(:first-child) .where-we-are-year {
    color: #3eb6c7;
}

.where-we-are-tick-line {
    display: block;
    flex: 1;
    height: 5px;
    border-radius: 8px;
    max-width: 350px;
    background: rgba(255, 255, 255, 0.82);
    transform: scaleX(0);
    transform-origin: left center;
}

.where-we-are-metric {
    display: block;
    margin-top: 0.35rem;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.78rem;
    line-height: 1.35;
}

.where-we-are-section.is-complete .where-we-are-step-bar,
.where-we-are-section.is-complete .where-we-are-tick-line {
    transform: none;
}

.where-we-are-section.is-complete .where-we-are-since,
.where-we-are-section.is-complete .where-we-are-intro {
    opacity: 1;
    transform: none;
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .where-we-are-intro {
        max-width: 28rem;
    }

    .where-we-are-heading {
        font-size: clamp(1.85rem, 3vw, 2.5rem);
    }

    .where-we-are-step-copy {
        padding-right: 0.7rem;
    }

    .where-we-are-step-text {
        font-size: 0.84rem;
    }

    .where-we-are-tick-line {
        max-width: 9rem;
    }
}

@media screen and (max-width: 991.98px) {
    .where-we-are-inner {
        min-height: 0;
        padding-top: 3rem;
        padding-bottom: 2.75rem;
    }

    .where-we-are-header {
        position: relative;
        display: block;
        margin-bottom: 2.25rem;
        min-height: 0;
    }

    .where-we-are-since {
        position: absolute;
        top: -0.35rem;
        right: 0;
        font-size: clamp(3.4rem, 18vw, 5.25rem);
        line-height: 0.78;
        color: rgba(255, 255, 255, 0.06);
        pointer-events: none;
        text-align: right;
    }

    .where-we-are-intro {
        position: relative;
        z-index: 1;
        max-width: 22rem;
        text-align: left;
        padding-top: 0;
    }

    .where-we-are-heading {
        font-size: clamp(1.7rem, 7vw, 2.35rem);
    }

    .where-we-are-chart {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 0;
        gap: 0;
        padding-left: 0.15rem;
    }

    .where-we-are-chart::before {
        content: "";
        position: absolute;
        left: 0.75rem;
        top: 0.55rem;
        bottom: 1.25rem;
        width: 2px;
        border-radius: 99px;
        background: rgba(62, 182, 199, 0.22);
    }

    .where-we-are-step {
        display: grid;
        grid-template-columns: 1.35rem 1fr;
        grid-template-areas:
            "bar tick"
            "bar copy";
        column-gap: 1.1rem;
        row-gap: 0.4rem;
        align-items: start;
        padding-bottom: 1.85rem;
    }

    .where-we-are-step:last-child {
        padding-bottom: 0;
    }

    .where-we-are-step-bar {
        grid-area: bar;
        position: relative;
        z-index: 1;
        width: 0.85rem;
        height: 0.85rem;
        min-height: 0.85rem;
        margin-top: 0.4rem;
        justify-self: center;
        border-radius: 50%;
        background: #3eb6c7;
        transform: scale(0);
        transform-origin: center center;
    }

    .where-we-are-step:first-child .where-we-are-step-bar,
    .where-we-are-step.is-future .where-we-are-step-bar {
        border-radius: 50%;
    }

    .where-we-are-step.is-future .where-we-are-step-bar {
        background: transparent;
        border: 2px dashed #3eb6c7;
    }

    .where-we-are-tick {
        grid-area: tick;
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 0.45rem 0.75rem;
    }

    .where-we-are-tick-row {
        min-height: 0;
        gap: 0;
    }

    .where-we-are-tick-line {
        display: none;
    }

    .where-we-are-year {
        font-size: 1.35rem;
    }

    .where-we-are-metric {
        margin-top: 0;
        padding: 0.15rem 0.55rem;
        border-radius: 0;
        background: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.72rem;
        font-weight: 500;
    }

    .where-we-are-step-copy {
        grid-area: copy;
        padding: 0.85rem 1rem 0.95rem;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0;
        background: rgba(255, 255, 255, 0.03);
    }

    .where-we-are-step.is-future .where-we-are-step-copy {
        border: 1px dashed #3eb6c7;
        background: rgba(62, 182, 199, 0.06);
    }

    .where-we-are-step-title {
        font-size: 1.12rem;
    }

    .where-we-are-step-text {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 575.98px) {
    .where-we-are-inner {
        padding-top: 2.5rem;
        padding-bottom: 2.25rem;
    }

    .where-we-are-since {
        font-size: clamp(2.8rem, 22vw, 4rem);
        top: -0.2rem;
    }

    .where-we-are-intro {
        max-width: 17.5rem;
    }

    .where-we-are-step {
        column-gap: 0.9rem;
        padding-bottom: 1.5rem;
    }

    .where-we-are-year {
        font-size: 1.2rem;
    }

    .where-we-are-step-copy {
        padding: 0.75rem 0.85rem 0.85rem;
    }
}

.individual-growth-section {
    background: #ffffff;
    color: #111111;
    overflow: hidden;
}

.individual-growth-header {
    max-width: 46rem;
    margin-bottom: 3.5rem;
}

.individual-growth-heading {
    max-width: 18ch;
}

.individual-growth-lede {
    max-width: 40rem;
}

.individual-growth-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 0.25rem;
}

.individual-growth-item-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.15rem;
}

.individual-growth-item-copy {
    min-width: 0;
    flex: 1;
}

.individual-growth-item-title {
    margin: 0 0 0.55rem;
    color: #111111;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
}

.individual-growth-item-text {
    color: #5f6670;
    font-size: 0.95rem;
    line-height: 1.65;
}

.individual-growth-item-icon {
    flex-shrink: 0;
    width: 2.6rem;
    color: #1E1E1E;
    font-size: 2.15rem;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    transition: transform 0.35s ease;
}

.individual-growth-item-accent {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.85rem;
    color: #3eb6c7;
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.4;
}

.individual-growth-item-accent-bar {
    width: 0.22rem;
    height: 0.95rem;
    border-radius: 99px;
    background: #3eb6c7;
    flex-shrink: 0;
}

.individual-growth-item-line {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: auto;
    background: #222323;
    transform: scaleX(0);
    transform-origin: left center;
}

.individual-growth-item:hover .individual-growth-item-icon {
    transform: translateY(-3px) rotate(-8deg);
}

.individual-growth-quote {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 2.5rem 2.25rem 2.35rem;
    background: #1aa3b8;
    color: #ffffff;
    overflow: hidden;
}

.individual-growth-quote-mark {
	display: block;
	margin-bottom: 0.35rem;
	color: rgba(255, 255, 255, 0.55);
	font-size: clamp(4.5rem, 12vw, 14.3rem);
	line-height: 0.7;
	font-family: var(--secondary-font);
	position: absolute;
	z-index: -1;
	opacity: 0.5;
}

.individual-growth-quote-text {
    color: #222323;
    font-size: clamp(1.25rem, 4.2vw, 2.7rem);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.02em;
    font-family: var(--secondary-font);
}

.individual-growth-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    min-height: 14rem;
    background: #ececec;
}

.individual-growth-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.25rem 1.75rem;
}

.individual-growth-stat + .individual-growth-stat {
    border-left: 1px solid rgba(17, 17, 17, 0.18);
}

.individual-growth-stat-value {
    color: #1aa3b8;
    font-size: clamp(2.6rem, 5vw, 4rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 0.7rem;
}

.individual-growth-stat-label {
    max-width: 25rem;
    color: #4b5563;
    font-size: 0.95rem;
    line-height: 1.45;
    font-family: var(--secondary-font);
}

@media screen and (max-width: 991.98px) {
    .individual-growth-header {
        margin-bottom: 2.5rem;
    }

    .individual-growth-heading {
        max-width: none;
    }

    .individual-growth-quote {
        padding: 2rem 1.5rem 1.85rem;
    }

    .individual-growth-quote-text {
        font-size: clamp(1.35rem, 3.6vw, 1.85rem);
        line-height: 1.4;
        max-width: none;
    }

    .individual-growth-stats {
        min-height: 11rem;
    }
}

@media screen and (max-width: 575.98px) {
    .individual-growth-quote-text {
        font-size: 1.2rem;
        line-height: 1.45;
        letter-spacing: -0.01em;
    }

    .individual-growth-quote-mark {
        font-size: 5.5rem;
    }

    .individual-growth-stats {
        grid-template-columns: 1fr;
    }

    .individual-growth-stat + .individual-growth-stat {
        border-left: 0;
        border-top: 1px solid rgba(17, 17, 17, 0.18);
    }

    .individual-growth-item-icon {
        font-size: 1.85rem;
        width: 2.1rem;
    }
}

.about-us-section {
    font-family: var(--primary-font);
}

.about-us-section .about-us-heading {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.about-us-section .description-wrapper {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.about-us-section .description-wrapper p {
    margin: 26px auto;
}

.about-us-our-team-wrapper .leadership-team-heading {
    color: var(--footer-boder-color);
}

.about-us-our-team-wrapper .our-team-list-item-wrapper .card {
    border-radius: 50px;
}

.about-us-our-team-wrapper .our-team-list-item-wrapper .our-team-list-icon {
    max-height: 250px;
    object-fit: contain;
    border-radius: 30px;
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%);
    transition: all cubic-bezier(.65, .05, .36, 1) 1s;
}

.about-us-our-team-wrapper .our-team-list-item-wrapper .card:hover .our-team-list-icon {
    background: linear-gradient(227deg, #FDB614 0%, #F6851F 100%);
    transition: all cubic-bezier(.65, .05, .36, 1) 1s;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}

.about-us-people-section {
    background: #f7f8fa;
    color: #111111;
    overflow: hidden;
}

.about-us-people-header {
    max-width: 46rem;
    margin-bottom: 1.75rem;
}

.about-us-people-heading {
    max-width: 18ch;
    margin-left: auto;
    margin-right: auto;
}

.about-us-people-lede {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(0.9rem, 1.55vw, 1rem);
}

.about-us-people-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin: 0 auto 2.75rem;
}

.about-us-people-filter {
    border: 0;
    background: #222323;
    color: #F8F9FB;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 15px 22px;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.about-us-people-filter:hover,
.about-us-people-filter.is-active {
    cursor: auto;
}

.about-us-people-group-title {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 1.5rem;
    color: #111111;
    font-size: clamp(1.85rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
}

.about-us-people-group-title::before {
    content: "";
    width: 8px;
    height: 52px;
    border-radius: 99px;
    background: #013047;
    flex-shrink: 0;
}

.about-us-people-members {
    margin-top: 0.8rem;
}

.about-us-people-leaders {
    margin-bottom: 3.25rem;
}

.about-us-person {
    position: relative;
    transition: opacity 0.4s ease, filter 0.4s ease;
}

.about-us-person-media {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    aspect-ratio: 3 / 3;
    background: linear-gradient(151deg, #E6E7E8 -9.23%, #BBB 64.61%);
    margin-bottom: 0.9rem;
}

.about-us-leader-media {
    background-size: 140% 140%;
    background-position: center;
    transition: background 0.45s ease, background-position 0.45s ease;
}

.about-us-leader-media--1 {
    background-image: linear-gradient(151deg, #e1e6e8 -9.23%, #cfdae9 46%, #3797a6 100%);
}

.about-us-leader-media--2 {
    background-image: linear-gradient(151deg, #e1e6e8 -9.23%, #cfdae9 46%, #3797a6 100%);
}

.about-us-leader-media--3 {
    background-image: linear-gradient(151deg, #e1e6e8 -9.23%, #cfdae9 46%, #3797a6 100%);
}

.about-us-leader-media.is-hovering,
.about-us-leader-media:hover {
    background-position: 18% 72%;
}

.about-us-person-logo {
    position: absolute;
    left: 40%;
    top: 18%;
    width: clamp(5.5rem, 58%, 12.5rem);
    max-width: 12.5rem;
    height: auto;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: multiply;
    transition: opacity 0.45s ease;
}

.about-us-person-member.is-focused .about-us-person-logo,
.about-us-person-member .about-us-person-media:hover .about-us-person-logo,
.about-us-person-member .about-us-person-media.is-hovering .about-us-person-logo,
.about-us-person-leader .about-us-person-logo {
    opacity: 0.82;
}

.about-us-person-photo {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom center;
    backface-visibility: hidden;
    transition: filter 0.4s ease, opacity 0.4s ease;
}

.about-us-people-members.is-dimming .about-us-person-member:not(.is-focused) .about-us-person-photo {
    filter: blur(2px) saturate(0.92);
    opacity: 0.8;
}

.about-us-people-members.is-dimming .about-us-person-member:not(.is-focused) .about-us-person-name,
.about-us-people-members.is-dimming .about-us-person-member:not(.is-focused) .about-us-person-role {
    opacity: 0.75;
}

.about-us-people-members.is-dimming .about-us-person-member.is-focused {
    z-index: 2;
}

.about-us-person-name {
    margin: 0 0 0.2rem;
    color: #111111;
    font-size: clamp(0.92rem, 2.1vw, 1.5rem);
    font-weight: 600;
    line-height: 1.3;
    transition: opacity 0.4s ease;
}

.about-us-people-leaders .about-us-person-name {
    font-size: clamp(1.2rem, 2.7vw, 1.75rem);
}

.about-us-person-role {
    color: #6b7280;
    font-size: clamp(0.72rem, 1.45vw, 1rem);
    line-height: 1.4;
    transition: opacity 0.4s ease;
    font-family: var(--primary-font);
}

.about-us-people-leaders .about-us-person-role {
    font-size: clamp(0.8rem, 1.6vw, 1rem);
}

.about-us-people-member-col.is-hidden {
    display: none;
}

@media screen and (max-width: 767.98px) {
    .about-us-people-heading {
        max-width: none;
        font-size: clamp(1.65rem, 7vw, 2.25rem);
    }

    .about-us-people-filters {
        justify-content: flex-start;
        margin-bottom: 2rem;
        gap: 0.35rem;
    }

    .about-us-people-filter {
        padding: 0.35rem 0.55rem;
    }

    .about-us-people-group-title {
        margin-bottom: 1.1rem;
    }

    .about-us-person-logo {
        width: 48%;
        max-width: 10.25rem;
        left: 42%;
        top: 22%;
    }

    .about-us-people-members.is-dimming .about-us-person-member:not(.is-focused) .about-us-person-photo,
    .about-us-people-members.is-dimming .about-us-person-member:not(.is-focused) .about-us-person-name,
    .about-us-people-members.is-dimming .about-us-person-member:not(.is-focused) .about-us-person-role {
        filter: none;
        opacity: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
    .about-us-person-logo {
        width: 56%;
        max-width: 10.3rem;
    }
}

/* Referral Program Section */

.referral-program-section {
    max-height: 300px;
    position: relative;
}

.referral-program-section img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.referral-program-section h1 {
    text-align: center;
    z-index: 9;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: normal normal bold 50px/63px var(--primary-font);
}

.referral-program-header-banner-img-wrapper {
    border-radius: 50px;
    background-size: cover;
    min-height: 460px;
    background-repeat: no-repeat;
}
.referral-program-header-banner-img-wrapper .referral-program-header-banner-heading{
	position: relative;
	z-index: 2;
}
.referral-program-header-banner-img-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 100%);
    z-index: 1;
}

.referral-program-header-banner-img-wrapper .display-2,
.referral-program-header-banner-img-wrapper .breadcrumb {
    position: relative;
    z-index: 2;
}

.referral-program-section {
    font-family: var(--primary-font);
}

.referral-program-section .referral-program-heading {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.referral-program-section .description-wrapper {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.referral-program-section .description-wrapper p {
    margin: 26px auto;
}

.referral-program-our-team-wrapper .leadership-team-heading {
    color: var(--footer-boder-color);
}

.referral-program-our-team-wrapper .our-team-list-item-wrapper .card {
    border-radius: 50px;
}

.referral-program-our-team-wrapper .our-team-list-item-wrapper .our-team-list-icon {
    max-height: 250px;
    object-fit: contain;
    border-radius: 30px;
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%);
    transition: all cubic-bezier(.65, .05, .36, 1) 1s;
}

.referral-program-our-team-wrapper .our-team-list-item-wrapper .card:hover .our-team-list-icon {
    background: linear-gradient(227deg, #FDB614 0%, #F6851F 100%);
    transition: all cubic-bezier(.65, .05, .36, 1) 1s;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
}

.referral-program-steps-section .x-factor{
    color: var(--footer-boder-color);
}
.referral-program-steps-section .nav-link {
    font-size: 2rem;
    border-radius: 30px;
    color: var(--bs-light);
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%)!important;
}
.referral-program-steps-section .nav-link.active {
    background: linear-gradient(227deg, #FDB614 0%, #F6851F 100%)!important;
}

.referral-program-steps-section .nav-link .x-factor{
    font-size: 3rem;
}

.referral-program-steps-section .nav-link.active .x-factor{
    color: var(--bs-light);
}

.referral-program-steps-section .tab-pane {
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%)!important;
    border-radius: 50px;
}
.referral-program-steps-section .tab-pane .x-factor{
    color: var(--footer-boder-color);
    font-size: 4.5rem;
}

.referral-program-steps-section .tab-pane h3{
    font-size: 3rem!important;
}

/* ── Referral How-It-Works Steps Section ───────────────────────────────────── */

.rp-steps-section {
    background-color: #ffffff;
    padding: 5rem 0 5.5rem;
    overflow: hidden;
}

/* Header */

.rp-steps-heading {
    color: #222323;
    font-size: clamp(2rem, 3.6vw, 3.1rem);
    font-weight: 600;
    line-height: 1.15;
    margin: 0 auto;
    max-width: 27ch;
    margin-left: auto;
    margin-right: auto;
}

/* Grid */
.rp-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.rp-steps-grid .rp-step-card:nth-child(even){
    background-color: #F8F9FB;
}

@media (max-width: 991px) {
    .rp-steps-grid {
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
}

/* Card */
.rp-step-card {
    position: relative;
    background: #deeaf4;
    padding: 2rem 1.75rem 2.25rem;
    overflow: hidden;
    text-align: right;
}


/* Ghost step number */
.rp-step-number {
    color: rgba(34, 35, 35, 0.12);
    font-family: var(--primary-font);
    font-size: 128px;
    font-weight: 600;
    line-height: 1;
}

.rp-step-card:hover .rp-step-number {
    color: rgba(62, 182, 199, 0.22);
}

/* Body */
.rp-step-body {
    position: relative;
    z-index: 1;
    padding-top: 1.5rem;
    text-align: start;
}

.rp-step-title {
   color: #222323;
    font-family: var(--primary-font);
    font-size: 22px;
    font-weight: 600;
}

.rp-step-text {
    color: #414042;
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 400;
}

/* Stagger transition delays – set by JS, but declared here as fallback */
.rp-step-card:nth-child(1) { transition-delay: 0ms; }
.rp-step-card:nth-child(2) { transition-delay: 100ms; }
.rp-step-card:nth-child(3) { transition-delay: 200ms; }

@media (max-width: 767px) {
    .rp-steps-section {
        padding: 3.25rem 0 3.75rem;
    }

    .rp-steps-heading {
        font-size: 1.8rem;
    }

    .rp-step-card {
        padding: 1.5rem 1.35rem 1.75rem;
    }

    .rp-step-number {
        font-size: 4rem;
    }

    /* Reset stagger on mobile – all enter at once */
    .rp-step-card:nth-child(n) { transition-delay: 0ms; }
}

.rp-split-section {
    background: #f8f9fb;
    color: #111111;
    padding: 4.5rem 0 5.25rem;
    overflow: hidden;
}

.rp-split-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 22rem) minmax(0, 1fr);
    gap: 2.25rem 1.75rem;
    align-items: start;
}

.rp-split-heading {
    margin: 0 0 2.25rem;
    color: #111111;
    font-size: clamp(1.85rem, 2.8vw, 2.5rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.rp-split-col.is-left .rp-split-heading {
    max-width: 20ch;
}

.rp-split-col.is-right .rp-split-heading {
    max-width: 20ch;
    margin-left: auto;
}

.rp-split-col.is-right {
    text-align: right;
}

.rp-split-col.is-right .value-we-create-badge {
    margin-left: auto;
}

.rp-split-list {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
}

.rp-split-item {
    padding-bottom: 1.15rem;
    border-bottom: 1px solid #222323;
}

.rp-split-item-title {
    margin: 0 0 0.45rem;
    color: #111111;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
}

.rp-split-item-text {
    margin: 0;
    color: #5f6670;
    font-size: 0.95rem;
    line-height: 1.6;
}

.rp-split-col.is-right .rp-split-item-text {
    margin-left: auto;
}

.rp-split-media {
    position: relative;
    overflow: hidden;
    min-height: 34rem;
    background: #d7dde3;
    align-self: stretch;
}

.rp-split-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (max-width: 1199.98px) {
    .rp-split-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .rp-split-media {
        grid-column: 1 / -1;
        order: -1;
        min-height: 22rem;
        max-height: 26rem;
    }
}

@media screen and (max-width: 767.98px) {
    .rp-split-section {
        padding: 3.25rem 0 3.75rem;
    }

    .rp-split-grid {
        grid-template-columns: 1fr;
    }

    .rp-split-col.is-left .rp-split-heading,
    .rp-split-col.is-right .rp-split-heading {
        max-width: none;
        margin-left: 0;
    }

    .rp-split-col.is-right .value-we-create-badge {
        margin-left: 0;
    }

    .rp-split-col.is-right .rp-split-item-text {
        margin-left: 0;
    }

    .rp-split-media {
        min-height: 18rem;
        max-height: 20rem;
    }
}

.rp-contact-section {
    background: #ffffff;
    color: #222323;
    padding-top: 4.75rem;
    overflow: hidden;
}

.rp-contact-header-row {
    margin-bottom: 3.25rem;
}

.rp-contact-header {
    max-width: 46rem;
}

.rp-contact-header-cta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (min-width: 992px) {
    .rp-contact-header-cta {
        justify-content: flex-end;
    }
}

.rp-contact-heading {
    margin: 0 0 1.15rem;
    color: #222323;
    font-size: clamp(2rem, 4vw, 3.1rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.03em;
}

.rp-contact-lede {
    max-width: 38rem;
    color: #5f6670;
    font-size: 1.02rem;
    line-height: 1.7;
}

.rp-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rp-contact-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.45rem;
    min-height: 13.5rem;
    padding: 2rem 1.5rem;
    color: #222323;
    background: #AECBEB66;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.35s ease;
}

.rp-contact-card:hover {
    transform: translateY(-4px);
    background: #AECBEB99;
}

.rp-contact-card:nth-child(even):hover {
    background: #eef1f5;
}

.rp-contact-card:nth-child(even) {
    background: #F8F9FB;
}

.rp-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0.35rem;
    color: #222323;
    font-size: 1.65rem;
    line-height: 1;
}

.rp-contact-card-title {
    margin: 0;
    color: #222323;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
}

.rp-contact-card-text {
    margin: 0;
    color: #222323;
    font-size: 0.95rem;
    line-height: 1.5;
    text-decoration: none;
    max-width: 16rem;
}

.rp-contact-card a.rp-contact-card-text:hover {
    color: #219EBC;
}

@media screen and (max-width: 991.98px) {
    .rp-contact-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 575.98px) {
    .rp-contact-section {
        padding-top: 3.25rem;
    }

    .rp-contact-header-row {
        margin-bottom: 2rem;
    }

    .rp-contact-grid {
        grid-template-columns: 1fr;
    }

    .rp-contact-card {
        min-height: 11.5rem;
    }
}

/* Careers Page */
/* .careers-section .careers-heading {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
} */

.curret-opening-filters .button {
    padding: 20px 25px;
    background-color: transparent;
    border: none;
    width: 250px;
    font-weight: 500;
    font-family: var(--primary-font);
    background: var(--text-medium-gray);
    color: var(--bs-light);
    border-radius: 30px;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

.curret-opening-filters .button.is-checked {
    border-radius: 30px;
    color: var(--default-dark-color);
    background: var(--footer-boder-color);
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

.careers-section .view-more-btn {
    border: none;
    background-color: transparent;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

.careers-section .opening-list.row {
    display: block;
}

.careers-section .opening-list.row::after {
    content: "";
    display: table;
    clear: both;
}

.careers-section .opening-list .element-item {
    float: left;
}

.careers-section .card {
    border-radius: 50px;
    height: 100%;
}

.careers-section .card:hover {
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%) !important;
    transition: all cubic-bezier(.65, .05, .36, 1) 1s;
    color: var(--bs-light);
}

.careers-section .current-openings-list-icon {
    width: 100%;
    height: 200px;
    max-height: 200px;
    border-radius: 30px;
    object-fit: cover;
}

.careers-section .view-more-btn:hover {
    border: none;
    background-color: transparent;
    color: var(--footer-boder-color);
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

.job-desc-item-wrapper {
    width: 25%;
    font-family: var(--primary-font);
    cursor: pointer;
}

.job-desc-item-wrapper .vacancy-name {
    font-size: 16px;
    font-weight: 600;
}

.job-desc-item-wrapper .vacancy-type,
.job-desc-item-wrapper .vacancy-location,
.job-desc-item-wrapper.vacancy-apply {
    font-size: 14px;
}

.job-desc-item-wrapper .vacancy-apply .vacancy-apply-button {
    width: 50px;
    height: 50px;
    font-family: var(--primary-font);
    line-height: 21px;
    font-weight: 500;
    font-size: 22px;
    background-color: var(--footer-boder-color);
}

.job-desc-item-wrapper .vacancy-apply .vacancy-apply-button:hover {
    color: var(--bs-light);
    background-color: var(--default-dark-color);
}

.careers-section .fc-form {
    margin: auto !important;
}

.powered-by {
    display: none !important;
}

.modal-title {
    font-weight: 600;
    font-family: var(--primary-font);
}

.freelncer-form-section .careers-heading {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.freelncer-form-section .freelance-sec-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

div.wpforms-container-full .wpforms-form input[type="date"],
div.wpforms-container-full .wpforms-form input[type="datetime"],
div.wpforms-container-full .wpforms-form input[type="datetime-local"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="month"],
div.wpforms-container-full .wpforms-form input[type="number"],
div.wpforms-container-full .wpforms-form input[type="password"],
div.wpforms-container-full .wpforms-form input[type="range"],
div.wpforms-container-full .wpforms-form input[type="search"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="time"],
div.wpforms-container-full .wpforms-form input[type="url"],
div.wpforms-container-full .wpforms-form input[type="week"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    font-family: var(--primary-font);
    border: 1px solid var(--text-light-gray);
    border-radius: 5px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-color: var(--text-light-gray) !important;
}

div.wpforms-container-full .wpforms-form .choices .choices__inner {
    font-family: var(--primary-font);
    border: 1px solid var(--text-light-gray);
    border-radius: 5px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-color: var(--text-light-gray) !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type="range"]::-moz-range-thumb {
    background: var(--footer-boder-color) !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 14px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    font-size: 14px !important;
}

.wpforms-field-container {
    font-family: var(--primary-font);
}

div.wpforms-container-full .wpforms-form button[type="submit"] {
    background: var(--nav-overlay-cta) !important;
    color: var(--nav-overlay-cta-text) !important;
    border-color: var(--nav-overlay-cta) !important;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 15px!important;
    line-height: 30px;
    border-radius: 50px;
    float: right;
    font-weight: 600;
    padding: 8px 8px!important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
    border-color: #4ec4d4 !important;
    background: #4ec4d4;
    color: var(--nav-overlay-cta-text) !important;
    transform: translateY(-1px);
}

div.wpforms-container-full .wpforms-form .wpforms-selected input[type="checkbox"] {
    background-color: var(--footer-boder-color);
    appearance: none;
    margin: 0;
    border: 1px solid currentColor;
    border-radius: 0.15em;
    vertical-align: middle;
    margin: auto 4px;
    width: 15px;
    height: 15px;
}

div.wpforms-container-full .wpforms-form input[type="checkbox"] {
    appearance: none;
    margin: 0;
    border: 1px solid currentColor;
    border-radius: 0.15em;
    vertical-align: middle !important;
    margin: auto 4px !important;
    width: 15px !important;
    height: 15px !important;
    cursor: pointer;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description,
div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
    text-align: right;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    cursor: pointer;
}

.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #b4d39b !important;
    border: 1px solid #b4d39b;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.125);
    font-family: var(--primary-font) !important;
}

/* Clients & Partners Page */
.clients-section .clients-heading {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.projects-section .projects-heading {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.projects-section .projects-subheading {
    font-family: var(--primary-font);
}

.projects-list-item .projects-list-overlay {
    display: none;
    transition: all ease-in-out 0.5s;
}

.projects-list-item:hover .projects-list-overlay {
    display: block;
    background-color: rgba(238, 238, 238, 0.945);
    transition: all ease-in-out 0.5s;
    color: var(--top-bar-color);
    font-family: var(--primary-font);
}

.projects-list-item .project-name h5 {
    font-weight: 700 !important;
}

.projects-list-item .project-link {
    width: 30px;
    height: 30px;
    margin: auto;
    background: var(--footer-boder-color);
    color: var(--bs-white) !important;
    border-radius: 50px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.125);
}

.projects-list-item .project-link svg {
    stroke: var(--bs-white) !important;
}

.clients-section .clients-description {
    font-family: var(--primary-font);
}

/* Keyholders Section */

.software-consultation-detail-section .software-consultation-section-title {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.software-consultation-detail-section .software-consultation-section-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.software-consultation-detail-section #softwareConsultation .accordion-button:not(.collapsed) {
    background-color: var(--light-gray);
    border-radius: 7px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.1);
}

.software-consultation-detail-section .accordion-button {
    color: var(--top-bar-color);
    border-radius: 7px;
    border-left: 3px solid var(--footer-boder-color);
    margin-bottom: 10px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.software-consultation-detail-section .accordion-button:focus {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
}

.software-consultation-detail-section .accordion-body {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.cloud-migration-detail-section {
    background-color: var(--light-gray);
}

.cloud-migration-detail-section .cloud-migration-section-title {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.cloud-migration-detail-section .cloud-migration-section-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.software-solutions-detail-section .software_solutions-section-title {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.software-solutions-detail-section .software_solutions-section-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.software-solutions-detail-section #softwareSolutions .accordion-button:not(.collapsed) {
    background-color: var(--light-gray);
    border-radius: 7px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.1);
}

.software-solutions-detail-section .accordion-button {
    color: var(--top-bar-color);
    border-radius: 7px;
    border-left: 3px solid var(--footer-boder-color);
    margin-bottom: 10px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.software-solutions-detail-section .accordion-button:focus {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
}

.software-solutions-detail-section .accordion-body {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.digital-marketing-solutions-detail-section .digital-marketing-section-title {
    font-family: var(--primary-font);
    line-height: 40px;
    letter-spacing: 0px;
    font-weight: 600;
    font-size: 36px;
    color: var(--top-bar-color);
}

.digital-marketing-solutions-detail-section .digital-marketing-section-desc {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

.digital-marketing-solutions-detail-section #digitalMarketing .accordion-button:not(.collapsed) {
    background-color: var(--light-gray);
    border-radius: 7px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.1);
}

.digital-marketing-solutions-detail-section .accordion-button {
    color: var(--top-bar-color);
    border-radius: 7px;
    border-left: 3px solid var(--footer-boder-color);
    margin-bottom: 10px;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.digital-marketing-solutions-detail-section .accordion-button:focus {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
}

.digital-marketing-solutions-detail-section .accordion-body {
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 160.5%;
    color: var(--text-medium-gray);
}

/* Contact Us */

.contact-talk-section {
    background: #ffffff;
}

.contact-talk-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 36.5rem;
}

.contact-talk-map {
    min-height: 22rem;
    background: #e8eef3;
}

.contact-talk-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 36.5rem;
    border: 0;
}

.contact-talk-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3.25rem 4rem 3rem;
    background: #ffffff;
}

.contact-talk-form .lets-talk-heading {
    margin-bottom: 1.75rem;
}

.contact-talk-form .wpforms-title,
.contact-talk-form .wpforms-description {
    display: none;
}

.contact-talk-form .lets-talk-form-wrapper .wpforms-container button[type="submit"] {
    background: var(--nav-overlay-cta) !important;
    color: var(--nav-overlay-cta-text) !important;
    min-height: 52px;
    padding: 0.45rem 0.45rem 0.45rem 1.35rem !important;
}

.contact-us-loactions-wrapper {
    margin: 0;
}

.lets-talk-contact-box-text a {
    color: inherit;
    text-decoration: none;
}

.lets-talk-contact-box-text a:hover {
    color: #013047;
}

@media screen and (max-width: 991.98px) {
    .contact-talk-grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .contact-talk-map iframe {
        min-height: 22rem;
    }

    .contact-talk-form {
        padding: 2.5rem 1.5rem 3rem;
    }
}

.contact-us-header-banner-img-wrapper {
    border-radius: 50px;
    background-size: cover;
    min-height: 460px;
    background-repeat: no-repeat;
}

.contact-us-header-banner-img-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 100%);
    z-index: 1;
}

.contact-us-header-banner-img-wrapper .display-2,
.contact-us-header-banner-img-wrapper .breadcrumb {
    position: relative;
    z-index: 2;
}

.contact-us-map-wrapper iframe {
    margin-bottom: -7px;
    border-radius: 50px 0 0 50px;
}

.contact-us-button {
    font-family: var(--primary-font);
    line-height: 21px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 25px;
    border: 1px solid var(--text-light-gray);
    padding: 10px 30px;
}

.contact-us-button:hover {
    border: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
}



.contact-us-loactions-wrapper .contact-us-item {
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    transition: 0.5s transform ease-in-out;
    will-change: transform;
    z-index: 1;
}

.contact-us-loactions-wrapper .contact-us-item:hover .contact-us-heading {
    color: var(--bs-light);
}

.contact-us-loactions-wrapper .contact-us-item .contact-us-heading {
    color: var(--footer-boder-color);
}

.contact-us-loactions-wrapper .contact-us-item .contact-us-item-img-wrapper {
    width: 6rem;
    height: 6rem;
    margin: auto;
}

.contact-us-loactions-wrapper .contact-us-item .contact-us-item-img-wrapper .contact-us-item-img {
    margin: auto;
    height: 100%;
}

.contact-us-loactions-wrapper .contact-us-item:after {
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%);
    border-radius: 50px;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-100%, 0) rotate(10deg);
    transform-origin: top left;
    transition: 0.5s transform ease-out;
    will-change: transform;
    z-index: -1;
}

.contact-us-loactions-wrapper .contact-us-item:hover:after {
    transform: translate(0, 0);
}

.contact-us-loactions-wrapper .contact-us-item:hover:after {
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%);
    transform: scale(1);
    will-change: transform;
    z-index: -1;
}

.contact-us-loactions-wrapper .contact-us-item:hover .contact-us-heading {
    color: var(--bs-light);
}

.contact-us-loactions-wrapper .contact-us-item:hover .img-thumbnail {
    background-color: var(--default-dark-color);
    border-color: var(--default-dark-color);
}

.contact-us-loactions-wrapper .contact-us-item:hover .img-thumbnail .contact-us-item-img {
    filter: invert(100%);
}

.life-culture-section {
    background: #222323;
}

.social-responsibility-section {
    background: #F8F9FB;
}

.social-responsibility-section .value-we-create-lede {
}

.csr-projects-section {
    background: #222323;
    color: #F8F9FB;
}

.csr-projects-wrap {
    position: relative;
}

.csr-projects-arrows {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.csr-projects-arrows .slick-arrow,
.csr-projects-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: 2.35rem;
    height: 2.35rem;
    border: 0;
    border-radius: 50%;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.2);
    color: #F8F9FB;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
    transform: none;
    box-shadow: none;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.csr-projects-arrows .slick-arrow:before,
.csr-projects-arrow:before {
    display: none;
}

.csr-projects-next,
.csr-projects-arrow:hover,
.csr-projects-arrow:focus-visible {
    background-color: #219EBC;
    color: #222323;
}

.csr-projects-arrow.slick-disabled,
.csr-projects-arrow.slick-disabled:hover,
.csr-projects-arrow.slick-disabled:focus-visible {
    background-color: rgba(255, 255, 255, 0.2);
    color: #F8F9FB;
    opacity: 1;
    cursor: default;
}

.csr-project-copy {
    max-width: 66rem;
    padding-right: 8.5rem;
    margin-bottom: 1.35rem;
}

.csr-project-title {
    margin: 0 0 0.55rem;
    color: #F8F9FB;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
}

.csr-project-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
    line-height: 1.55;
}

.csr-project-mosaic {
    display: grid;
    grid-template-columns: 1.12fr 0.94fr 0.94fr;
    grid-template-rows: minmax(10.5rem, 1fr) minmax(10.5rem, 1fr);
    gap: 0;
    min-height: 28rem;
}

.csr-project-hero {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.csr-project-thumbs {
    display: contents;
}

.csr-project-hero,
.csr-project-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    display: block;
    background: #2a2f33;
}

.csr-project-hero img,
.csr-project-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.csr-project-hero:hover img,
.csr-project-thumb:hover img {
    transform: scale(1.06);
}

.csr-project-hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.csr-project-mosaic.is-single {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(18rem, 1fr);
    min-height: 22rem;
}

.csr-project-mosaic.is-single .csr-project-hero {
    grid-column: 1;
    grid-row: 1;
}

.csr-projects-slider .slick-dots {
    display: flex;
    justify-content: center;
    gap: 0;
    margin: 1.4rem 0 0;
    padding: 0;
    list-style: none;
}

.csr-projects-slider .slick-dots li {
    margin: 0;
}

.csr-projects-slider .slick-dots button {
    width: 5.8rem;
    height: 3px;
    padding: 0;
    border: 0;
    font-size: 0;
    background: rgba(255, 255, 255, 0.22);
    cursor: pointer;
    border-radius: 0px;
}

.csr-projects-slider .slick-dots li.slick-active button {
    background: #3eb6c7;
}

@media screen and (max-width: 991.98px) {
    .csr-project-copy {
        padding-right: 6.5rem;
    }

    .csr-project-mosaic {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: minmax(16rem, auto) minmax(8.5rem, auto) minmax(8.5rem, auto);
        min-height: 0;
    }

    .csr-project-hero {
        grid-column: 1 / span 2;
        grid-row: 1;
        min-height: 16rem;
    }
}

@media screen and (max-width: 575.98px) {
    .csr-projects-arrows {
        position: static;
        justify-content: flex-end;
        margin-bottom: 1rem;
    }

    .csr-project-copy {
        padding-right: 0;
    }

    .csr-project-mosaic {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: minmax(14rem, auto) minmax(7.5rem, auto) minmax(7.5rem, auto);
        gap: 0.45rem;
    }

    .csr-project-hero {
        min-height: 14rem;
    }
}

.life-culture-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.life-culture-panel {
    position: relative;
    overflow: hidden;
    min-height: 218px;
    padding: 1.75rem 1.5rem 2rem;
    border: 0;
    border-bottom: 5px solid #3eb6c7;
    display: flex;
    align-items: flex-start;
}
.life-culture-panel:nth-child(odd){
    border-bottom: 5px solid #414042;
}

.life-culture-panel-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.06);
    transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.life-culture-panel-overlay {
    position: absolute;
    inset: 0;
    background: #70a5dead;
    transition: background-color 0.55s ease, opacity 0.55s ease;
}

.life-culture-panel:nth-child(odd) .life-culture-panel-overlay{
    background: #ffffffc4;
}

.life-culture-panel-copy {
    position: relative;
    z-index: 2;
    max-width: 17.5rem;
}

.life-culture-panel-title {
    margin: 0 0 0.7rem;
    color: #222323;
    font-size: clamp(1.15rem, 1.5vw, 1.45rem);
    font-weight: 500;
    line-height: 1.25;
    font-family: var(--primary-font);
}

.life-culture-panel-text {
    color: #414042;
    font-size: clamp(0.82rem, 0.95vw, 0.95rem);
    line-height: 1.55;
    font-family: var(--primary-font);
}

.life-culture-panel:hover .life-culture-panel-image {
    transform: scale(1.16);
}

.life-culture-panel:hover .life-culture-panel-overlay {
    background: rgba(236, 243, 247, 0.32);
}

@media screen and (max-width: 991.98px) {
    .life-culture-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .life-culture-panel {
        min-height: 18rem;
        padding: 1.5rem 1.25rem 1.75rem;
    }
}

@media screen and (max-width: 575.98px) {
    .life-culture-grid {
        grid-template-columns: 1fr;
    }

    .life-culture-panel {
        min-height: 16.5rem;
    }

    .life-culture-panel-copy {
        max-width: 22rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .life-culture-panel-image,
    .life-culture-panel-overlay {
        transition: none;
    }

    .life-culture-panel:hover .life-culture-panel-image {
        transform: none;
    }
}

.life-at-xeynergy-header-banner-img-wrapper {
    border-radius: 50px;
    background-size: cover;
    min-height: 460px;
    background-repeat: no-repeat;
}

.life-at-xeynergy-header-banner-img-wrapper::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    border-radius: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 100%);
    z-index: 1;
}

.life-at-xeynergy-header-banner-img-wrapper .display-2,
.life-at-xeynergy-header-banner-img-wrapper .breadcrumb {
    position: relative;
    z-index: 2;
}

.life-at-xeynergy-gallery-section {
    background: #f8f9fb;
    color: #111111;
}

.life-albums-header {
    max-width: 46rem;
    margin-bottom: 3rem;
}

.life-albums-heading {
    max-width: 18ch;
    margin-left: auto;
    margin-right: auto;
}

.life-albums-lede {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
}

.life-albums-year-block + .life-albums-year-block {
    margin-top: 2.75rem;
}

.life-albums-year-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.life-albums-year-heading {
    display: flex;
    align-items: center;
    font-family: var(--primary-font);
    gap: 0.7rem;
    margin: 0;
    color: #111111;
    font-size: clamp(1.85rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
}

.life-albums-year-heading::before {
    content: "";
    width: 8px;
    height: 52px;
    border-radius: 99px;
    background: #013047;
    flex-shrink: 0;
}

.life-albums-year-count {
    color: #8b9199;
    font-size: 0.95rem;
    line-height: 1.3;
}

.life-album-card {
    position: relative;
    height: 100%;
}

.life-album-media {
    display: block;
    overflow: hidden;
    border-radius: 0px;
    background: #dfe5ea;
    aspect-ratio: 16 / 11;
}

.life-album-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.life-album-media:hover .life-album-image {
    transform: scale(1.05);
}

.life-album-copy {
    padding-top: 0.85rem;
}

.life-album-title {
    margin: 0 0 0.2rem;
    color: #111111;
    font-size: clamp(0.92rem, 2.1vw, 1.5rem);
    font-weight: 600;
    line-height: 1.3;
    transition: opacity 0.4s ease;
    font-family: var(--primary-font);
}

.life-album-month {
    color: #6b7280;
    font-size: clamp(0.72rem, 1.45vw, 1rem);
    line-height: 1.4;
    transition: opacity 0.4s ease;
    font-family: var(--primary-font);
}

.life-album-hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

@media screen and (max-width: 767.98px) {
    .life-albums-header {
        margin-bottom: 2rem;
    }

    .life-albums-heading {
        max-width: none;
    }
}

/* Blog */

.blog-list-sectio-wrapper {
    background: #ffffff;
    padding: 4.5rem 0 5.25rem;
}

.blog-articles-header {
    text-align: center;
    margin-bottom: 2.75rem;
}

.blog-articles-heading {
    max-width: none;
}

.blog-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.4rem 1.6rem;
}

.blog-article-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.blog-article-media {
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    aspect-ratio: 16 / 10.2;
    background: #eef2f6;
}

.blog-article-media > img,
.blog-article-media-fallback {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.blog-article-media-fallback {
    background: linear-gradient(135deg, #d7e6f2 0%, #f8f9fb 100%);
}

.blog-article-card:hover .blog-article-media > img {
    transform: scale(1.04);
}

.blog-article-meta {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    min-height: 2.55rem;
    padding: 0.45rem 0.85rem;
    background: #222323;
    color: #ffffff;
}

.blog-article-meta-text {
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-article-meta-sep {
    opacity: 0.7;
    margin: 0 0.15rem;
}

.blog-article-title {
    margin: 0.95rem 0 0.45rem;
    color: #111111;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.3;
}

.blog-article-excerpt {
    margin: 0 0 0.85rem;
    color: #5f6670;
    font-size: 0.95rem;
    line-height: 1.6;
}

.blog-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-article-tags li {
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    background: #e7f1fb;
    color: #3d8fd4;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
    font-family: var(--primary-font);
}

.blog-articles-cta {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.blog-articles-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 2.75rem;
}

.blog-articles-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    height: 2.4rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    border: 1px solid #dbe7f2;
    color: #222323;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    font-family: var(--primary-font);
    transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.blog-articles-page-link.is-current,
.blog-articles-page-link:hover {
    background: #3eb6c7;
    border-color: #3eb6c7;
    color: #0d2f38;
    transform: translateY(-2px);
}

.blog-articles-empty {
    text-align: center;
    color: #5f6670;
    font-size: 1.02rem;
}

@media screen and (max-width: 991.98px) {
    .blog-articles-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.75rem 1.1rem;
    }
}

@media screen and (max-width: 575.98px) {
    .blog-list-sectio-wrapper {
        padding: 3rem 0 3.5rem;
    }

    .blog-articles-grid {
        grid-template-columns: 1fr;
    }

    .blog-article-meta-text {
        white-space: normal;
    }
}
.post-navigation-footer .navigation.post-navigation{
    background: linear-gradient(46deg, #2E2E2E 0%, #2E2E2E 100%);
    padding: 15px 15px;
    border-radius: 50px;
}
.post-navigation-footer .nav-links {
    display: flex;
    justify-content: space-between;
}
.post-navigation-footer .nav-label{
    background: linear-gradient(54deg, #F6851F 0%, #FDB614 100%) !important;
    transition: all ease-in-out 0.2s;
  color: var(--default-dark-color);
}
.post-navigation-footer .nav-label:hover{
    color: var(--bs-white);
    transition: all ease-in-out 0.2s;
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%) !important;
}
.back-button-posts{
    background: linear-gradient(54deg, #F6851F 0%, #FDB614 100%) !important;
    transition: all ease-in-out 0.2s;
  color: var(--default-dark-color);
}
.back-button-posts:hover{
    color: var(--bs-white);
    transition: all ease-in-out 0.2s;
    background: linear-gradient(46deg, #2147CE 0%, #1F7BFF 100%) !important;
}
/* Feature News */
.latest-news-section .software-consultation-section-title {
    position: relative;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

select#orderby {
    border-radius: 3px !important;
    background: var(--bs-white) !important;
    border: 2px solid #D8DADC !important;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer;
}

.categories-news-section img {
    width: 275px;
    height: 175px;
    object-fit: cover;
    float: right;
}

.categories-news-section .categoy-page-news-title {
    font: normal normal bold 20px/26px var(--primary-font);
    text-decoration: none;
    color: var(--top-bar-color);
}

.categories-news-section .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 25%;
    max-width: 200px;
}

.categories-news-section .categoy-page-news-title a {
    font: normal normal bold 20px/26px var(--primary-font);
    text-decoration: none;
    color: var(--top-bar-color);
}

.categories-news-section .category-post-content {
    font: normal normal normal 14px/24px var(--primary-font);
    color: var(--text-light-gray);
}

.categories-news-section .category-post-date-time time {
    font: normal normal normal 14px/24px var(--seondary-font);
    color: var(--text-light-gray);
    font-size: 14px;
}

.categories-news-section .readmore-button {
    font: normal normal normal 14px/24px var(--seondary-font);
    color: var(--footer-boder-color);
    font-size: 14px;
    text-decoration: none;
}

.latest-news-section .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 25%;
    max-width: 200px;
}

.news-see-all-link {
    font: normal normal medium 16px/25px var(--primary-font);
    color: var(--top-bar-color);
}

.news-see-all-link i.fa {
    font-weight: 500;
    font-size: 14px;
}

.news-post-wrapper img {
    max-height: 230px;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.news-post-wrapper .news-post-title {
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

.news-post-wrapper .sidebar-news-post-title {
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
}

.news-post-wrapper .news-post-title a {
    text-decoration: none;
    color: inherit;
}

.news-post-wrapper .sidebar-news-post-title a {
    text-decoration: none;
    color: inherit;
}

.news-post-wrapper .news-description-wrapper {
    font: normal normal normal 18px/22px var(--primary-font);
    color: var(--text-light-gray);
}

.news-post-wrapper .sidebar-news-description-wrapper {
    font: normal normal normal 14px/24px var(--primary-font);
    color: var(--text-light-gray);
}

/* Single News */
.single-post-section {
    max-height: 300px;
    position: relative;
}

.single-post-section img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.single-post-content-wrapper h1 {
    text-align: left;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

.single-post-content-wrapper .post-date-time {
    color: var(--text-light-gray);
}

.single-post-content-wrapper .post-date-time time {
    font: normal normal normal 14px/24px var(--primary-font);
    color: var(--text-light-gray);
}

.sidebar-post-date-time {
    color: var(--text-light-gray);
}

.sidebar-post-date-time time {
    font: normal normal normal 14px/24px var(--primary-font);
    color: var(--text-light-gray);
}

.sidebar-readmore-button {
    font: normal normal normal 14px/24px var(--primary-font);
    color: var(--footer-boder-color);
    text-decoration: none;
}

.sidebar-readmore-button:hover {
    color: var(--footer-boder-color);
    text-decoration: none;
}

.sidebar-single-post-wrapper .news-post-wrapper {
    border-bottom: 1px solid var(--light-gray);
    margin-bottom: 30px !important;
}

.sidebar-single-post-wrapper .news-post-wrapper:last-child {
    border-bottom: none;
    margin-bottom: 10px !important;
}

/* Cart Section */
.c7-message--empty-cart:after {
    height: 28px;
    width: 28px;
    top: 3px;
}

.c7-cart.c7-visible h1 {
    font: normal normal bold 18px/25px var(--primary-font);
}

.c7-cart.c7-visible .c7-cart__close {
    font-family: var(--primary-font);
    font-size: 14px;
    text-decoration: none;
    text-transform: lowercase;
    line-height: 28px;
    z-index: 2;
}

.c7-cart.c7-visible a.c7-cart__close {
    color: var(--top-bar-color) !important;
}

.c7-cart.c7-visible .c7-message--empty-cart {
    padding: 2rem 1rem 1rem !important;
    font: normal normal normal 14px/17px var(--primary-font);
}

.c7-cart.c7-visible a {
    text-decoration: none;
}

.c7-cart.c7-visible .c7-cart__carrot {
    background: var(--light-gray) !important;
    color: var(--top-bar-color);
}

.c7-cart.c7-visible .c7-cart__buttons .c7-button-alt {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--footer-boder-color);
    background-color: transparent;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-cart.c7-visible .c7-cart__buttons .c7-button-alt:hover {
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
}

.c7-cart.c7-visible .c7-cart__buttons .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-cart.c7-visible .c7-cart__buttons .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-cart.c7-visible .c7-cart-items__image {
    order: 1;
}

.c7-cart.c7-visible .c7-cart-items__image img {
    max-width: 100%;
}

.c7-cart.c7-visible .c7-cart-items__quantity {
    order: 2;
}

.c7-cart.c7-visible .c7-cart-items__title {
    padding-left: 3%;
    font: normal normal normal 18px/25px var(--primary-font);
    order: 3;
    width: 35%;
}

.c7-cart.c7-visible .c7-cart-items__title a {
    font: normal normal normal 14px/25px var(--primary-font);
}

.c7-cart.c7-visible .c7-cart-items__price {
    order: 4;
    font: normal normal normal 18px/20px var(--primary-font);
    width: 17%;
    text-align: center;
}

.c7-cart.c7-visible .c7-cart-items__price span {
    font: normal normal normal 16px/18px var(--primary-font);
}

.c7-cart.c7-visible .c7-cart-items__item-total {
    order: 4;
    font: normal normal normal 25px/31px var(--primary-font);
}

.c7-cart.c7-visible .c7-cart-items .c7-cart-items__quantity input {
    border-radius: 3px;
    border: 2px solid var(--footer-boder-color)
}

.c7-cart.c7-visible .c7-cart-summary>div {
    padding-bottom: .25rem;
    padding-top: .25rem;
}

.c7-cart.c7-visible .c7-cart-summary__subtotal div:first-child,
.c7-cart.c7-visible .c7-cart-summary div div:first-child {
    text-align: left;
    font: normal normal normal 16px/20px var(--primary-font);
}

.c7-cart.c7-visible .c7-cart-summary__total {
    padding-top: 1rem !important;
    ;
}

.c7-cart.c7-visible .c7-cart-summary__total div:first-child {
    text-transform: uppercase;
}

.c7-cart.c7-visible .c7-cart-summary__total div:last-child {
    font: normal normal bold 20px/25px var(--primary-font);
}

.c7-cart.c7-visible .c7-cart-summary__total div:last-child span {
    font: normal normal 500 14px/20px var(--primary-font) !important;
}

.c7-cart.c7-visible .c7-cart__promo__summary {
    color: var(--top-bar-color);
    font: normal normal normal 14px/20px var(--primary-font) !important;
}

/* Cart Page */
.shopping-cart-section h1 {
    font: normal normal bold 25px/32px var(--primary-font);
    margin: 0;
    text-align: center;
}

.shopping-cart-section .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 25%;
    max-width: 200px;
    margin: auto;
}

.shopping-cart-section #c7-content h1 {
    display: none;
}

.shopping-cart-section .c7-cart__buttons--top {
    display: none;
}

.shopping-cart-section .c7-cart__wrapper {
    max-width: 70rem;
}

.shopping-cart-section .c7-cart-items>div {
    padding: 5px 30px;
    border: 1px solid #D8DADC;
    border-radius: 5px;
    position: relative;
}

.shopping-cart-section .c7-cart-items__image {
    order: 1;
}

.shopping-cart-section .c7-cart-items__quantity {
    order: 2;
}

.shopping-cart-section .c7-cart-items__title {
    order: 3;
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
}

.shopping-cart-section .c7-cart-items__title a {
    font: normal normal normal 11px/16px var(--primary-font);
    color: transparent;
    position: absolute;
    top: 0px;
    right: 10px;
}

.shopping-cart-section .c7-cart-items__title a:after {
    content: '';
    background: transparent url('../img/close-line.svg') 0% 0% no-repeat padding-box;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.shopping-cart-section .c7-cart-items__price {
    order: 4;
    font: normal normal 400 20px/26px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.shopping-cart-section .c7-cart-items__price span {
    font: normal normal 400 16px/20px var(--primary-font);
    color: var(--top-bar-color);
}

.shopping-cart-section .c7-cart-items__item-total {
    order: 5;
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
}

.shopping-cart-section .c7-cart__summary {
    border: none;
}

.shopping-cart-section .c7-cart-items__quantity input {
    border-radius: 3px;
    border: 2px solid var(--footer-boder-color)
}

.c7-cart__summary__message {
    padding: 0.5rem 0;
}

.c7-cart__wrapper .c7-cart__buttons a {
    margin: 0 0;
}

.shopping-cart-section .c7-cart__summary__message a {
    font: normal normal medium 14px/16px var(--primary-font);
    font-size: 14px;
    text-transform: uppercase;
    color: var(--top-bar-color);
    text-decoration: none;
    cursor: pointer;
}

.shopping-cart-section .c7-form__group input {
    font: normal normal 500 14px/20px var(--primary-font) !important;
    background: var(--bs-white);
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    height: 45px;
}

.shopping-cart-section .c7-form__group .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color);
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.shopping-cart-section .c7-form__group .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.shopping-cart-section .c7-cart__promo__summary {
    color: var(--top-bar-color);
    font: normal normal normal 14px/20px var(--primary-font) !important;
}

.shopping-cart-section .c7-cart__summary__message .c7-cart__promo__summary+div {
    display: none;
}

.shopping-cart-section .c7-cart__summary__totals {
    text-transform: uppercase;
    font: normal normal normal 16px/25px var(--primary-font);
}

.shopping-cart-section .c7-cart__summary__totals .c7-cart-summary>div {
    padding-bottom: .25rem;
    padding-top: .25rem;
}

.shopping-cart-section .c7-cart__summary__totals .c7-cart-summary .c7-cart-summary__total div:last-child {
    font-weight: 600;
}

.shopping-cart-section .c7-cart__wrapper .c7-cart__buttons .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.shopping-cart-section .c7-cart__wrapper .c7-cart__buttons .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-cart__wrapper .c7-cart-summary__total div:first-child {
    text-align: right;
}

/* Checkout Page */
.c7-checkout-summary {
    background-color: var(--light-gray);
}

.c7-checkout-summary h1 {
    font: normal normal bold 18px/25px var(--primary-font);
}

.c7-checkout-summary h2 {
    font: normal normal bold 18px/25px var(--primary-font);
    text-align: center;
}

.c7-checkout-summary .c7-cart__close {
    font-family: var(--primary-font);
    font-size: 14px;
    text-decoration: none;
    text-transform: lowercase;
    line-height: 28px;
}

.c7-checkout-summary a.c7-cart__close {
    color: var(--top-bar-color) !important;
}

.c7-checkout-summary .c7-message--empty-cart {
    padding: 2rem 1rem 1rem !important;
    font: normal normal normal 14px/17px var(--primary-font);
}

.c7-checkout-summary a {
    text-decoration: none;
}

.c7-checkout-summary .c7-cart__carrot {
    background: var(--light-gray) !important;
    color: var(--top-bar-color);
}

.c7-checkout-summary .c7-cart__buttons .c7-button-alt {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--footer-boder-color);
    background-color: transparent;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-checkout-summary .c7-cart__buttons .c7-button-alt:hover {
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
}

.c7-checkout-summary .c7-cart__buttons .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-checkout-summary .c7-cart__buttons .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-checkout-summary .c7-cart-items__image {
    order: 1;
}

.c7-checkout-summary .c7-cart-items__image img {
    max-width: 100%;
}

.c7-checkout-summary .c7-cart-items__quantity {
    order: 2;
}

.c7-checkout-summary .c7-cart-items__title {
    padding-left: 3%;
    font: normal normal normal 18px/25px var(--primary-font);
    order: 3;
    width: 35%;
}

.c7-checkout-summary .c7-cart-items__title a {
    font: normal normal normal 14px/25px var(--primary-font);
}

.c7-checkout-summary .c7-cart-items__price {
    order: 4;
    font: normal normal normal 18px/20px var(--primary-font);
    width: 17%;
    text-align: center;
}

.c7-checkout-summary .c7-cart-items__price span {
    font: normal normal normal 16px/18px var(--primary-font);
}

.c7-checkout-summary .c7-cart-items__item-total {
    order: 4;
    font: normal normal normal 25px/31px var(--primary-font);
}

.c7-checkout-summary .c7-cart-items .c7-cart-items__quantity input {
    border-radius: 3px;
    border: 2px solid var(--footer-boder-color)
}

.c7-checkout-summary .c7-cart-summary>div {
    padding-bottom: .25rem;
    padding-top: .25rem;
}

.c7-checkout-summary .c7-cart-summary__subtotal div:first-child,
.c7-checkout-summary .c7-cart-summary div div:first-child,
.c7-cart-summary__total div:first-child {
    text-align: left;
    font: normal normal normal 16px/20px var(--primary-font);
}

.c7-cart-summary div.c7-cart-items__price {
    width: 40%;
    text-align: right !important;
    font: normal normal normal 16px/20px var(--primary-font) !important;
}

.c7-checkout-summary .c7-cart-summary__total {
    padding-top: 1rem !important;
    ;
}

.c7-checkout-summary .c7-cart-summary__total div:first-child {
    text-transform: uppercase;
}

.c7-checkout-summary .c7-cart-summary__total div:last-child {
    font: normal normal bold 20px/25px var(--primary-font);
}

.c7-checkout-summary .c7-cart-summary__total div:last-child span {
    font: normal normal 500 14px/20px var(--primary-font) !important;
}

.c7-checkout-summary .c7-cart__promo__summary {
    color: var(--top-bar-color);
    font: normal normal normal 14px/20px var(--primary-font) !important;
}

.c7-checkout-summary .c7-form__group input {
    border-radius: 3px;
    background: var(--bs-white);
    border: 2px solid var(--text-light-gray)
}

.c7-checkout-summary .c7-form__group .c7-button {
    border: 2px solid var(--footer-boder-color);
    background-color: transparent;
    border-radius: 3px;
    color: var(--footer-boder-color);
    font: normal normal normal 14px/16px var(--primary-font);
    text-transform: uppercase;
}

.c7-checkout-summary .c7-form__group .c7-button:hover {
    border: 2px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    border-radius: 3px;
}

.c7-checkout-breadcrumbs {
    font: normal normal medium 16px/25px var(--primary-font);
}

.c7-checkout-breadcrumbs a {
    font-weight: bold;
    text-decoration: none;
    color: var(--top-bar-color);
}

.c7-message.c7-message--checkout-legal {
    font: normal normal medium 16px/25px var(--primary-font) !important;
    font-size: 14px;
    color: var(--top-bar-color);
    text-align: left;
    margin-bottom: 3rem;
}

.c7-checkout-template h3 {
    font: normal normal 500 25px/26px var(--primary-font);
    color: var(--top-bar-color);
}

.c7-checkout-template .c7-checkout__content__title a {
    font: normal normal medium 14px/16px var(--primary-font);
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

.c7-checkout-template .c7-checkout__content__account {
    color: var(--text-light-gray);
    font: normal normal medium 14px/16px var(--primary-font);
    font-size: 12px;
}

.c7-checkout-template [for="c7-email"],
.c7-checkout-template .label,
.c7-checkout-template [for="c7-firstName"],
.c7-checkout-template [for="c7-lastName"],
.c7-checkout-template [for="c7-company"],
.c7-checkout-template [for="c7-address"],
.c7-checkout-template [for="c7-address2"],
.c7-checkout-template [for="c7-city"],
.c7-checkout-template [for="c7-stateCode"],
.c7-checkout-template [for="c7-zipCode"],
.c7-checkout-template [for="c7-phone"],
.c7-checkout-template [for="c7-countryCode"],
.c7-checkout-template [for="c7-password"],
.c7-checkout-template [for="c7-cardNumber"],
.c7-checkout-template [for="c7-expiryMo"],
.c7-checkout-template [for="c7-expiryYr"],
.c7-checkout-template [for="c7-cvv2"],
.c7-checkout-template [for="c7-cardHolderName"],
.c7-account__create-account span.label,
.c7-checkout-template [for="c7-emailMarketingStatus"],
.c7-checkout-template [for="c7-confirmPassword"],
.c7-account__create-account [for="c7-email"],
.c7-account__create-account .label,
.c7-account__create-account [for="c7-firstName"],
.c7-account__create-account [for="c7-lastName"],
.c7-account__create-account [for="c7-company"],
.c7-account__create-account [for="c7-address"],
.c7-account__create-account [for="c7-address2"],
.c7-account__create-account [for="c7-city"],
.c7-account__create-account [for="c7-stateCode"],
.c7-account__create-account [for="c7-zipCode"],
.c7-account__create-account [for="c7-phone"],
.c7-account__create-account [for="c7-countryCode"],
.c7-account__create-account [for="c7-password"],
.c7-account__create-account [for="c7-cardNumber"],
.c7-account__create-account [for="c7-expiryMo"],
.c7-account__create-account [for="c7-expiryYr"],
.c7-account__create-account [for="c7-cvv2"],
.c7-account__create-account [for="c7-cardHolderName"],
.c7-account__create-account [for="c7-emailMarketingStatus"],
.c7-account__create-account [for="c7-confirmPassword"] {
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: bold;
}

.c7-checkout-template input,
.c7-checkout-template select,
.c7-account__create-account input,
.c7-account__create-account select {
    border-radius: 3px !important;
    background: var(--bs-white) !important;
    border: 2px solid #D8DADC !important;
}

.c7-checkout-template .c7-message--error {
    font-size: 12px;
    font-family: var(--primary-font);
}

.c7-checkout-template .c7-checkout__content__buttons a {
    /* border: 2px solid var(--footer-boder-color); */
    background-color: transparent;
    border-radius: 3px;
    color: var(--footer-boder-color);
    font: normal normal normal 12px/16px var(--primary-font);
    text-transform: uppercase;
    /* padding: 0.5rem 1.5rem; */
    text-decoration: none;
}

/* .c7-checkout-template .c7-checkout__content__buttons a:hover{
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
} */
.c7-checkout-template .c7-checkout__content__buttons .c7-button {
    display: block;
    max-width: 20rem;
    margin: auto;
    width: 100%;
    border: 2px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    border-radius: 3px;
    font: normal normal normal 14px/16px var(--primary-font);
    text-transform: uppercase;
    margin-right: 0;
}

.c7-checkout-template .c7-checkout__content__buttons .c7-button:hover {
    background-color: transparent;
    color: var(--footer-boder-color);
}

.c7-checkout-template .c7-checkout__footer li a {
    font: normal normal medium 14px/16px var(--primary-font);
    font-size: 12px;
    color: var(--bs-blue);
    text-decoration: none;
    cursor: pointer;
}

.c7-checkout-template .c7-checkout__content__buttons {
    margin-top: 30px;
}

.c7-checkout-template .c7-checkout__main h1 {
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.c7-checkout-template .c7-account-login h4 {
    font: normal normal 400 18px/20px var(--primary-font);
    color: var(--top-bar-color);
    margin-top: 30px;
}

.c7-checkout-template .c7-account-login--new p {
    font: normal normal normal 16px/18px var(--primary-font);
    color: var(--top-bar-color);
}

.c7-checkout-template .c7-account-login--new .c7-button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
    display: block;
}

.c7-checkout-template .c7-account-login--new .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-checkout-template #c7-promoCode+.c7-button {
    width: auto;
}

.c7-checkout__content__buttons .c7-button {
    margin: initial !important;
}

.c7-checkout-template .c7-form .c7-button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 5px 30px;
    display: block;
    text-align: center;
    margin: auto;
    width: 100%;
}

.c7-checkout-template .c7-form .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-checkout-template .c7-account-login p {
    font: normal normal normal 16px/18px var(--primary-font);
    color: var(--top-bar-color);
}

.c7-checkout-template .c7-account-login a {
    font: normal normal normal 16px/18px var(--primary-font);
    text-decoration: none;
}

.c7-checkout-template .c7-message--login-security {
    font: normal normal 400 12px/18px var(--primary-font);
    color: var(--top-bar-color);
    text-decoration: none;
}

.c7-checkout-template .c7-message--login-security a {
    font: normal normal 600 12px/18px var(--primary-font);
    text-decoration: none;
}

.c7-checkout-template .c7-message--login-questions {
    font: normal normal 400 12px/18px var(--primary-font);
    color: var(--top-bar-color);
    text-decoration: none;
}

.c7-checkout-template .c7-message--login-questions a {
    font: normal normal 600 12px/18px var(--primary-font);
    text-decoration: none;
}

/* Chckout Summary Page */
.c7-checkout-template .c7-checkout__content__summary div {
    position: relative;
}

.c7-checkout-template .c7-checkout__content__summary div>a {
    font: normal normal normal 11px/16px var(--primary-font);
    color: transparent;
    position: absolute;
    top: 0px;
    right: 10px;
}

.c7-checkout-template .c7-checkout__content__summary div>a:after {
    content: '';
    background: transparent url('../img/edit-pen.svg') 0% 0% no-repeat padding-box;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.c7-checkout-template .c7-checkout__content__summary {
    background: var(--light-gray);
    border-radius: 3px;
}

.c7-checkout-template .c7-checkout__main h2 {
    font: normal normal bold 22px/25px var(--primary-font)
}

.c7-checkout-template .c7-checkout__main h4 {
    font: normal normal 500 20px/22px var(--primary-font)
}

.c7-checkout-template .c7-checkout__main h2 span {
    font: normal normal 500 16px/25px var(--primary-font)
}

.c7-checkout-template .c7-order__buttons .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-checkout-template .c7-order__buttons .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-checkout-template span strong {
    display: block;
    margin-bottom: -10px;
}

.c7-icon.c7-icon--help a {
    color: var(--bs-blue);
}

.c7-modal__content .c7-button {
    width: initial !important;
    margin: initial !important;
}

.c7-modal__content .c7-form__button-row .c7-button-alt {
    border: 2px solid var(--footer-boder-color);
    padding: 5px 30px;
    font: normal normal medium 18px/26px var(--primary-font);
    text-decoration: none;
    color: var(--footer-boder-color) !important;
    border-radius: 3px;
}

.c7-modal__content label[for="c7-comments"] {
    text-align: left;
}

.c7-modal__content .c7-form__button-row .c7-button-alt:hover {
    background-color: var(--footer-boder-color) !important;
    color: var(--bs-white) !important;
}

.c7-modal__content .c7-button {
    background-color: var(--footer-boder-color) !important;
    color: var(--bs-white) !important;
    border: 2px solid var(--footer-boder-color);
    padding: 5px 30px;
    font: normal normal medium 18px/26px var(--primary-font);
    text-decoration: none;
    border-radius: 3px;
}

.c7-modal__content .c7-button:hover {
    background-color: transparent !important;
    color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
}

/* Instagram Feeds Section */
.instagram-feeds-section {
    background-color: var(--light-gray);

}

.instagram-feeds-section .instagram-feeds-section-title {
    position: relative;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color) !important;
}

.instagram-feeds-section .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 25%;
    max-width: 200px;
}

/* Newsletter Section */
.newsletter-section .newsletter-section-title {
    position: relative;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

.newsletter-section .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 25%;
    max-width: 200px;
}

.newsletter-section .c7-subscribe .c7-form {
    display: flex;
    justify-content: center;
    margin: auto;
}

.newsletter-section #c7-email-error {
    position: absolute;
    left: 0;
    bottom: -30px;
}

.newsletter-section .c7-subscribe .c7-form .c7-form__button-row {
    height: 40px;
    bottom: -24px;
    font: normal normal medium 18px/25px var(--primary-font);
}

.newsletter-section .c7-subscribe .c7-form .c7-form__button-row button {
    border-radius: 0 3px 3px 0;
    background-color: var(--footer-boder-color);
    border: 2px solid var(--footer-boder-color);
}

.newsletter-section .c7-subscribe .c7-form .c7-form__button-row:hover button {
    color: var(--footer-boder-color);
    background-color: var(--bs-white);
}

.newsletter-section .c7-subscribe .c7-subscribe-message h3 {
    font: normal normal normal 25px/32px var(--primary-font);
}

.newsletter-section .c7-subscribe .c7-subscribe-message p {
    font: normal normal medium 18px/25px var(--primary-font);
}

/* Collection Page */
.shop-header-section {
    max-height: 300px;
    position: relative;
}

.shop-header-section img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.shop-header-section h1 {
    text-align: center;
    z-index: 9;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: normal normal bold 50px/63px var(--primary-font);
}

.collection-section .nav-tabs .nav-link {
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--text-light-gray);
}

.collection-section .c7-product__photo img {
    max-height: 330px;
}

.collection-section .c7-product__photo {
    width: 40%;
    display: inline-flex;
    justify-content: center;
    position: relative;
}

.collection-section .nav-tabs .nav-item.show .nav-link,
.collection-section .nav-tabs .nav-link.active {
    color: var(--top-bar-color);
    border-bottom: 2px solid var(--footer-boder-color) !important;
}

.collection-section .c7-product-collection .c7-product__title.c7-title {
    font: normal normal 500 22px/26px var(--primary-font);
    color: var(--top-bar-color);
    min-height: 55px;
}

.collection-section .c7-product-collection .c7-product__teaser {
    font: normal normal normal 16px/22px var(--primary-font);
    color: var(--top-bar-color);
    min-height: 55px;
}

.collection-section .c7-product-collection .c7-product__teaser p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.collection-section .c7-product-collection .c7-badge.c7-badge--new {
    font: normal normal bold 12px/15px var(--primary-font);
    display: block;
    width: 59px;
    height: 35px;
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    position: absolute;
    padding: 2px;
    left: 0;
}

.collection-section .c7-product-collection .c7-badge.c7-badge--new::after {
    border-bottom: 50px solid transparent;
    content: '';
    width: 0;
    height: 0;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid var(--footer-boder-color);
    position: absolute;
    top: 35px;
    left: 0;
}

.collection-section .c7-product-collection .c7-badge.c7-badge--limited {
    font: normal normal bold 12px/15px var(--primary-font);
    display: block;
    width: 59px;
    height: 35px;
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    padding: 2px;
}

.collection-section .c7-product-collection .c7-badge.c7-badge--limited::after {
    border-bottom: 50px solid transparent;
    content: '';
    width: 0;
    height: 0;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid var(--footer-boder-color);
    position: absolute;
    top: 35px;
    left: 0;
}

.collection-section .c7-product__variant__price {
    min-height: 70px;
}

.collection-section .c7-product__variant__price .c7-product__variant__price__compare {
    font: normal normal normal 25px/31px var(--primary-font);
    color: var(--top-bar-color);
}

.collection-section .c7-product__variant__price .c7-product__variant__price__sale,
.collection-section .c7-product__variant__price .c7-product__variant__price__normal {
    font: normal normal normal 30px/38px var(--primary-font);
    color: var(--top-bar-color);
}

.collection-section .c7-product__variant__add-to-cart .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--footer-boder-color);
    background-color: transparent;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.collection-section .c7-product__variant__add-to-cart .c7-button:hover {
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
}

.collection-section .c7-product__variant__add-to-cart label input {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--footer-boder-color);
    background-color: transparent;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.collection-section .c7-product__login-message {
    font: normal normal 400 12px/16px var(--primary-font);
    color: var(--text-light-gray);
}

.collection-section .c7-product__login-message button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
}

.collection-section .c7-product__login-message button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.keyholder-join-section {
    background-color: var(--light-gray);
}

.keyholder-join-section .software-consultation-section-title {
    font: normal normal bold 30px/39px var(--primary-font);
}

.keyholder-icon {
    width: 35px;
    height: 35px;
    background-image: url('../img/keyholder_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 15px;
}

/* Product Detail Page */
.c7-product-detail__photo img {
    max-width: 100%;
}

.c7-product-detail .c7-product__login-message button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
}

.c7-product-detail .c7-product__login-message button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-product-detail .c7-product-detail__titles {
    width: 65%;
}

.c7-product-detail .c7-product-detail__titles h1 {
    font-family: var(--primary-font) !important;
    font-size: 20px;
    line-height: 36px;
    font-weight: 600;
    color: var(--top-bar-color);
    text-align: left !important;
}

.c7-product-detail .c7-product-detail__titles .c7-product-detail__subtitle.c7-subtitle {
    font: normal normal 500 18px/23px var(--primary-font) !important;
    color: var(--top-bar-color);
}

.c7-product-detail .c7-product-detail__info p {
    font: normal normal medium 14px/17px var(--primary-font);
}

.c7-product-detail .c7-product__variant__add-to-cart {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
}

.c7-product-detail .c7-product__variant__add-to-cart label {
    margin: 30px 0;
}

.c7-product-detail .c7-product__variant__add-to-cart button {
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
}

.c7-product-detail .c7-product__variant__add-to-cart button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.c7-product-detail .c7-product__variant__add-to-cart label input {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--footer-boder-color);
    background-color: transparent;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-product-detail .c7-product-detail__photo {
    position: relative;
}

.c7-product-detail .c7-badge.c7-badge--new {
    position: absolute;
    top: 0;
    font: normal normal bold 12px/15px var(--primary-font);
    display: block;
    width: 59px;
    height: 35px;
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    padding: 2px;
}

.c7-product-detail .c7-badge.c7-badge--new::after {
    border-bottom: 50px solid transparent;
    content: '';
    width: 0;
    height: 0;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid var(--footer-boder-color);
    position: absolute;
    top: 35px;
    left: 0;
}

.c7-product-detail .c7-badge--award {
    position: absolute;
    top: 0;
    font: normal normal bold 12px/15px var(--primary-font);
    display: block;
    width: 59px;
    height: 35px;
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    padding: 2px;
}

.c7-product-detail .c7-badge--award::after {
    border-bottom: 50px solid transparent;
    content: '';
    width: 0;
    height: 0;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid var(--footer-boder-color);
    position: absolute;
    top: 35px;
    left: 0;
}

.c7-product-detail .c7-badge--limited {
    position: absolute;
    top: 0;
    font: normal normal bold 12px/15px var(--primary-font);
    display: block;
    width: 59px;
    height: 35px;
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    padding: 2px;
}

.c7-product-detail .c7-badge--limited::after {
    border-bottom: 50px solid transparent;
    content: '';
    width: 0;
    height: 0;
    border-right: 29px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid var(--footer-boder-color);
    position: absolute;
    top: 35px;
    left: 0;
}

.c7-product-detail .c7-product__variant__price .c7-product__variant__price__compare {
    font: normal normal 400 22px/26px var(--primary-font);
    color: var(--text-light-gray);
}

.c7-product-detail .c7-product__variant__price .c7-product__variant__price__sale {
    font: normal normal bold 30px/39px var(--primary-font);
    color: var(--top-bar-color);
}

.c7-product-detail .c7-product__variant__price .c7-product__variant__price__normal {
    font: normal normal bold 30px/39px var(--primary-font);
    color: var(--top-bar-color);
}

.c7-product-detail .nav-link {
    padding: .5rem 1rem .5rem 0rem;
    font: normal normal 500 18px/23px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.c7-product-detail .nav-link.active {
    color: var(--footer-boder-color);
    font-weight: 600;
    position: relative;
}

/* .c7-product-detail .nav-link.active:before {
    position: absolute;
    content: '';
    width: 90%;
    height: 1px;
    background-color: var(--footer-boder-color);
    bottom: 0;
    left: 0;
} */
.c7-product-detail .c7-product-description-content .line {
    border-bottom: 1px solid var(--footer-boder-color);
    width: 25%;
    display: block;
}

.c7-product-detail .c7-product-detail__photo__thumbs {
    padding: 1rem !important;
}

.c7-product-detail .c7-product-detail__photo__thumbs a img {
    height: 150px;
    margin: 10px;
    border: 2px solid var(--footer-boder-color);
    width: 100px;
    object-fit: contain;
    border-radius: 5px;
}

.product-detail-faq-section {
    background-color: var(--light-gray);
}

.product-detail-faq-title {
    font: normal normal bold 30px/39px var(--primary-font);
}

.question-section-title {
    font: normal normal normal 24px/26px var(--primary-font);
}

.product-detail-faq-section .accordion-header button {
    font: normal normal normal 22px/26px var(--primary-font);
    color: var(--footer-boder-color);
}

.product-detail-faq-section .accordion-body {
    font: normal normal normal 16px/20px var(--primary-font);
}

.product-video-section {
    background-color: var(--light-gray);
}

.product-video-section .featured-video-player {
    max-width: 700px;
}

.product-video-section .productvideo-title {
    font: normal normal bold 30px/39px var(--primary-font);
}

.product-video-section .leader-line {
    display: block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 20%;
    margin: auto;
}

.suggested-wines-title {
    font: normal normal bold 30px/39px var(--primary-font);
}

.suggested-wines-section .leader-line {
    display: block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 15%;
    margin: auto;
}

.suggested-wines-section .c7-product-collection.slick-initialized.slick-slider {
    max-width: 90%;
}

.suggested-wines-section .slick-initialized .slick-slide .c7-product__photo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.suggested-wines-section .slick-initialized .slick-slide .c7-product__photo img {
    margin: auto;
    max-height: 260px;
}

.suggested-wines-section .slick-initialized .slick-slide .c7-product__info {
    margin: auto;
    width: 100%;
}

.suggested-wines-section .slick-initialized .slick-slide .c7-product__title.c7-title {
    margin: auto;
    margin-top: 15px;
    font: normal normal normal 18px/20px var(--primary-font);
    min-height: 40px;
}

.suggested-wines-section .slick-initialized .slick-slide .c7-product__variant__price {
    font: normal normal normal 18px/23px var(--primary-font);
}

/* Keyholders Section */

.keyholder-header-section {
    max-height: 300px;
    position: relative;
}

.keyholder-header-section img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.keyholder-header-section h1 {
    text-align: center;
    z-index: 9;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: normal normal bold 50px/63px var(--primary-font);
}

.keyholder-section-wrapper .software-consultation-section-title {
    position: relative;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

.keyholder-section-wrapper .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 25%;
}

.keyholder-section-wrapper .software-consultation-section-desc {
    font: normal normal normal 18px/22px var(--primary-font);
    color: var(--top-bar-color);
}

.keyholder-section-wrapper {
    background-color: var(--light-gray) !important;
    ;
    position: relative;
}

.keyholder-section-wrapper h1 {
    display: none;
}

.keyholder-section-wrapper .c7-club-list {
    display: flex;
    justify-content: center;
    max-width: 75rem;
    margin: auto;
    display: grid;
    grid-auto-flow: column;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item {
    flex-direction: column;
    max-width: 450px;
    background-color: var(--bs-white) !important;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.11);
    margin: auto 10px;
    transition: all ease-in-out 0.5s;
    height: 100%;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item:hover {
    margin-top: -15px !important;
    transition: all ease-in-out 0.5s;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__image {
    width: 100%;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__image img {
    max-width: 100%;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__content {
    width: 100%;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__content h2 {
    text-align: center;
    font: normal normal bold 20px/26px var(--primary-font);
    margin: 15px auto !important;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__content p {
    font: normal normal normal 16px/18px var(--primary-font);
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__content .club-price-wrapper strong {
    font: normal normal 900 20px/18px var(--primary-font);
    color: var(--footer-boder-color);
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__content .c7-button {
    display: block;
    text-align: center;
    margin: 30px auto 0 auto;
    max-width: 190px;
    font: normal normal medium 18px/26px var(--primary-font) !important;
    color: var(--bs-white);
    background-color: var(--footer-boder-color) !important;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 10px 30px;
}

.keyholder-section-wrapper .c7-club-list .c7-club-list__item .c7-club-list__item__content .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

/* Reservation Page */
.rdt.date-picker::after {
    border-top-color: transparent;
    border-top-color: currentColor;
    content: '\f073';
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 30%;
    font-family: "Font Awesome 5 Pro";
}

.reservation-header-section {
    max-height: 300px;
    position: relative;
}

.reservation-header-section img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.reservation-header-section h1 {
    text-align: center;
    z-index: 9;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: normal normal bold 50px/63px var(--primary-font);
}

.reservation-usp-section {
    background-color: var(--light-gray);
}

.reservation-usp-section .usp-icon {
    max-width: 26.24px;
    /* filter: grayscale(100%) brightness(50%) invert(50%); */
}

.reservation-usp-section .usp-title {
    font: normal normal normal 20px/25px var(--primary-font);
}

.reservation-usp-section .usp-desc {
    font: normal normal normal 14px/26px var(--primary-font);
}

/* .reservation-vale-section{
} */
.reservation-vale-section-wrapper img {
    width: 638px;
    max-height: 350px;
    object-fit: cover;
}

.reservation-vale-section-wrapper.img-left {
    float: inline-end;
}

.reservation-vale-section-desc-wrapper .reservation-vale-section-title {
    position: relative;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

.reservation-vale-section-desc-wrapper .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 22%;
}

.reservation-vale-section-desc-wrapper .reservation-vale-section-desc {
    font: normal normal normal 18px/22px var(--primary-font);
    color: var(--top-bar-color);
}

.wine-flights-section {
    background-color: var(--light-gray) !important;
    ;
    position: relative;
}

.wine-flights-section .wine-flights-section-title {
    position: relative;
    font: normal normal bold 25px/32px var(--primary-font);
    color: var(--top-bar-color);
}

.wine-flights-section .leader-line {
    display: inline-block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 15%;
}

.wine-flight-wrapper {
    height: 100%;
    min-height: 560px;
}

.wine-flight-wrapper img {
    max-height: 145px;
    height: 145px;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.wine-flight-wrapper .wine-flight-title {
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
}

.wine-flight-wrapper .wine-flight-title a {
    text-decoration: none;
    color: inherit;
}

.wine-flight-wrapper .wine-flight-description-wrapper {
    font: normal normal normal 18px/26px var(--primary-font);
    color: var(--text-light-gray);
}

/* About Page */
.about-section-header {
    max-height: 300px;
    position: relative;
}

.about-section-header img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.about-section-header h1 {
    text-align: center;
    z-index: 9;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: normal normal bold 50px/63px var(--primary-font);
}

.history-tabs-section .nav-tabs .nav-link {
    font: normal normal 500 20px/26px var(--primary-font);
    color: var(--text-light-gray);
}

.history-tabs-section .nav-tabs .nav-item.show .nav-link,
.history-tabs-section .nav-tabs .nav-link.active {
    color: var(--top-bar-color);
    border-bottom: 2px solid var(--footer-boder-color) !important;
}

.history-tabs-section .alignright {
    float: right;
    margin-left: 15px;
}

.history-tabs-section .alignleft {
    float: left;
    margin-right: 15px;
}

.history-tabs-section .gallery {
    display: flex;
    flex-wrap: wrap;
}

.history-tabs-section .gallery .gallery-item {
    font: normal normal normal 18px/24px var(--primary-font);
}

.history-tabs-section .gallery.gallery-columns-4 .gallery-item {
    width: 25%;
    text-align: center;
}

.history-tabs-section .gallery.gallery-columns-4 .gallery-item img {
    min-width: 100%;
    height: 100%;
    max-width: 324px;
    max-height: 324px;
    object-fit: cover;
}

.history-tabs-section .gallery.gallery-columns-2 .gallery-item {
    width: 50%;
    text-align: center;
}

.history-tabs-section .gallery.gallery-columns-2 .gallery-item img {
    min-width: 100%;
    height: 100%;
    max-height: 324px;
    object-fit: cover;
}

.history-tabs-section .gallery.gallery-columns-5 .gallery-item {
    width: 20%;
    text-align: center;
    margin: 0;
}

.history-tabs-section .gallery.gallery-columns-5 .gallery-item img {
    min-width: 100%;
    height: 100%;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
    filter: grayscale(100);
    transition: all ease-in-out 0.5s;
}

.history-tabs-section .gallery.gallery-columns-5 .gallery-item img:hover {
    filter: grayscale(0);
    transition: all ease-in-out 0.5s;
    transform: scale(1.015);
}

.grayscale-filter img {
    filter: grayscale(100);
    transition: all ease-in-out 0.5s;
}

.grayscale-filter img:hover {
    filter: grayscale(0);
    transition: all ease-in-out 0.5s;
    transform: scale(1.015);
}

.gallery-about-us li img {
    filter: grayscale(100);
    transition: all ease-in-out 0.5s;
    max-height: 350px !important;
}

.gallery-about-us li img:hover {
    filter: grayscale(0);
    transition: all ease-in-out 0.5s;
    transform: scale(1.015);
}

.background-section-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.background-section-wrapper::after {
    position: absolute;
    content: '';
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.background-description-wrapper {
    z-index: 1;
}

.background-description-wrapper .background-desc {
    font: normal normal normal 18px/22px var(--primary-font);
    color: var(--bs-light);
    max-width: 1209px
}

.history-tabs-section .profile-name {
    font: normal normal bold 25px/32px var(--primary-font);
}

.history-tabs-section .profile-content {
    font: normal normal normal 18px/24px (--primary-font);
}

.accordion-button {
    font: normal normal bold 16px/21px var(--primary-font);
    color: var(--top-bar-color);

}

.accordion-button:focus {
    box-shadow: none;
    outline: 0;
}

.accordion-button:not(.collapsed) {
    color: var(--top-bar-color);
}

.accordion-item {
    border: 1px solid var(--light-gray) !important;
}

.accordion-item:not(:first-of-type) {
    border: 1px solid var(--light-gray) !important;
}

.accordion-button::after {
    filter: grayscale(100%);
}

.reservation-slots-section .c7-reservation-widget .c7-form {
    max-width: 60rem;
}

.c7-reservation-widget .c7-form__group input,
.c7-reservation-widget .c7-form__group select,
.reservation-slots-section .c7-experience__content select {
    font: normal normal 500 14px/20px var(--primary-font) !important;
    background-color: var(--bs-white);
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    height: 45px;
}

.c7-reservation-widget .c7-button {
    font: normal normal medium 18px/26px var(--primary-font);
    color: var(--bs-white);
    background-color: var(--footer-boder-color);
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    text-transform: uppercase;
}

.c7-reservation-widget .c7-button:hover {
    color: var(--footer-boder-color);
    background-color: transparent !important;
}

.reservation-slots-section .c7-experiences {
    margin: 30px auto;
    display: flex;
}

.reservation-slots-section .c7-experience {
    flex-direction: column;
    width: 30%;
    margin: 20px;
    background-color: var(--bs-white);
    border: 1px solid var(--light-gray);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.reservation-slots-section .c7-experience__image img {
    max-width: 100%;
    max-height: 145px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.reservation-slots-section .c7-experience .c7-experience__image {
    width: 100%;
}

.reservation-slots-section .c7-experience .c7-experience__content {
    width: 100%;
    text-align: center;
    font-family: var(--primary-font);
    font-size: 14px;
    line-height: 19px;
}

.reservation-slots-section .c7-experience .c7-experience__content h2 {
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
}

.reservation-slots-section .c7-experiences__footer {
    display: none;
}

.reservation-slots-section .c7-experience .c7-experience__content .c7-product__variant__price {
    color: var(--text-light-gray);
}

.reservation-slots-section .c7-experience__content button {
    font-size: 14px;
}

.reservation-slots-section .c7-experience__content button {
    font-size: 14px;
    border: 2px solid var(--footer-boder-color);
    border-radius: 3px;
    color: var(--footer-boder-color);
}

.reservation-slots-section .c7-experience__content button:hover {
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
}

.reservation-slots-section .c7-experience__content label[for="c7-reservation-option"] {
    text-align: left;
}

.reservation-slots-section label {
    font-weight: 500;
    font-size: 12px;
}

/* Privacy Policy */
.privacy-policy-header-section {
    max-height: 300px;
    position: relative;
}

.privacy-policy-header-section img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.privacy-policy-header-section h1 {
    text-align: center;
    z-index: 9;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: normal normal bold 50px/63px var(--primary-font);
}

.privacy-policy-header-section h1 a {
    color: var(--bs-white);
    text-decoration: none;
}

.privacy-policy-wrapper h2 {
    font-family: var(--primary-font);
    margin-top: 20px;
}

.privacy-policy-wrapper h3 {
    font-family: var(--primary-font);
    margin-top: 20px;
}

.privacy-policy-wrapper a {
    color: var(--footer-boder-color);
}

.privacy-policy-wrapper .leader-line {
    display: block;
    border-bottom: 1px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    width: 20%;
    margin: auto;
}

/* Footer */
.site-footer {
    font-family: var(--primary-font);
    background-color: #222323;
    color: #fff;
    position: relative;
    border-bottom: 5px solid var(--nav-overlay-cta);
}

.scroll-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    background-color: #111827;
    border: 1px solid #111827;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 99999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.scroll-top:hover {
    background-color: #0d9488;
    border-color: #0d9488;
    box-shadow: 0 4px 15px rgba(13, 148, 136, 0.3);
}

.footer-logo {
    height: 40px;
    width: auto;
}

.footer-tagline {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9375rem;
    line-height: 1.6;
    max-width: 380px;
}

/* Social Icons */
.footer-social-icons {
    display: flex;
    gap: 0.5rem;
}

.footer-social-icon {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
}

.footer-social-icon:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

/* Footer Headings */
.footer-heading {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/* Footer Menu */
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 0.75rem;
}

.footer-menu li a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.9375rem;
    transition: color 0.3s ease;
}

.footer-menu li a:hover {
    color: #fff;
}

/* Offices */
.footer-office-name {
    color: #22d3ee;
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
}

.footer-office-address {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
    line-height: 1.6;
}

/* Footer Bottom */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-copyright {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px!important;
}

/* Responsive */
@media (max-width: 991.98px) {
    .scroll-top {
        bottom: 1.5rem;
        right: 1.5rem;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .footer-heading {
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
    }
}

/* Other CSS */


.slick-prev {
    left: 0;
    transform: rotate(180deg);
}

.slick-next {
    right: 0;
}

.slick-arrow {
    top: 48%;
    height: 25px;
    width: 25px;
    margin-top: -13px;
    position: absolute;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
    border: none;
    background-image: url('../img/chevron-right.svg');
    background-repeat: no-repeat;
    z-index: 999;
    background-color: var(--footer-boder-color);
    border-radius: 50%;
    background-position: center;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

.slick-dots li {
    margin: 0 0.25rem;
}

.slick-dots button {
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: var(--text-light-gray);
    text-indent: -9999px;
}

.slick-dots li.slick-active button {
    background-color: var(--footer-boder-color);
}

/* Slider Rev */
.tp-video-play-button {
    top: 90%;
    width: 30px;
    height: 30px;
}

.tp-video-play-button i {
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    font-size: 20px !important;
}

/* Commerce 7 Override CSS */
.c7-modal {
    z-index: 999999;
}

.c7-modal__content {
    border-radius: 16px;
}

.c7-modal__content .c7-account-login .c7-form label {
    margin: auto;
    text-align: left;
}

.c7-modal__content .c7-form>div {
    text-align: center;
}

.c7-modal__content .c7-form>div .c7-message--error {
    display: block;
    font-size: 12px;
}

.c7-modal__content .c7-form>div input {
    border-radius: 3px;
    background: var(--bs-white);
    border: 2px solid var(--light-gray)
}

.c7-modal__content .c7-account-login .c7-button {
    display: block;
    max-width: 20rem;
    margin: auto !important;
    width: 100%;
    border: 2px solid var(--footer-boder-color);
    background-color: transparent;
    border-radius: 3px;
    color: var(--footer-boder-color);
    font: normal normal normal 14px/16px var(--primary-font);
    text-transform: uppercase;
}

.c7-modal__content .c7-account-login .c7-button:hover {
    border: 2px solid var(--footer-boder-color);
    background-color: var(--footer-boder-color);
    color: var(--bs-white);
    border-radius: 3px;
}

.c7-modal__content h2 {
    border-radius: 16px;
    font: normal normal bold 20px/26px var(--primary-font);
    color: var(--top-bar-color);
    text-align: center;
}

.c7-account-login {
    text-align: center;
}

.c7-modal::before {
    background: rgba(0, 0, 0, 0.8);
}

.c7-modal__content .c7-message.c7-message--login-security {
    display: none;
}

.c7-modal__content .c7-message.c7-message--login-questions {
    display: none;
}

.c7-modal__content a {
    color: var(--bs-primary) !important;
    cursor: pointer;
}

.c7-modal__content .c7-modal__close {
    font-family: var(--primary-font);
    font-size: 14px;
    text-decoration: none;
    text-transform: lowercase;
    line-height: 28px;
}

.c7-modal__content a.c7-modal__close {
    color: var(--top-bar-color) !important;
}

div.c7-message--error {
    background: var(--default-dark-color) !important;
}

.c7-button-small {
    background-color: var(--footer-boder-color);
    border: 1px solid var(--footer-boder-color);
    border-radius: 3px;
}

.c7-button-small:hover {
    background-color: transparent !important;
    border: 1px solid var(--footer-boder-color);
    color: var(--footer-boder-color);
}

.c7-button-alt-small {
    border-radius: 3px;
    border: 1px solid var(--footer-boder-color);
    color: var(--footer-boder-color);
}

.c7-button-alt-small:hover {
    background-color: var(--footer-boder-color) !important;
    border: 1px solid var(--bs-white);
    color: var(--bs-white);
}

/* Splash Screens */
.age-gate-form {
    display: inline-grid;
    color: var(--top-bar-color);
    background-color: transparent !important;
}

.age-gate-heading.age-gate-logo {
    order: 2;
    margin: 30px auto;
}

.age-gate-challenge {
    font: normal normal bold 30px/39px var(--primary-font);
    order: 1;
    color: var(--top-bar-color);
}

.age-gate-submit-no {
    display: none;
    color: var(--top-bar-color);
}

.age-gate-submit-yes {
    order: 3;
    border: none;
    background-color: transparent;
    font: normal normal bold 30px/39px var(--primary-font);
    color: var(--top-bar-color);
}


/* Utilities CSS */

.slider-static-content-toggle {
    font-family: 'FontAwesome' !important;
}

.w-20 {
    width: 20%;
}

.boject-cover {
    object-fit: cover;
}

/* Autocomplete UI */
.ui-widget-content {
    border-color: var(--light-gray);
    border-radius: 3px;
    margin: auto;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    z-index: 9;
}

.ui-menu .ui-menu-item {
    padding: 10px 10px !important;
    font-size: 14px;
    font-family: var(--primary-font);
    font-weight: 400;
}

/* Sitemap */
.simple-sitemap-wrap h3 {
    font-family: var(--primary-font);
}

.simple-sitemap-wrap ul {
    list-style-type: circle;
}

.simple-sitemap-wrap ul a {
    text-decoration: none;
    font-weight: var(--primary-font);
    color: var(--text-light-gray);
}

/* Product Short Desc - Read More/Less  */
.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    font-weight: 600;
    margin-left: 2px;
    color: var(--footer-boder-color);
    cursor: pointer;
    font-size: 12px;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

button:focus-visible,
a:focus-visible,
i:focus-visible,
li:focus-visible {
    border: none;
    outline: 0;
    box-shadow: none;
}

/* Feather Icons */
.f-24 {
    width: 24px;
    height: 24px;
}


div.wpforms-container-full .wpforms-form input[type="date"],
div.wpforms-container-full .wpforms-form input[type="datetime"],
div.wpforms-container-full .wpforms-form input[type="datetime-local"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="month"],
div.wpforms-container-full .wpforms-form input[type="number"],
div.wpforms-container-full .wpforms-form input[type="password"],
div.wpforms-container-full .wpforms-form input[type="range"],
div.wpforms-container-full .wpforms-form input[type="search"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="time"],
div.wpforms-container-full .wpforms-form input[type="url"],
div.wpforms-container-full .wpforms-form input[type="week"],
div.wpforms-container-full .wpforms-form select {
    color: #1E1E1E !important;
    border: 1px solid #222323 !important;
    height: 55px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form textarea {
    color: #1E1E1E !important;
    border: 1px solid #222323 !important;
    max-height: 100px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form .is-focused .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown {
    border: 1px solid #222323 !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--bs-light) !important;
}

.breadcrumb-item {
    color: var(--footer-boder-color) !important;
}

.breadcrumb-item a {
    color: var(--bs-light);
    text-decoration: none;
}

.page-item .page-link {
	width: 3rem;
	height: 3rem;
	text-align: center;
	line-height: 1.8;
    background-color: var(--default-dark-color);
    color: var(--footer-boder-color);
}
.page-item .page-link.active{
    background-color: var(--footer-boder-color);
    color: var(--bs-light);
}
html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.address-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.datepicker-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.dropdown-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.email-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.oneLineText-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk- .is-required-true .field-cover.textarea-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.address-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.datepicker-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.dropdown-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.email-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.oneLineText-cover::after, html .formcraft-css .fc-form.label-placeholder.remove-asterisk-false .is-required-true .field-cover.textarea-cover::after {
	right: 8px;
}

/* Figma overlay navigation + video hero */
#wrapper-navbar.site-header {
    z-index: 2000;
    width: 100%;
    background-color: #222323;
    box-shadow: none;
}

#wrapper-navbar.site-header.is-home-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
}

#wrapper-navbar.site-header .site-header-nav {
    position: relative;
    z-index: 2010;
    padding-top: 1.15rem;
    padding-bottom: 1.15rem;
    background: transparent;
    box-shadow: none;
    border: 0;
}

#wrapper-navbar.site-header .site-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    width: 100%;
}

#wrapper-navbar.site-header .top-bar-logo-wrapper-section,
#wrapper-navbar.site-header .top-bar-logo-wrapper {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    order: 0 !important;
    width: auto !important;
    max-width: calc(100% - 8.5rem);
    margin: 0 !important;
    text-align: left !important;
}

#wrapper-navbar.site-header .navbar-brand {
    margin: 0;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.site-wordmark {
    color: #ffffff !important;
    font-size: 2.85rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 1399.98px) {
    .site-wordmark {
        font-size: 2.15rem;
        letter-spacing: 0.08em;
    }

    .site-header-logo,
    body.nav-overlay-open .site-overlay-logo .custom-logo {
        height: 34px;
    }
}

@media screen and (max-width: 1199.98px) {
    .site-wordmark {
        font-size: 2rem;
    }
}

@media screen and (max-width: 991.98px) {
    .site-wordmark {
        font-size: 1.7rem;
        letter-spacing: 0.1em;
    }
}

@media screen and (max-width: 575.98px) {
    .site-wordmark {
        font-size: 1.28rem;
        letter-spacing: 0.08em;
    }
}

.site-wordmark:hover {
    color: #ffffff !important;
}

/* Dark wordmark for non-home pages */
.site-wordmark.site-wordmark-dark {
    color: #111827 !important;
}

.site-wordmark.site-wordmark-dark:hover {
    color: #111827 !important;
}

/* Header logo image for non-home pages */
.site-logo-link {
    display: block;
    text-decoration: none;
}

.site-header-logo {
    height: 40px;
    width: auto;
    display: block;
    object-fit: contain;
    object-position: left center;
}

.site-wordmark-tm {
    margin-left: 0.12em;
    font-size: 0.38em;
    font-weight: 600;
    letter-spacing: 0.02em;
    vertical-align: super;
}

.site-overlay-logo {
    display: none;
}

.site-overlay-logo .custom-logo-link,
.site-overlay-logo .custom-logo {
    display: block;
}

body.nav-overlay-open .site-wordmark {
    display: none;
}

body.nav-overlay-open .site-overlay-logo {
    display: block;
}

#wrapper-navbar.site-header .navbar-toggler.menu.site-menu-toggle {
    display: inline-flex !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    flex-shrink: 0;
    margin-left: auto;
    width: auto;
    height: auto;
    min-height: 0;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    padding: 0.2rem 0;
    border: 0;
    background: transparent;
    color: #ffffff;
    box-shadow: none;
    z-index: 2010;
    cursor: pointer;
    pointer-events: auto !important;
}

#wrapper-navbar.site-header .navbar-toggler.menu.site-menu-toggle:hover,
#wrapper-navbar.site-header .navbar-toggler.menu.site-menu-toggle:focus {
    color: #ffffff;
    background: transparent;
    outline: none;
    box-shadow: none;
}

.site-menu-label {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
    color: inherit;
}

.site-menu-icon {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    width: 28px;
}

.site-menu-icon span {
    display: block;
    height: 2px;
    background: currentColor;
    border-radius: 99px;
    transform-origin: center;
    transition: width 0.28s ease, transform 0.28s ease, opacity 0.2s ease;
}

.site-menu-icon span:nth-child(1) { width: 28px; }
.site-menu-icon span:nth-child(2) { width: 20px; }
.site-menu-icon span:nth-child(3) { width: 12px; }

.site-menu-toggle.opened .site-menu-icon span:nth-child(1) {
    width: 24px;
    transform: translateY(8px) rotate(45deg);
}

.site-menu-toggle.opened .site-menu-icon span:nth-child(2) {
    width: 24px;
    opacity: 0;
}

.site-menu-toggle.opened .site-menu-icon span:nth-child(3) {
    width: 24px;
    transform: translateY(-8px) rotate(-45deg);
}

@media screen and (max-width: 1199.98px) {
    #wrapper-navbar.site-header .top-bar-logo-wrapper-section,
    #wrapper-navbar.site-header .top-bar-logo-wrapper {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        order: 0 !important;
        width: auto !important;
        max-width: 100%;
        margin: 0 !important;
        text-align: left !important;
    }

    #wrapper-navbar.site-header .site-header-bar {
        gap: 1rem;
    }

    #wrapper-navbar.site-header .navbar-brand {
        min-width: 0;
        max-width: calc(100% - 8rem);
    }

    #wrapper-navbar.site-header .navbar-toggler.menu.site-menu-toggle {
        flex-shrink: 0;
    }

    .site-logo-link {
        max-width: 100%;
    }

    .site-header-logo {
        object-fit: contain;
    }
}

@media screen and (max-width: 991.98px) {
    #wrapper-navbar.site-header .site-header-nav {
        padding-top: 0.85rem;
        padding-bottom: 0.85rem;
    }

    .site-header-logo,
    body.nav-overlay-open .site-overlay-logo .custom-logo {
        height: 32px;
    }

    .site-menu-label {
        font-size: 0.78rem;
        letter-spacing: 0.08em;
    }

    #wrapper-navbar.site-header .navbar-toggler.menu.site-menu-toggle {
        gap: 0.5rem;
    }
}

@media screen and (max-width: 575.98px) {
    #wrapper-navbar.site-header .site-header-nav {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    #wrapper-navbar.site-header .site-header-bar.px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #wrapper-navbar.site-header .navbar-brand {
        max-width: calc(100vw - 4.75rem);
    }

    .site-header-logo,
    body.nav-overlay-open .site-overlay-logo .custom-logo {
        height: 26px;
        max-width: calc(100vw - 4.75rem);
    }

    .site-menu-label {
        display: none;
    }

    .site-nav-overlay-content {
        padding-top: 5.25rem;
    }
}

body.nav-overlay-open {
    overflow: hidden;
}

body.nav-overlay-open #wrapper-navbar.site-header {
    background-color: transparent;
}

.site-nav-overlay {
    position: fixed;
    inset: 0;
    z-index: 2005;
    margin-top: 0 !important;
    justify-content: unset !important;
    background: #103d4a94;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.45s ease, visibility 0.45s ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.site-nav-overlay[hidden]:not(.is-open) {
    display: none !important;
}

.site-nav-overlay.is-open {
    display: flex !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.site-nav-overlay-content {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100vh;
    padding-top: 7.25rem;
    padding-bottom: 2.25rem;
}

.site-nav-overlay-main {
    min-height: calc(100vh - 12.5rem);
}

.site-nav-overlay .site-nav-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: overlay-nav;
}

.site-nav-overlay .site-nav-list > .nav-item {
    margin: 0;
    counter-increment: overlay-nav;
}

.site-nav-overlay .site-nav-list .nav-link {
    color: #d1d1d1 !important;
    font-family: var(--primary-font);
    font-size: clamp(1.7rem, 3.4vw, 3rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    padding: 0.22rem 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background: none !important;
    border-radius: 0 !important;
    overflow: visible;
    transition: color 0.25s ease;
}

.site-nav-overlay .site-nav-list .nav-link::before {
    content: counter(overlay-nav, decimal-leading-zero);
    display: inline-block;
    min-width: 1.85rem;
    margin-right: 1rem;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: rgba(253, 182, 20, 0.62);
    transform: translateY(-0.12em);
}

.site-nav-overlay .site-nav-list .nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    margin-left: 1.15rem;
    background: #fdb614;
    transition: width 0.35s ease;
}

.site-nav-overlay .site-nav-list .nav-link:hover,
.site-nav-overlay .site-nav-list .nav-item.active .nav-link,
.site-nav-overlay .site-nav-list .current-menu-item .nav-link {
    color: #23a6c5 !important;
    font-weight: 600;
}

.site-nav-overlay .site-nav-list .nav-link:hover::before,
.site-nav-overlay .site-nav-list .nav-item.active .nav-link::before,
.site-nav-overlay .site-nav-list .current-menu-item .nav-link::before {
    color: var(--secodary-warn-color);
}

.site-nav-overlay .site-nav-list .nav-link:hover::after,
.site-nav-overlay .site-nav-list .nav-item.active .nav-link::after,
.site-nav-overlay .site-nav-list .current-menu-item .nav-link::after {
    width: 2.85rem;
}

.site-nav-overlay .nav-item.nav-cta-btn a,
.site-nav-overlay .nav-item.nav-cta-btn a:after,
.site-nav-overlay .nav-item.nav-cta-btn:hover a,
.site-nav-overlay .nav-item.nav-cta-btn:hover a:after {
    background: none;
    transform: none;
    color: #d1d1d1 !important;
    padding: 0.22rem 0 !important;
    border-radius: 0;
}

.site-nav-overlay .nav-item.nav-cta-btn a:after {
    display: none;
}

.site-nav-overlay .nav-item.nav-cta-btn.current-menu-item a,
.site-nav-overlay .nav-item.nav-cta-btn.active a,
.site-nav-overlay .nav-item.nav-cta-btn a:hover {
    color: #ffffff !important;
}

.site-nav-social-col {
    display: flex;
    justify-content: flex-start;
}

@media (min-width: 992px) {
    .site-nav-social-col {
        justify-content: flex-end;
        padding-right: 4vw;
    }
}

.site-nav-social {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.site-nav-social-link {
    color: var(--nav-overlay-muted);
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: color 0.25s ease;
}

.site-nav-social-link:hover {
    color: #ffffff;
}

.site-nav-overlay-footer {
    padding-top: 1.25rem;
}

.site-nav-copyright {
    color: var(--nav-overlay-muted);
    font-size: 0.82rem;
    font-weight: 400;
}

.site-nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.45rem 0.45rem 0.45rem 1.35rem;
    border-radius: 999px;
    background: var(--nav-overlay-cta);
    color: var(--nav-overlay-cta-text) !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    min-height: 52px;
}

.site-nav-cta:hover, .site-nav-cta-2:hover  {
    background: #4ec4d4;
    color: var(--nav-overlay-cta-text) !important;
    transform: translateY(-1px);
}

.site-nav-cta-icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: var(--nav-overlay-cta-text);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease;
}

.site-nav-cta:hover .site-nav-cta-icon {
    transform: translateX(2px);
}

.site-nav-cta-2 {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.45rem 1.35rem;
    border-radius: 999px;
    border: 1px solid var(--nav-overlay-cta);
    color: var(--bs-light) !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    min-height: 52px;
}

@media screen and (max-width: 991.98px) {
    .home-hero-section {
        min-height: 100svh;
        align-items: flex-end;
    }

    .home-hero-scrim {
        background: linear-gradient(180deg, rgba(154, 167, 179, 0.08) 0%, rgba(90, 105, 118, 0.22) 48%, rgba(28, 40, 50, 0.7) 100%);
    }

    .home-hero-content-wrap {
        padding-top: 6.25rem;
        padding-bottom: 2.5rem;
        padding-right: 1.75rem;
    }

    .home-hero-content-wrap > .row {
        --bs-gutter-y: 0;
        row-gap: 0;
    }

    .home-hero-content {
        max-width: 34rem;
    }

    .home-hero-title {
        font-size: clamp(1.8rem, 4.2vw, 2.35rem);
        margin-bottom: 0.75rem;
    }

    .home-hero-lede p {
        max-width: none;
        margin-bottom: 1.15rem;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .home-hero-points,
    .home-hero-rail {
        display: none;
    }

    .home-hero-cta {
        margin-top: 0;
        margin-bottom: 0.55rem;
    }
}

@media screen and (max-width: 767px) {
    .home-hero-content-wrap {
        padding-top: 5.75rem;
        padding-bottom: 1.75rem;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .home-hero-title {
        font-size: 1.7rem;
        margin-bottom: 0.65rem;
    }

    .home-hero-lede p {
        font-size: 0.88rem;
        margin-bottom: 1rem;
    }

    .home-hero-rail {
        display: none;
    }

    .home-hero-content-wrap .site-nav-cta,
    .home-hero-content-wrap .site-nav-cta-2 {
        height: 44px;
        min-height: 44px;
        font-size: 0.88rem;
        padding-left: 1.05rem;
        padding-right: 0.45rem;
        margin-left: 0 !important;
        margin-right: 0.45rem;
    }

    .home-hero-content-wrap .site-nav-cta-icon {
        width: 1.85rem;
        height: 1.85rem;
    }

    .site-nav-overlay-content {
        padding-top: 6.25rem;
        padding-bottom: 1.5rem;
    }

    .site-nav-overlay-main {
        min-height: auto;
        padding: 1rem 0 1.5rem;
    }

    .site-nav-overlay .site-nav-list .nav-link {
        font-size: 1.55rem;
    }

    .site-nav-cta {
        align-self: flex-start;
    }
}