:root {

    /* Fonts */
    --font-heading: 'Archivo', sans-serif;
    --font-body: 'Lato', sans-serif;

     /* Colors */

    --color-primary: #22497C;   /* Заголовки H2-H6 */
    --color-accent: #F2499B;    /* Акценты, кнопки, eyebrow */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-text: #4A4848;      /* Основной текст */

    /* Layout */
    --container-width: 91.875rem; /* 1470px / 16 */
    --header-width: 112.5rem; /* 1800px / 16 */
    --container-padding: 2rem;

    /* Headings */

    --fs-h1: 5.125rem;   /* 82px */
    --fs-h2: 3.875rem;   /* 62px */
    --fs-h3: 1.75rem;    /* 28px */

    /* Body */
    --fs-body-lg: 1.125rem; /* 18px */
    --fs-body: 1.125rem;    /* 18px */

    /* Small */
    --fs-small: .875rem;    /* 14px */
    --fs-eyebrow: 1rem;     /* 16px */
}

/* ----------------------------------- Design System Notes -----------------------------------

Colors:
Primary: #22497C
Accent: #F2499B
Accent Hover: #E03487
White: #FFFFFF
Black: #000000
Text: #4A4848

Typography:
Heading font: Archivo
Body font: Lato
H1: 5.125rem / 82px
H2: 3.875rem / 62px
H3: 1.75rem / 28px
Body: 1.125rem / 18px
Eyebrow: 1rem / 16px
Small: .875rem / 14px

Layout:
Container: 91.875rem / 1470px
Header max width: 112.5rem / 1800px
Container padding: 2rem
Page side margin: 1.8rem
Section padding desktop: 5rem 0
Radius: 0.25rem

Buttons:
Primary button: min-width 17.5rem / 280px, height 3.5rem / 56px
Primary hover: #E03487
Arrow: inline SVG, 1.5rem, rotates 45deg on hover

Forms:
Input font: Lato 1.125rem / 18px
Input border: #D9D9D9
Input focus: Primary border
Input radius: 0.25rem

Desktop sections order:
Hero, Intro, Services, How It Works, Testimonials, Contact, Video Resources

----------------------------------- */

html {
    font-size: clamp(10px, 0.83vw, 16px);
}

body {
    font-family: var(--font-body);
    color: var(--color-primary);
    padding: 0;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    line-height: 1.1;
}

h1 {
    font-size: var(--fs-h1);
}

h2 {
    font-size: var(--fs-h2);
}

h3 {
    font-size: var(--fs-h3);
}

p {
    line-height: 1.6;
}

.container {
    width: min(
        calc(100% - (var(--container-padding) * 2)),
        var(--container-width)
    );
    margin-inline: auto;
}

.section-pb-0,
.section--pb-0 {
    padding-bottom: 0 !important;
}

.eligibility-test-page__calculator {
    padding: 5rem 0;
    background-image: url('../images/bg-faq.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}

.site-header {
    position: fixed;
    top: 3.6rem;
    left: 1.8rem;
    right: 1.8rem;
    z-index: 9999;
    transition:
        top .45s cubic-bezier(.22,1,.36,1),
        left .45s cubic-bezier(.22,1,.36,1),
        right .45s cubic-bezier(.22,1,.36,1),
        padding .45s cubic-bezier(.22,1,.36,1),
        transform .45s cubic-bezier(.22,1,.36,1);
}

.site-header--scrolled {
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
}

.site-header--scrolled .site-header__inner {
    width: min(100%, 120rem);
    max-width: 120rem;
    margin-inline: auto;
    min-height: 4.5rem;
    border-radius: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-inline: 2rem;
box-shadow: 0 .25rem 1.8062rem 0 rgba(0, 0, 0, 0.25);
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(100%, var(--header-width));
    margin-inline: auto;
    min-height: 6.25rem;
    background: #fff;
    border-radius: 0.25rem;
    padding-inline: 2rem;
    box-shadow: 0 .25rem 1.8062rem 0 rgba(0, 0, 0, 0.25);
    transition:
        width .45s cubic-bezier(.22,1,.36,1),
        max-width .45s cubic-bezier(.22,1,.36,1),
        min-height .45s cubic-bezier(.22,1,.36,1),
        padding .45s cubic-bezier(.22,1,.36,1),
        border-radius .45s cubic-bezier(.22,1,.36,1),
        box-shadow .45s cubic-bezier(.22,1,.36,1),
        background-color .45s cubic-bezier(.22,1,.36,1);
}


.site-header__logo img,
.site-header__logo svg,
.custom-logo {
    width: 14.1875rem;
    height: 3.75rem;
    object-fit: contain;
    display: block;
    transition: width .45s cubic-bezier(.22,1,.36,1);
}

.site-header--scrolled .site-header__logo img,
.site-header--scrolled .site-header__logo svg,
.site-header--scrolled .custom-logo {
    width: 12.5rem;
}


.site-header__nav {
    align-self: stretch;
    display: flex;
    align-items: center;
    color: var(--color-text);
}

.site-header__menu,
.site-header__mobile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-header__menu {
    height: 100%;
    display: flex;
    align-items: stretch;
    gap: 2rem;
}

.site-header__menu a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 0.9375rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: color .3s ease;
}

.site-header__menu-link {
    height: 100%;
    align-self: stretch;
}

.site-header__menu a:hover {
    color: var(--color-primary);
}


.site-header__menu-item {
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
}

.site-header__inner {
    position: relative;
}

.site-header__menu-arrow {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-0.12rem);
    transition: transform .25s ease;
}

.site-header__menu-item:hover > .site-header__menu-link {
    color: var(--color-accent);
}

.site-header__menu-item:hover > .site-header__menu-link .site-header__menu-arrow {
    transform: rotate(225deg) translate(-0.12rem, -0.12rem);
}

.site-header__submenu {
    position: absolute;
    left: -0.8rem;
    top: calc(100% - 1.25rem);
    z-index: 20;
    min-width: 20rem;
    margin: 0;
    padding: .625rem;
    list-style: none;
    border-radius: .25rem;
    background: var(--color-white);
    box-shadow: 0 4px 28.9px 0 rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(.5rem);
    pointer-events: none;
    transition: opacity .25s ease,
                visibility .25s ease,
                transform .25s ease;
}

.site-header__menu-item:not(.site-header__menu-item--services):hover > .site-header__submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}


.site-header__submenu-item:not(:last-child) {
    margin-bottom: 0.15rem;
}

.site-header__submenu-link {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    gap: .3125rem;
    padding: .75rem;
    border-radius: .25rem;
    color: var(--color-text);
    font-size: 1rem !important;
    line-height: 1.2;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: color .25s ease, background-color .25s ease;
    border: 1px transparent solid;
}

.site-header__submenu-title {
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    transition: color .25s ease;
}

.site-header__submenu-description {
    color: #5D5A5ACC;
    font-size: .9375rem;
    line-height: 1.35;
    font-weight: 400;
}

.site-header__submenu-link:hover {
    border: 1px solid rgba(93, 90, 90, 0.05);
background: #F8F6F5;
}

.site-header__submenu-link:hover .site-header__submenu-title {
    color: var(--color-primary);
}

/* ----------------------------------- Header Services Mega Menu -----------------------------------*/

.site-header__menu-item--services {
    position: static;
}

.site-header__menu-item--services .services-mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 30;
    width: 100%;
    margin-top: -0.25rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
    box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, 0.02);
}

.site-header__menu-item--services:hover .services-mega-menu,
.site-header__menu-item--services.is-open .services-mega-menu,
.site-header__menu-item--services .services-mega-menu:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.site-header--scrolled .services-mega-menu__inner{
    width: 100%;
    max-width: 120rem;
}

.services-mega-menu__inner {
    width: min(100%, var(--header-width));
    margin-inline: auto;
    overflow: hidden;
    border-radius: 0rem 0rem .25rem .25rem;
    border-top: 1px solid rgba(93, 90, 90, .18);
    background: var(--color-white);
}



.services-mega-menu__row {
    display: grid;
    grid-template-columns: 29rem minmax(0, 1fr);
    min-height: 17.5rem;
}

.services-mega-menu__row:not(:last-child) {
    border-bottom: 1px solid rgba(93, 90, 90, .18);
}

.services-mega-menu__card {
    position: relative;
    min-width: 0;
    padding: 1.25rem 0 0 0;
    overflow: hidden;
    border-right: 1px solid rgba(93, 90, 90, .18);
}

.services-mega-menu__card-heading {
    display: flex;
    align-items: center;
    padding: 0 .625rem .9375rem 1.875rem;
    gap: 1.25rem;
}

.services-mega-menu__icon {
    width: 3.125rem;
    height: 3.125rem;
    flex: 0 0 3.125rem;
    padding: .625rem;
    background: var(--color-primary);
    display: block;
    object-fit: contain;
    border-radius: .125rem;
}

.services-mega-menu__title {
    margin: 0;
    color: var(--color-primary);
    font-size: 2.1875rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
}

.services-mega-menu__title em {
    font-style: italic;
}

.services-mega-menu__description {
    position: relative;
    padding: 0 1.875rem 0 1.875rem;
    z-index: 2;
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.35;
}

.services-mega-menu__image {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    object-fit: contain;
    pointer-events: none;
}

.services-mega-menu__row--employers .services-mega-menu__image {
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 22rem;
    height: auto;
    object-fit: contain;
    object-position: right bottom;
}

.services-mega-menu__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: .625rem 1.875rem .625rem .625rem;
}

.services-mega-menu__link {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    padding: .625rem 1.25rem;
    gap: .3125rem !important;
    min-width: 0;
    border-radius: .25rem;
    color: var(--color-text) !important;
    text-decoration: none;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: background-color .25s ease, color .25s ease;
    border: 1px transparent solid;
}

.services-mega-menu__link:hover {
    border: 1px solid rgba(93, 90, 90, 0.05);
background: #F8F6F5;
}

.services-mega-menu__link-title {
    color: var(--color-text);
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 700;
    transition: color .25s ease;
}

.services-mega-menu__link-description {
    color: #5D5A5ACC;
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 400;
}

.services-mega-menu__link:hover .services-mega-menu__link-title {
    color: var(--color-primary);
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.site-header__phone {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--color-primary);
    text-decoration: none;
    transition: all .3s ease;
}

.site-header__phone-icon {
    width: 2.375rem;
    height: 2.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.125rem;
    background: var(--color-primary);
    color: var(--color-white);
    flex-shrink: 0;
        transition: all .3s ease;
}

.site-header__phone:hover  .site-header__phone-icon{
    background-color: #225598;
}

.site-header__phone:hover .site-header__phone{
    color: #225598;
}

.site-header__phone-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.site-header__phone-text {
    display: grid;
    gap: .3125rem;
    line-height: 1;
}

.site-header__phone-text span {
    color: var(--color-text);
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .0375rem;
}

.site-header__phone-text strong {
    color: var(--color-primary);
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700;
}

.site-header__cta {
    display: inline;
    gap: .625rem;
    max-height: 3rem;
    padding: .75rem;
    border: 1px solid var(--color-accent);
    background: transparent;
    color: var(--color-accent);
    font-size: var(--fs-body);
    transition:
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease;
}

.site-header__cta:hover {
    background: var(--color-accent);
    color: #fff;
    border-color: var(--color-accent);
}

.site-header__cta .icon-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 1.5rem;
    height: 1.5rem;

    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .35s ease;
    will-change: transform;
}

.site-header__cta .icon-arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.site-header__cta:hover .icon-arrow {
    transform: rotate(45deg);
}


.site-header__burger,
.site-header__mobile {
    display: none;
}


.site-header__mobile:not(.is-open) {
    pointer-events: none;
}

.site-header__phone {
    color: var(--color-primary);
    font-weight: 700;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.563rem;
    font-size: var(--fs-body);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0.125rem;
    
}

.btn--outline {
    border: 1px solid var(--color-accent);
    color: var(--color-accent);
    
}

.site-footer {
  width: calc(100% - 3.6rem);

    max-width: none;

    margin: 1.8rem auto;

    padding: 5rem 0 1.875rem;

    background: #0A1B2D;

    color: var(--color-white);

    border-radius: .25rem;
}

.site-footer__inner,
.site-footer__bottom {
    width: min(calc(100% - 10rem), 120rem);
    margin-inline: auto;
}

.site-footer__inner {
    display: grid;
    grid-template-columns: 24rem 12rem minmax(0, 1fr);
    justify-content: space-between;
    gap: 10.5rem;
    align-items: start;
}

.site-footer__logo {
    display: inline-block;
    margin-bottom: 2rem;
}

.site-footer__logo img,
.site-footer__logo svg,
.site-footer__logo .custom-logo {
    width: 17.75rem;
    height: auto;
    display: block;
}

.site-footer__about p {
    max-width: 22.1875rem;
    margin: 0 0 1.875rem;
    color: rgba(255,255,255,.82);
    font-size: var(--fs-body);
    line-height: 1.5;
}

.site-footer__socials {
    display: flex;
    align-items: center;
    gap: .9375rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer__socials a {
    width: 2.1875rem;
    height: 2.1875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: .0625rem;
    color: var(--color-white);
    transition: all .3s ease;
}


.site-footer__socials a:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
    background: transparent;
}

.site-footer__socials svg {
    width: 1.25rem;
    height: 1.25rem;
}

.site-footer__socials svg path {
    fill: currentColor;
}

.site-footer__menu {
    display: grid;
    gap: 1.875rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer__menu a {
    color: var(--color-white);
    font-size: var(--fs-body-lg);
    line-height: 1.1;
    font-weight: 400;
    transition: color .3s ease;
}

.site-footer__menu a:hover {
    color: var(--color-accent);
}

.site-footer__contacts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.75rem 5rem;
    min-width: 0;
}

.site-footer__contact-item--location span {
    max-width: 17.6875rem;
    padding-bottom: .9375rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.site-footer__contact-item {
    min-width: 0;
}

.site-footer__contact-item span {
    display: block;
    margin-bottom: .9375rem;
    color: var(--color-accent);
    font-size: var(--fs-body-lg);
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: .0563rem;
}

.site-footer__contact-item a,
.site-footer__contact-item address {
    margin: 0;
    color: var(--color-white);
    font-size: 1.25rem;
    font-family: Archivo;
    line-height: 1.35;
    font-weight: 500;
    font-style: normal;
}

.site-footer__contact-item address{
    max-width: 17.6875rem;
}

.site-footer__bottom {
    width: min(calc(100% - 10rem), 120rem);
    margin-inline: auto;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin-top: 6.25rem;
    padding-top: 1.875rem;
    border-top: 1px solid rgba(255,255,255,.1);
}

.site-footer__bottom p {
    margin: 0;
    color: rgba(255,255,255,.8);
    font-size: var(--fs-body);
}

.site-footer__legal {
    display: flex;
    align-items: center;
    gap: .3125rem;
}

.site-footer__legal a {
    color: rgba(255,255,255,.8);
    font-size: var(--fs-body);
    transition: color .3s ease;
}

.site-footer__legal a:not(:last-child)::after {
    content: '|';
    margin-left: .3125rem;
    color: rgba(255,255,255,.5);
}

.site-footer__legal a:hover {
    color: var(--color-accent);
}

/* ----------------------------------- 404 Page -----------------------------------*/

.page-404__section {
    position: relative;
    min-height: calc(100vh - 3.6rem);
    margin: 1.8rem;
    padding: 12rem 0 5rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: .25rem;
    background: #F4F1F0;
}

.page-404__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.page-404__section .container {
    position: relative;
    z-index: 2;
}

.page-404__content {
    margin: 8rem auto 0;
    text-align: center;
}

.page-404__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: 3.875rem;
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}


.page-404__text {
    max-width: 49.375rem;
    margin: 0 auto 1.25rem;
    color: var(--color-text);
    font-size: 1.5rem;
    line-height: 1.5;
}

/* ----------------------------------- Thank You Page -----------------------------------*/

.thank-you-page__section {
    position: relative;
    min-height: calc(100vh - 3.6rem);
    margin: 1.8rem;
    padding: 12rem 0 5rem;

    display: flex;
    align-items: end;   /* вместо center */
    justify-content: center;

    overflow: hidden;
    border-radius: .25rem;
    background: #F4F1F0;
}

.thank-you-page__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.thank-you-page__section .container {
    position: relative;
    z-index: 2;
}

.thank-you-page__content {
    margin: 12rem auto 0;
    text-align: center;
}

.thank-you-page__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: 3.875rem;
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.thank-you-page__text {
    max-width: 49rem;
    margin: 0 auto 1.25rem;
    color: var(--color-text);
    font-size: 1.5rem;
    line-height: 1.5;
}

.thank-you-page__text p {
    margin: 0;
}



/* ----------------------------------- Internal Hero Section -----------------------------------*/

.internal-hero {
    position: relative;
    min-height: 37.5rem;
    margin: 1.8rem 1.8rem 0;
    padding: 10rem 0 5rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 0.25rem;
    background-color: #0A1B2D;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--color-white);
    z-index: 2;
}

.internal-hero--eligibility-test {
    background-image: url('../images/bg-test.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.internal-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
background: linear-gradient(0deg, rgba(28, 74, 125, 0.10) 0%, rgba(28, 74, 125, 0.10) 100%);
    pointer-events: none;
}

.internal-hero .container {
    position: relative;
    z-index: 2;
}

.internal-hero__inner {
    position: relative;
    z-index: 1;
}

.internal-hero__content {
    max-width: 78.125rem;
}

.internal-hero__badge .hero__rating {
margin-bottom: 1.25rem;
}


.award-badge {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.875rem;
}

.award-badge__image {
    width: 2.9375rem;
    height: auto;
    flex-shrink: 0;
}

.award-badge__content {
    max-width: 20rem;
    color: #fff;
    font-size: var(--fs-body);
    line-height: 1.4;
    font-weight: 600;
}

.internal-hero__title {
    margin: 0 0 1.25rem;
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: var(--fs-h1);
    line-height: 1.12;
    font-weight: 600;
    text-transform: capitalize;
}

.internal-hero__title em {
    font-style: italic;
}

.internal-hero__description {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.5;
}

/* ----------------------------------- Service Intro Section -----------------------------------*/

.service-intro {
    padding: 5rem 0;
}

.service-intro__breadcrumbs {
    margin-bottom: 2.5rem;
}

.service-intro__breadcrumbs p {
    display: flex;
    align-items: center;
    gap: .625rem;
    margin: 0;
    color: #5D5A5A33;
    font-size: .75rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .0375rem
}

.service-intro__breadcrumbs a {
    color: rgba(74, 72, 72, .35);
    transition: color .3s ease;
}

.service-intro__breadcrumbs a:hover {
    color: var(--color-accent);
}

.service-intro__breadcrumbs span:last-child {
    color: var(--color-text);
}

.service-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 50rem) minmax(0, 50rem);
    justify-content: space-between;
    gap: 1.875rem;
    align-items: start;
}

.service-intro__content {
    min-width: 0;
}

.service-intro__eyebrow {
    display: inline-block;
    margin-bottom: 1.25rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.service-intro__title {
    margin: 0 0 1.875rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1.08;
    font-weight: 600;
    text-transform: capitalize;
}

.service-intro__title em {
    font-style: italic;
}

.service-intro__text {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.service-intro__text p {
    margin: 0;
}

.service-intro__text p:not(:last-child) {
    margin-bottom: .75rem;
}



.service-intro__feature {
    margin-top: 2rem;
}

.service-intro__feature-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}



.service-intro__feature-icon {
    width: 3.125rem;
    height: 3.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    border-radius: .125rem;
    flex-shrink: 0;
}

.service-intro__feature-icon img {
    width: 1.875rem;
    height: 1.875rem;
    object-fit: contain;
}

.service-intro__feature-title {
    min-width: 0;
    margin: 0;
    color: var(--color-primary);
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 600;
}

.service-intro__feature-title em {
    font-style: italic;
}

.service-intro__feature-text {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.service-intro__feature-text p {
    margin: 0;
}

.service-intro__sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.service-intro__sidebar .intro-stats{
    margin-bottom: 1.25rem;
}

.founder-quote {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 12.75rem;
    gap: 1.875rem;
    align-items: center;
    padding: 1.875rem 1.875rem 1.875rem 3.75rem;
    background: #1B3B66;
    color: var(--color-white);
    border-radius: 6.25rem .25rem .25rem .25rem;
    box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.18);

}

.founder-quote__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    max-width: 21.5rem;
}

.founder-quote__mark {
    margin-bottom: 2rem;
    color: var(--color-accent);
    font-size: 3rem;
    line-height: .7;
    font-weight: 700;
}

.founder-quote__text {
    margin: 0 0 1.875rem;
    color: var(--color-white);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
    font-weight: 600;
}

.founder-quote__author {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-top: auto;
}

.founder-quote__line {
    width: 10rem;
    height: 1px;
    background: rgba(255,255,255,.2);
    flex-shrink: 0;
}

.founder-quote__author strong, .founder-quote__author span {
    display: inline;
    color: rgba(255,255,255,.8);
    font-size: var(--fs-body);
    line-height: 1.2;
    font-weight: 600;
}


.founder-quote__image {
    order: 2;
    min-width: 0;
}

.founder-quote__image img {
    width: 100%;
    height: 100%;
    min-height: 19.9375rem;
    display: block;
    object-fit: cover;
    object-position: center top;
    border-radius: .25rem;
}


/* ----------------------------------- Hero Section -----------------------------------*/

.hero--home {
    position: relative;
    height: calc(100vh - 3.6rem);
    min-height: unset;
    padding-top: 9rem;
    padding-bottom: 2rem;
    display: flex;
    background:
        url('../images/hero-home.jpg');

    background-size: cover;
    background-position: center;
margin: 1.8rem 1.8rem 0rem 1.8rem;
    color: #fff;
    border-radius: 0.25rem;
    overflow: hidden;
}

.hero__inner {
    height: 100%;
    min-height: 0;

    display: flex;
    flex-direction: column;

    text-align: center;
}

.hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero__rating {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.hero__review-people {
    width: 8em;
    height: auto;
    flex-shrink: 0;
}

.hero__review-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.25rem;
}

.hero__review-top {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    line-height: 1;
}

.hero__review-score {
    color: var(--color-white);
    font-size: 1rem;
    font-weight: 600;
}

.hero__review-stars {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.hero__review-stars img {
    width: 1rem;
    height: 1rem;
    display: block;
}

.hero__review-content p {
    margin: 0;
    color: var(--color-white);
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.hero__title {
    max-width: 60rem;
    margin-bottom: 2rem;
    text-transform: capitalize;
    font-family: var(--font-heading);
    font-size: var(--fs-h1);
    line-height: 1.2;
    font-weight: 600;
}

.hero__title em {
    font-style: italic;
}

.hero__text {

    max-width: 49rem;

    margin-bottom: 3rem;

    font-size: var(--fs-body-lg);

    line-height: 1.5;
}

.btn--primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    min-width: 17.5rem;
    height: 3.5rem;
    background: var(--color-accent);
    color: #fff;
    font-family: var(--font-body);
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700;
    border-radius: 2px;
    transition: all .3s ease;
}

.btn--primary .icon-arrow {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn--primary .icon-arrow svg {
    width: 100%;
    height: 100%;
    display: block;

    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s ease;
    will-change: transform;
}

.btn--primary:hover .icon-arrow svg {
    transform: rotate(45deg);
}

.btn--primary:hover {
     background: #E03487;
}

.hero-feature {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 0.625rem;
    text-align: left;
    min-width: 20rem;
}

.hero-feature__heading {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.hero-features {
    width: 100%;
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 1.875rem;
    border-radius: 0.25rem;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    box-sizing: border-box;
    padding-bottom: 20px;
}

.hero-feature__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: .125rem;
    background: var(--color-accent);
    line-height: 0;
}

.hero-feature__icon img {
display: block;
width: 1.875rem;
height: 1.875rem;
object-fit: contain;
margin: 0;
}
.hero-feature h3 {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    font-style: normal;
}


.hero-feature h3 em {
    font-style: italic;
}

.hero-feature p {
    color: rgba(255, 255, 255, 0.92);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
    margin-top: .625rem;
}

/* Overrides and pagination for hero-features when Swiper is used */
.hero-features.swiper-initialized {
  overflow: hidden;
    padding: 1.875rem;
    
}


.hero-features.swiper-initialized .swiper-wrapper {
    display: flex;
    align-items: stretch;
    gap: 0;
}


.hero-features.swiper-initialized .hero-feature {
    min-width: auto !important;
    flex: 0 0 auto !important;
    scroll-snap-align: none !important;
}

.hero-features-pagination {
    display: flex;
    justify-content: center;
    gap: 0;
}

.hero-features-pagination.swiper-pagination {
    position: static;
    margin-top: 20px;
}

.hero-features-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    opacity: 1;
    box-shadow: none;
    transition: all .2s ease;
}

.hero-features-pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.05);
}





/* ----------------------------------- Intro Section -----------------------------------*/



.intro {
    padding: 5rem 0;
    margin: 0rem 1.8rem 0rem 1.8rem;
}


.intro__grid {
    width: 100%;
    margin-inline: 0;
    padding-left: max(
        2rem,
        calc((100% - var(--container-width)) / 2)
    );
    display: grid;
    grid-template-columns: minmax(0, 44rem) minmax(0, 1fr);
    gap: 1.8rem;
    align-items: top;
}

.intro__content {
    grid-column: 1;
    grid-row: 1;
}

.intro__bottom {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
}

.section-eyebrow {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-accent);
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.intro__title {
    margin-bottom: 1rem;
    font-size: var(--fs-h2);
    line-height: 100%;
    font-weight: 600;
    text-transform: capitalize;
}

.intro__title em {
    font-style: italic;
}

.intro__text {
    margin-bottom: 0;
    font-size: var(--fs-body-lg);
    line-height: 1.6;
    color: var(--color-text);
}

.intro__text p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.intro-stats {
    display: flex;
    margin-bottom: 3rem;
    background: #1B3B66;
    border-radius: 0.25rem;
    overflow: hidden;
    box-shadow: 0 1rem 2.25rem rgba(2, 6, 23, 0.18);
}

.intro-stat {
    display: flex;
    align-items: top;
    gap: 0.75rem;
    padding: 1.875rem;
    color: #fff;
}


.intro-stat img {
    margin-top: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
    object-fit: contain;
    flex-shrink: 0;
}

.intro-stat strong {
    display: block;
    font-family: var(--font-heading);
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    font-style: italic;
}

.intro-stat span {
    display: block;
    margin-top: 0.35rem;
    font-size: var(--fs-body-lg);
    line-height: 1.2;

}

.intro-logos {
    width: 100%;
    overflow: hidden;
}

.intro-logos-track {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.3rem;
    width: 100%;
}

.intro-logos img {
    max-height: 4.8rem;
    width: auto;
    object-fit: contain;
    flex: 0 1 auto;
}

.intro-logo--duplicate {
    display: none;
}

.intro__image {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 100%;
}

.intro__image img {
    width: 100%;
    height: 38.8rem;
    object-fit: cover;
    object-position: right bottom;
    display: block;
    border-radius: 0.25rem 0.25rem 0.25rem 8.5rem;
}


/* ----------------------------------- Global Services Section -----------------------------------*/


.global-services {
    position: relative;
    padding: 5rem 0 10rem 0;
    overflow: visible;
    background: #f3f1f0;
    border-radius: 0.25rem;
    overflow-x: clip;
    margin: 1.8rem 1.8rem 0rem 1.8rem;
    z-index: 2;
}

.global-services__bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    pointer-events: none;
    z-index: 0;
}

.global-services .container {
    position: relative;
    z-index: 1;
}

.global-services__header {
    max-width: 62rem;
    margin: 0 auto 3rem;
    text-align: center;
}


.global-services__title {
    margin-bottom: 1.5rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.global-services__title em {
    font-style: italic;
}

.global-services__description {
    max-width: 48rem;
    margin-inline: auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.services-swiper {
    position: relative;
    overflow: visible;
    padding-bottom: 6rem;
}

.services-swiper .swiper-wrapper {
    align-items: stretch;
}

.services-swiper .swiper-slide {
    height: auto;
}

.service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 20.6rem;
    background-color: #fff;
    border-radius: 0.25rem;
    overflow: hidden;
    text-decoration: none;
    color: var(--color-primary);
    box-shadow: 0 1rem 2.25rem rgba(2, 6, 23, 0.18);
    transition: all .3s ease;
}

.service-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url('../images/bg-service-card.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    transition: opacity .3s ease;
}

.service-card:hover,
.service-card.is-hovered {
    background-color: #1B3B66;
}

.service-card:hover::before,
.service-card.is-hovered::before {
    opacity: 0.2;
}


.service-card__content {
    position: relative;
    z-index: 1;
    padding: 1.5rem;
    background: transparent;
}

.service-card h3 {
    margin: 0 0 1rem;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    text-transform: capitalize;
    line-height: 120%;
    font-weight: 600;
    font-style: normal;
}

.service-card:hover h3,
.service-card:hover p,
.service-card.is-hovered h3,
.service-card.is-hovered p {
    color: var(--color-white);
}

.service-card h3 em {
    font-style: italic;
}

.service-card p {
    margin: 0;
    color: var(--color-text);
    font-size: var(--fs-body);
    line-height: 1.45;
}

.service-card__media {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding: 0 0.75rem 0.75rem;
    background: transparent;
    box-shadow: none;
}

.service-card__image {
    width: 100%;
    height: 12.5rem;
    object-fit: cover;
    display: block;
    box-shadow: none;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.5rem), calc(100% - 3.5rem) 100%, 0 100%);
}

.service-card__arrow {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 10;
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
    color: var(--color-primary);
    pointer-events: none;
}

.service-card__arrow .icon-arrow {
    width: 1.875rem;
    height: 1.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit !important;
    transform: rotate(0deg) translateZ(0);
    transform-origin: 50% 50%;
    transition: transform .3s ease, color .3s ease;
    will-change: transform;
}

.service-card__arrow .icon-arrow svg {
    width: 100%;
    height: 100%;
    display: block;
    color: inherit;
}

.service-card__arrow .icon-arrow svg path {
    fill: currentColor !important;
}

.service-card:hover .service-card__arrow,
.service-card.is-hovered .service-card__arrow {
    color: var(--color-white) !important;
}

.service-card:hover .service-card__arrow .icon-arrow,
.service-card.is-hovered .service-card__arrow .icon-arrow {
    transform: rotate(45deg) translateZ(0) !important;
}

.services-nav {
    position: absolute;
    left: 50%;
    bottom: -5rem;
    transform: translateX(-50%);

    display: flex;
    gap: .75rem;
}

.services-nav button {
    width: 3rem;
    height: 3rem;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: .25rem;

    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
}

.services-nav button svg {
    width: 1.25rem;
    height: 1.25rem;
}

.services-nav button:hover {
    cursor: pointer;
    border-color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.08);
}


/* ----------------------------------- Service Process Section -----------------------------------*/

.service-process {
    position: relative;
    padding: 5rem 0;
    overflow: hidden;
}

.service-process::before {
    content: '';
    position: absolute;
    right: -42rem;
    bottom: 10rem;
    width: 100%;
    height: 38.375rem;
    background: url('../images/testimonials-bg.jpg') no-repeat center bottom;
    background-size: contain;
    opacity: 1;
    pointer-events: none;
    z-index: 0;

}

.service-process .container {
    position: relative;
    z-index: 1;
}

.service-process__grid {
    display: grid;
    grid-template-columns: minmax(0, 40rem) minmax(0, 1fr);
    gap: 7.5rem;
    align-items: center;
}

.service-process__image {
    position: relative;
    top: 0;
    right: 0;
    min-width: 0;
    overflow: hidden;
    border-radius: .25rem .25rem 8.5rem .25rem;
}

.service-process__image::before {
    content: '';
    position: absolute;
    inset: 2.5rem;
    z-index: 1;
    border-radius: .25rem .25rem 6.25rem .25rem;
    box-shadow: 0 0 0 999rem rgba(10, 27, 45, .18);
    pointer-events: none;
}

.service-process__image::after {
    content: '';
    position: absolute;
    inset: 2.5rem;
    z-index: 2;
    border: 2px solid var(--color-primary);
    border-radius: .25rem .25rem 6.5rem .25rem;
    pointer-events: none;
}



.service-process__image img {
    width: 100%;
    height: 48.9375rem;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: .25rem .25rem 8.5rem .25rem;
        position: relative;
}

.service-process__content {
    min-width: 0;
}

.service-process__eyebrow {
    display: inline-block;
    margin-bottom: 1.25rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.service-process__title {
    max-width: 45rem;
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.service-process__title em {
    font-style: italic;
}

.service-process__description {
    max-width: 47rem;
    margin: 0 0 1.875rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.service-process__description p {
    margin: 0;
}

.service-process__steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.875rem;
    margin-bottom: 2.5rem;
}

.service-process__step {
    padding: 1.25rem;
    background: #F4F1F0;
    border-radius: .25rem;
}

.service-process__step-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.service-process__step-number {
    width: 3.125rem;
    height: 3.125rem;
    flex: 0 0 3.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: .125rem;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    font-style: italic;
}

.service-process__step-title {
    max-width: 10.3125rem;
    margin: 0;
    color: var(--color-primary);
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.service-process__step-title em {
    font-style: italic;
}

.service-process__step-text {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.service-process__step-text p {
    margin: 0;
}

/* ----------------------------------- Global CTA Shortcode -----------------------------------*/


.ela-cta {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.ela-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    min-width: 17.5rem;
    height: 3.5rem;
    padding: 0 1.5rem;
    background: var(--color-accent);
    color: var(--color-white);
    font-size: var(--fs-body);
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: .125rem;
    text-decoration: none;
    transition: all .3s ease;
}

.ela-cta__button .icon-arrow {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
    transform: rotate(0deg) translateZ(0);
}

.ela-cta__button .icon-arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.ela-cta__button:hover {
    background: #E03487;
}

.ela-cta__button:hover .icon-arrow { 
    transform: rotate(45deg) translateZ(0);
}

.ela-cta__phone {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
}

.ela-cta__phone-icon {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-accent);
    color: var(--color-white);
    border-radius: .125rem;
    flex-shrink: 0;
}

.ela-cta__phone-icon svg {
    width: 1.875rem;
    height: 1.875rem;
    display: block;
}

.ela-cta__phone-content {
    display: grid;
    gap: .3125rem;
}

.ela-cta__phone-content span {
    color: var(--color-text);
    font-size: .75rem;
    text-transform: uppercase;
}

.ela-cta__phone-content a {
    color: var(--color-accent);
    font-size: 1.125rem;
    font-weight: 700;
    text-decoration: none;
}

/* ----------------------------------- How It Works Section -----------------------------------*/


.how-it-works {
    padding: 5rem 0;
    position: relative;
    z-index: 2;
    background: transparent;
    overflow: visible;
}

.how-it-works::before {
    content: '';
    position: absolute;
    left: -25rem;
    bottom: 0;
    width: 100%;
    height: 42.25rem;
    background-image: url('../images/testimonials-bg.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.how-it-works__grid {
    display: grid;
    grid-template-columns: minmax(0, 44rem) minmax(0, 1fr);
    grid-column-gap: 7.5rem;
    grid-row-gap: 0;
    align-items: center;
}

.how-it-works__media {
    position: relative;
 grid-column: 1;
    grid-row: 1 / 3;
}

.how-it-works__content {
    grid-column: 2;
    grid-row: 1;
}

.how-it-works__details {
    grid-column: 2;
    grid-row: 2;
}

.how-it-works__image {
    width: 100%;
    height: 100%;  
    object-fit: cover;
    display: block;
    border-radius: 0.25rem 0.25rem 8.5rem 0.25rem;
}

.how-it-works__quote {
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem;
    max-width: 24rem;
    padding: 1.25rem;
    background: rgba(8, 20, 35, 0.35);
backdrop-filter: blur(5px);
    border-radius: 0.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.how-it-works__quote-icon {
    width: 1.125rem;
    margin-bottom: 1rem;
}

.how-it-works__quote p {
    margin: 0 0 1rem;
    color: var(--color-white);
    font-size: 1.25rem;
    font-weight: 700;
}

.how-it-works__quote span {
    display:flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--color-white);
    opacity: 0.8;
    font-weight: 700;
    font-size: var(--fs-small);
}

.how-it-works__quote span::before {
    content: '';
    width: 12.375rem;
    height: 1px;
    background: rgba(255,255,255,.2);
    flex-shrink: 0;

}

.how-it-works__title {
    margin-bottom: 1.25rem;
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.how-it-works__title em {
    font-style: italic;
}

.how-it-works__description {
    margin-bottom: 2rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.how-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem;
    margin-bottom: 1.875rem;
}

.how-step {
    padding: 1.25rem;
    background: #f3f1f0;
    border-radius: 0.25rem;
}

.how-step__header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.how-step__icon {
    width: 3.125rem;
    height: 3.125rem;
    flex: 0 0 3.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    border-radius: 0.125rem;
}

.how-step__icon img {
    width: 2.1875rem;
    height: 2.1875rem;
    display: block;
    object-fit: contain;
}

.how-step h3 {
    margin: 0;
    color: var(--color-primary);
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
    max-width: 10rem;
}

.how-step h3 em {
    font-style: italic;
}

.how-step p {
    margin: 0;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
  
}

.how-team-card {
    padding: 1.5rem;
    background: #F4F1F0;
    color: var(--color-primary);
    border-radius: 0.25rem;
}

.how-team-card__top {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.how-team-card__image {
    width: 6.5625rem;
    height: auto;
    flex-shrink: 0;
}

.how-team-card h3 {
    color: var(--color-primary);
    font-size: var(--fs-body-lg);
    line-height: 1.1;
    font-weight: 600;
}

.how-team-card h3 em {
    font-style: italic;
}

.how-team-card > p {
    margin: 0 0 1.25rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.how-team-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.875rem;
}

.how-team-card__badge {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.how-team-card__badge img {
    width: 5.9375rem;
    height: auto;
}

.how-team-card__badge p {
    margin: 0;
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------- Service Outcome Section -----------------------------------*/

.service-outcome {
    position: relative;
    padding: 5rem 0;
    z-index: 2;
}


.service-outcome .container {
    position: relative;
    z-index: 1;
}

.service-outcome__grid {
    display: grid;
    grid-template-columns: minmax(0, 50rem) minmax(0, 50rem);
    justify-content: space-between;
    gap: 1.875rem;
    align-items: start;
}

.service-outcome__content {
    min-width: 0;
}

.service-outcome__eyebrow,
.service-outcome__card-eyebrow {
    display: inline-block;
    margin-bottom: 1.25rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.service-outcome__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1.08;
    font-weight: 600;
    text-transform: capitalize;
}

.service-outcome__title em,
.service-outcome__card-title em,
.service-outcome__info-title em {
    font-style: italic;
}

.service-outcome__text {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.service-outcome__text p {
    margin: 0;
}

.service-outcome__text p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.service-outcome__text ul {
    display: grid;
    gap: .625rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.service-outcome__text li {
    position: relative;
    padding-left: 2rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.service-outcome__text li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .35rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.service-outcome__text li strong,
.service-outcome__text li b {
    color: var(--color-text);
    font-weight: 700;
}

.service-outcome__media-card {
    position: relative;
    min-width: 0;
    min-height: 48rem;
    overflow: hidden;
    border-radius: .25rem;

}

.service-outcome__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.service-outcome__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(28, 74, 125, 0.70) 18.17%, rgba(28, 74, 125, 0.00) 44.39%);
    pointer-events: none;
}

.service-outcome__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.service-outcome__media-overlay {
    position: relative;
    z-index: 1;
    padding: 1.875rem 1.875rem 18rem;
    color: var(--color-white);
}

.service-outcome__card-eyebrow {
    margin-bottom: .75rem;
    color: rgba(255,255,255,.8);
}

.service-outcome__card-title {
    max-width: 38rem;
    margin: 0 0 1.25rem;
    color: var(--color-white);
    font-size: 2.625rem;
    line-height: 1.1;
    font-weight: 600;
    text-transform: capitalize;
}

.service-outcome__card-description {
    max-width: 38rem;
    color: rgba(255,255,255,.92);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.service-outcome__card-description p {
    margin: 0;
}

.service-outcome__cards {
    position: absolute;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 1.875rem;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.service-outcome__info-card {
    padding: 1.25rem;
    background: var(--color-white);
    border-radius: .25rem;
    box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.08);
}

.service-outcome__info-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.service-outcome__info-icon {
    width: 1.875rem;
    height: 1.875rem;
    flex: 0 0 1.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.service-outcome__info-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.service-outcome__info-title {
    margin: 0;
    color: var(--color-primary);
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.service-outcome__info-text {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.service-outcome__info-text p {
    margin: 0;
}

/* ----------------------------------- Global Testimonials Section -----------------------------------*/


.global-testimonials {
    position: relative;
    z-index: 1;
    padding: 5rem 0 4.5rem;
    overflow: visible;
    background: transparent;
    border-radius: 0.25rem;
    overflow-x: clip;
}

.global-testimonials::before {
    content: '';
    position: absolute;
    top: -20rem;
    right: 0;
    width: 100%;
    height: 52.25rem;
    background-image: url('../images/testimonials-bg.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
  
}

.global-testimonials .container {
    position: relative;
    z-index: 1;
}

.global-testimonials__header {
    max-width: 56rem;
    margin: 0 0 3rem;
    text-align: left;
}

.global-testimonials__title {
    margin-bottom: 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.global-testimonials__title em {
    font-style: italic;
}

.global-testimonials__description {
    max-width: 43rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.testimonials-swiper {
    position: relative;
    overflow: visible;
    padding-bottom: 0;
}

.testimonials-swiper .swiper-wrapper {
    align-items: stretch;
}

.testimonials-swiper .swiper-slide {

    width: 23rem;
    height: auto;

}

.testimonials-swiper .swiper-slide--video {

    width: 35.625rem;

}

.testimonial-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 22rem;
    border-radius: 0.25rem;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.08);
}

.testimonial-card--text {
    padding: 1.875rem;
    background: #fff;
    color: var(--color-text);
}


.testimonial-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2rem;
}

.testimonial-card__stars {
    display: inline-flex;
    align-items: center;
    gap: .125rem;
    flex-shrink: 0;
}

.testimonial-card__stars img {
    width: .9375rem;
    height: .9375rem;
    display: block;
    object-fit: contain;
}

.testimonial-card__icon {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    object-fit: contain;
    flex-shrink: 0;
    margin-bottom: 0;
}

.testimonial-card--text h3 {
    margin: 0 0 1rem;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
}

.testimonial-card--text h3 em {
    font-style: italic;
}

.testimonial-card--text > p {
    margin: 0 0 1.5rem;
    color: var(--color-text);
    font-size: var(--fs-body);
    line-height: 1.5;
}

.testimonial-card__author {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: auto;

}

.testimonial-card__author img {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.testimonial-card__author span {
    color: var(--color-text);
    font-size: var(--fs-body);
    font-weight: 500;
}

.testimonial-card--video {
    padding: 0;
    border: 0;
    background: #000;
    color: #fff;
    cursor: pointer;
    text-align: left;
}

.testimonial-card__poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.testimonial-card--video::after {
    content: '';
    position: absolute;
    inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.52%, rgba(0, 0, 0, 0.80) 100%);
    z-index: 1;
}

.testimonial-card__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 3.75rem;
    height: 2.5rem;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.35);
    line-height: 1;
    transition: all .3s ease;
}

.testimonial-card__play::before {
    content: '';
    width: 0;
    height: 0;
    margin-left: 0.15rem;
    border-top: 0.46875rem solid transparent;
    border-bottom: 0.46875rem solid transparent;
    border-left: 0.65rem solid var(--color-white);
}

.testimonial-card--video:hover .testimonial-card__play {

    background: rgba(0, 0, 0, 0.48);

    transform: translate(-50%, -50%) scale(1.04);

}





.testimonial-card__video-content {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding: 2rem;
}

.testimonial-card__video-content h3 {
    margin: 0 0 0.5rem;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
}

.testimonial-card__video-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: var(--fs-body);
    line-height: 1.4;
}

.testimonials-nav {
    position: absolute;
    right: 0;
    top: -5.5rem;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.testimonials-nav button {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 73, 124, 0.25);
    border-radius: 0.25rem;
    background: transparent;
    color: var(--color-primary);
    line-height: 1;
    cursor: pointer;
    transition: all .3s ease;
}

.testimonials-nav button svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
}

.testimonials-nav button:hover {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, 0.06);
}

.video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.video-modal.is-open {
    display: flex;
}

.video-modal__overlay {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.72);
    cursor: pointer;
}

.video-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 64rem);
    background: #000;
    border-radius: 0.25rem;
}

.video-modal__close {
    position: absolute;
    top: -3rem;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1;
    cursor: pointer;
}

.video-modal__content {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-modal__content iframe,
.video-modal__content video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.video-modal-open {
    overflow: hidden;
}

.services-swiper.swiper,
.testimonials-swiper.swiper {
    overflow: visible;
}

/* ----------------------------------- Mission Section -----------------------------------*/

.mission-section {
    padding: 5rem 0;
    z-index: 2;
}

.mission-section__header {
    max-width: 58rem;
    margin: 0 auto 3rem;
    text-align: center;
}

.mission-section__eyebrow {
    margin-bottom: 1rem;
}

.mission-section__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
}

.mission-section__title em {
    font-style: italic;
}

.mission-section__description {
    max-width: 56rem;
    margin: 0 auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.mission-section__descаription p {
    margin: 0;
}

.mission-section__grid {
    display: grid;
    grid-template-columns: minmax(0, 32rem) minmax(0, 1fr);
    gap: .625rem;
    align-items: stretch;
}

.mission-section__media-card {
    position: relative;
    min-width: 0;
    min-height: 37.1875rem;
    overflow: hidden;
    border-radius: .25rem;
}

.mission-section__image {
    position: absolute;
    inset: 0;
}

.mission-section__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.mission-section__quote {
    position: absolute;
    left: .625rem;
    right: .625rem;
    bottom: .625rem;
    z-index: 2;
    padding: 1.25rem 1.125rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: .25rem;
    background: rgba(0, 0, 0, .2);
    color: var(--color-white);
}

.mission-section__quote p {
    margin: 0;
    color: var(--color-white);
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 600;
    max-width: 25.625rem;
}

.mission-section__content {
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: .625rem;
}

.mission-section__card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 1.875rem;
    border-radius: .25rem;
    background: #F4F1F0;
}

.mission-section__card-title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h3);
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.mission-section__card-title em {
    font-style: italic;
}

.mission-section__card--benefits {
    min-height: 13.0625rem;
    padding-right: 12.5rem;
}

.mission-section__benefits {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .625rem 2.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mission-section__benefits li {
    position: relative;
    padding-left: 1.875rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.35;
}

.mission-section__benefits li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .15rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mission-section__mountain {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18.8125rem;
    pointer-events: none;
    z-index: 1;
}

.mission-section__mountain img {
    width: 100%;
    height: auto;
    display: block;
}

.mission-section__card--practice {
    min-height: 16.5rem;
}

.mission-section__practice-content {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.mission-section__practice-content p {
    margin: 0;
}

.mission-section__practice-content p:not(:last-child) {
    margin-bottom: 1.25rem;
}

.mission-section__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .625rem;
}

.mission-section__stat {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    min-width: 0;
    padding: 1.25rem 1.5rem;
    border-radius: .25rem;
    background: #F4F1F0;
}

.mission-section__stat-icon {
    width: 1.875rem;
    height: 1.875rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mission-section__stat-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.mission-section__stat-number {
    margin: 0;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 3.25rem;
    line-height: 1.2;
    font-weight: 600;
    font-style: italic;
}

.mission-section__stat-text {
    max-width: 9rem;
    margin: 0 0 0 auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.25;
    text-align: right;
}
/* ----------------------------------- Help Section -----------------------------------*/

.help-section {
    position: relative;
    z-index: 2;
    padding: 5rem 0;
}

.help-section .container {
    position: relative;
    z-index: 1;
}

.help-section__grid {
   display: grid;
    grid-template-columns: minmax(0, 44rem) minmax(0, 1fr);
    grid-column-gap: 1.875rem;
    grid-row-gap: 0;
    align-items: top;
}

.help-section__image-column {
    min-width: 0;
}

.help-section__image-wrapper {
    position: relative;
    width: 100%;
    min-height: 49.5rem;
    overflow: hidden;
    border-radius: 6.25rem .25rem .25rem .25rem;
    background: #0A1B2D;
}

.help-section__image-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(10, 27, 45, .26);
    pointer-events: none;
}

.help-section__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.help-section__image-frame {
    position: absolute;
    inset: 3rem;
    z-index: 2;
    border: 2px solid var(--color-primary);
     border-radius: 6.25rem .25rem .25rem .25rem;
    pointer-events: none;
}

.help-section__logos {
    margin-top: 2.5rem;
}

.help-section__content {
    min-width: 0;
    padding: 2.5rem;
    border-radius: .25rem;
    background: #F4F1F0;
}

.help-section__eyebrow {
    margin: 0 0 1rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.help-section__title {
    max-width: 34rem;
    margin: 0 0 1.5rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1.05;
    font-weight: 600;
    text-transform: capitalize;
}

.help-section__title em,
.help-section__content-title em {
    font-style: italic;
}

.help-section__description {
    max-width: 38.125rem;
    margin-bottom: 1.875rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.help-section__description p,
.help-section__content-text p {
    margin: 0;
}

.help-section__description p:not(:last-child),
.help-section__content-text p:not(:last-child) {
    margin-bottom: 1rem;
}

.help-section__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
    margin-bottom: 1.875rem;
}

.help-section__stat {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-width: 0;
}

.help-section__stat-circle {
    position: relative;
    width: 5.625rem;
    height: 5.625rem;
    flex: 0 0 5.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--color-accent);
    border-radius: 50%;
    background: var(--color-white);
    color: var(--color-primary);
    box-shadow: inset 0 0 0 .55rem #F4F1F0;
}

.help-section__stat-circle span {
    display: inline-flex;
    align-items: flex-start;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    font-style: italic;
    color: var(--color-primary);
}

.help-section__stat-circle span::after {
    content: '%';
    margin-left: .125rem;
    font-size: .75rem;
    line-height: 1.1;
    font-style: normal;
    font-weight: 600;
    transform: translateY(.35rem);
}

.help-section__stat-text {
    max-width: 10rem;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
}

.help-section__divider {
    width: 100%;
    height: 1px;
    margin: 1.875rem 0;
    background: rgba(93, 90, 90, 0.20);
}

.help-section__content-title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h3);
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.help-section__content-text {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.help-section__content-text ul {
    display: grid;
    gap: .75rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.help-section__content-text li {
    position: relative;
    padding-left: 2rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.help-section__content-text li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .15rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.help-section__benefits {
    display: grid;
    gap: .75rem;
    margin: 1.25rem 0 1.875rem;
    padding: 0;
    list-style: none;
}

.help-section__benefit {
    position: relative;
    padding-left: 2rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.35;
}

.help-section__benefit::before {
    content: '';
    position: absolute;
    left: 0;
    top: .15rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.help-section__actions {
    margin-top: 1.875rem;
}



/* ----------------------------------- Process Section -----------------------------------*/

.process-section {
    position: relative;
    margin: 1.8rem 1.8rem 0;
    padding: 5rem 0;
    overflow: hidden;
    border-radius: .25rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 78%;
    color: var(--color-white);
}

.process-section__overlay {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(10, 27, 45, 0.80) 39.44%, rgba(10, 27, 45, 0.00) 65.35%);
    pointer-events: none;
}


.process-section .container {
    position: relative;
    z-index: 1;
}

.process-section__inner {
    width: 100%;
}

.process-section__content {
    max-width: 55.25rem;
}

.process-section__eyebrow {
    margin-bottom: 1.25rem;
    color: var(--color-accent);
}

.process-section__title {
    margin: 0 0 2.5rem;
    color: var(--color-white);
    font-size: var(--fs-h2);
    line-height: 1.05;
    font-weight: 600;
    text-transform: capitalize;
}

.process-section__title em,
.process-section__step-title em {
    font-style: italic;
}

.process-section__slider {
    display: none !important;
    overflow: visible;
}

.process-section__steps-desktop {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.process-section__step {
    padding: 0;
    border: none;
    background: transparent;
    gap: .625rem;
}

.process-section__step-header {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.process-section__step-number {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--color-white);
    background: transparent;
    color: var(--color-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: .125rem;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 600;
    font-style: italic;
}

.process-section__step-title {
    margin: 0;
    color: var(--color-white);
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.process-section__step-description {
    margin-top: .625rem;
    color: rgba(255,255,255,0.8);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

.process-section__step-description p {
    margin: 0;
}

.process-section__step-description p:not(:last-child) {
    margin: 0;
}

.process-section__bottom-text {
    max-width: 55rem;
    margin-top: 1.25rem;
    color: rgba(255, 255, 255, .82);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.process-section__bottom-text p {
    margin: 0;
}

.process-section__pagination {
    display: none;
}

.process-section__pagination.swiper-pagination {
    position: static;
}
/* ----------------------------------- Global Contact Section -----------------------------------*/


.global-contact {
    margin: 1.8rem 1.8rem 0;
    padding: 5rem 0;
    background: #1B3B66;
    border-radius: 0.25rem;
    color: #fff;
    overflow: hidden;
}

.global-contact__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 42rem);
    gap: 3.125rem;
    align-items: stretch;
}

.global-contact__left {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    height: auto;
}

.global-contact__header {
    max-width: 48rem;
}

.global-contact__title {
    margin: 0 0 1.5rem;
    color: #fff;
    font-size: var(--fs-h2);
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.global-contact__title em {
    font-style: italic;
}

.global-contact__description {
    max-width: 47rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.global-contact__gallery {
    display: grid;
    grid-template-columns: 1fr 1.35fr 1fr;
    grid-template-rows: repeat(2, 15rem);
    gap: 0.75rem;
    margin-top: 0;
}

.global-contact__gallery-item {
    min-width: 0;
    overflow: hidden;
    border-radius: 0.25rem;
}

.global-contact__gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* строго 4 фото вокруг центральной карточки */
.global-contact__gallery-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}

.global-contact__gallery-item:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
}

.global-contact__gallery-item:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
}

.global-contact__gallery-item:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}

.global-contact__card {
    grid-column: 2;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    color: var(--color-primary);
    padding: 2rem;
    border-radius: 0.25rem;
}
.global-contact__card-stat {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem;
    margin-left: auto;
    text-align: right;
}

.global-contact__card-stat-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}


.global-contact__card-stat-top strong {
    font-size: 3.875rem; /* 62px */
    line-height: 1;
    color: var(--color-primary);
    font-style: italic;
    font-weight: 700;
}

.global-contact__card-stat span {
    font-size: var(--fs-body);
    color: var(--color-primary);
    text-align: right;
}

.global-contact__card h3 {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 600;
    max-width: 12.125rem;
}

.global-contact__card h3 em {
    font-style: italic;
}

.global-contact__card p {
    margin: 0 0 2rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}


.global-contact__card-stat-top img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.global-contact__card-stat-top strong {
    font-size: 2.625rem; /* 62px */
    line-height: 1;
    color: var(--color-primary);
    font-style: italic;
    font-weight: 700;
}




/* Form card */

.global-contact__form-frame {
position: relative;
    padding: 1.5rem;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: .25rem;

}

.global-contact__form-card {

    position: relative;
    overflow: hidden;

    background: #fff;
    padding: 2.5rem 2.5rem 15rem;

    border-radius: .25rem;

}

.global-contact__form-frame {
    position: relative;
}

.global-contact__form-frame::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15rem;
    background-image: url('../images/contact-mountains.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;

    pointer-events: none;
    z-index: 2;
}



.global-contact__form-title,
.global-contact__form {
    position: relative;
    z-index: 2;
}

.global-contact__form-title {
    margin: 0 0 1.5rem;
    color: var(--color-primary);
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 600;
}

.global-contact__form-title em {
    font-style: italic;
}

/* Contact Form 7 */

.global-contact__form .wpcf7-form-control-wrap,
.consultation-popup__form .wpcf7-form-control-wrap {
    display: block;
}

.global-contact__form input,
.consultation-popup__form input {
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 0.25rem;
    background: #fff;
    padding: 1.5rem;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 400;
    transition: all .3s ease;
}

.global-contact__form input:not([type="submit"]),
.consultation-popup__form input:not([type="submit"]) {
    height: 3.125rem;
}

.global-contact__form input::placeholder,
.global-contact__form textarea::placeholder,
.consultation-popup__form input::placeholder,
.consultation-popup__form textarea::placeholder {
    color: #6A6868;
    opacity: 1;
    font-family: var(--font-body);
    font-weight: 400;
}

.global-contact__form input:focus,
.global-contact__form textarea:focus,
.consultation-popup__form input:focus,
.consultation-popup__form textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-primary);
}

.global-contact__form textarea,
.consultation-popup__form textarea {
    width: 100%;
    max-height: 6.25rem;
    resize: vertical;
    margin: 0;
    border: 1px solid #D9D9D9;
    border-radius: 0.25rem;
    background: #fff;
    padding: 1rem 0 1.5rem 1.5rem;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 400;
    transition: all .3s ease;
}


.contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.contact-form-grid .wpcf7-form-control-wrap {
    display: block;
}

.contact-form-grid .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
    margin-top: 0.75rem;
}

.contact-form-grid .wpcf7-form-control-wrap:has(textarea) {
    margin-top: 0.75rem;
}

.contact-form-grid p {
    margin: 0;
}

.contact-form-bottom {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-top: 1rem;
}


.global-contact__form input[type="submit"],
.consultation-popup__form input[type="submit"] {
    width: 12rem;
    height: 3.5rem;
    max-height: none;
    padding: 0 1.5rem;
    flex-shrink: 0;
    border: 0;
    border-radius: 0.125rem;
    background: var(--color-accent);
    color: #fff;
    font-family: var(--font-body);
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s ease;
}

.global-contact__form input[type="submit"]:hover,
.consultation-popup__form input[type="submit"]:hover {
    background: #E03487;
}


.contact-form-note {
    margin: 0;
    padding-top: .4rem;
    color: var(--color-text);
    font-size: .9375rem;
    line-height: 1.4;
    font-weight: 600;
}

/* ----------------------------------- Consultation Popup -----------------------------------*/

body.consultation-popup-open {
    overflow: hidden;
}

.consultation-popup {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.8rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease;
}

.consultation-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.consultation-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 27, 45, .72);
    backdrop-filter: blur(.35rem);
}

.consultation-popup__dialog {
    position: relative;
    z-index: 2;
    width: min(100%, 58.75rem);
    max-height: calc(100vh - 3.6rem);
    overflow: auto;
    border-radius: .25rem;
    background: var(--color-white);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .22);
    transform: translateY(1rem) scale(.98);
    transition: transform .3s ease;
}

.consultation-popup.is-open .consultation-popup__dialog {
    transform: translateY(0) scale(1);
}

.consultation-popup__close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    z-index: 5;
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: .25rem;
    background: var(--color-primary);
    color: var(--color-white);
    cursor: pointer;
    transition: border-color .3s ease, background-color .3s ease;
}

.consultation-popup__close:hover {
    border-color: var(--color-primary);
    background: transparent;
    color: var(--color-primary);
}

.consultation-popup__close span {
    position: absolute;
    width: 1.25rem;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
}

.consultation-popup__close span:first-child {
    transform: rotate(45deg);
}

.consultation-popup__close span:last-child {
    transform: rotate(-45deg);
}

.consultation-popup__inner {
    position: relative;
    min-height: 33.125rem;
    display: grid;
    grid-template-columns: minmax(0, 44rem) minmax(0, 1fr);
    overflow: hidden;
    background: #F4F1F0;
     background-image: url('../images/popup-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.consultation-popup__content {
    position: relative;
    z-index: 2;
    padding: 2.5rem;
    background: var(--color-white);
    margin: 1.25rem;
    border-radius: .25rem;
}


.consultation-popup__content .contact-form-bottom {
    max-width: 33rem;
}


.consultation-popup__title {
    max-width: 37rem;
    margin: 0 0 1.875rem;
    color: var(--color-primary);
    font-size: var(--fs-h3);
    line-height: 1.1;
    font-weight: 600;
    text-transform: capitalize;
}

.consultation-popup__title em {
    font-style: italic;
}

.consultation-popup__form {
    position: relative;
    z-index: 2;
}

.consultation-popup__form-placeholder {
    padding: 1.25rem;
    border: 1px dashed rgba(34, 73, 124, .25);
    border-radius: .25rem;
    color: var(--color-text);
    font-size: var(--fs-body);
}


.consultation-popup__form .wpcf7 form,
.consultation-popup__form .wpcf7-form {
    margin: 0;
}

.consultation-popup__form .wpcf7-response-output {
    margin: 1rem 0 0;
    padding: .75rem 1rem;
    border-radius: .25rem;
    font-size: .9375rem;
    line-height: 1.4;
}

.consultation-popup__note {
    max-width: 21rem;
    margin: 1rem 0 0;
    color: var(--color-text);
    font-size: .9375rem;
    line-height: 1.4;
    font-weight: 600;
}

.consultation-popup__image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 46.875rem;
    max-width: 58%;
    height: auto;
    pointer-events: none;
}



@media (max-width: 767px) {
    .consultation-popup {
        padding: 8px;
    }

    .consultation-popup__dialog {
        width: 100%;
        max-height: calc(100vh - 16px);
        border-radius: 4px;
    }

    .consultation-popup__close {
        top: 22px;
        right: 22px;
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }

    .consultation-popup__close span {
        width: 18px;
    }

    .consultation-popup__content {
        padding: 20px 20px 120px;
    }

    .consultation-popup__title {
        margin-bottom: 24px;
        font-size: var(--fs-h2);
        line-height: 100%;
    }

    .consultation-popup__form input,
    .consultation-popup__form textarea {
        font-size: 16px;
    }

    .consultation-popup__form input:not([type="submit"]) {
        height: 50px;
        padding: 0 16px;
    }

    .consultation-popup__form textarea {
        min-height: 100px;
        max-height: 100px;
        padding: 14px 16px;
    }

    .consultation-popup__form input[type="submit"] {
        width: 100%;
        height: 56px;
        font-size: 18px;
    }

    .consultation-popup__note {
        max-width: none;
        margin-top: 14px;
        font-size: 15px;
    }

    .consultation-popup__image {
        width: 360px;
        max-width: 100%;
        max-height: 50%;
    }

    .consultation-popup__content .contact-form-bottom{
        max-width: 220px;
    }
}

/* Contact page background */

body.page-template-default:has(.contact-info-section),
body.page-template-page-contact:has(.contact-info-section),
body:has(.contact-info-section) main {
    background: #F8F6F5;
}

/* ----------------------------------- Contact Info Section -----------------------------------*/

.contact-info-section {
    padding: 5rem 0;
}

.contact-info-section__grid {
    display: grid;
    grid-template-columns: minmax(0, 42rem) minmax(0, 1fr);
    gap: 1.875rem;
    align-items: stretch;
}

.contact-info-section__form {
    min-width: 0;
}

.contact-info-section__form .global-contact__form-frame,
.contact-info-section__form .global-contact__form-card {
    height: 100%;
}

.contact-info-section__card {
    display: flex;
    flex-direction: column;
    padding: 3.125rem;
    background: #1B3B66;
    border-radius: .25rem 6.25rem .25rem .25rem;
    color: #fff;
}

.contact-info-section__eyebrow {
    margin-bottom: 1rem;
}

.contact-info-section__title {
    margin: 0 0 1.25rem;
    color: #fff;
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
}

.contact-info-section__title em {
    font-style: italic;
}

.contact-info-section__description {
    margin-bottom: 2.5rem;
    color: rgba(255,255,255,.82);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.contact-info-section__description p:last-child {
    margin-bottom: 0;
}

.contact-info-section__items {
    display: grid;
    gap: 2.5rem;
    margin-top: auto;
}

.contact-info-section__item {
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.contact-info-section__heading {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.contact-info-section__icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-info-section__icon img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}

.contact-info-section__label {
    margin: 0;
    color: #FFFFFFCC;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.contact-info-section__info,
.contact-info-section__info:visited {
    display: block;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.5rem;
    max-width: 35.5rem;
    line-height: 1.35;
    font-weight: 500;
    text-decoration: none;
    transition: all .3s ease;
}

.contact-info-section__info:hover {
    color: var(--color-accent);
}

.contact-info-section__form .global-contact__form-frame {
    border-color: #22497C33;
}


.contact-info-section__form .global-contact__form-card{
    padding: 2.5rem 2.5rem 11rem;
}

/* Contact page features */

.contact-page-features-section {
    padding: 5rem 0;
    background: #F8F6F5;
}

.contact-page-features {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}

.contact-page-feature {
    max-width: 25rem;
}

.contact-page-feature__heading {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.contact-page-feature__icon {
    width: 3.125rem;
    height: 3.125rem;
    flex: 0 0 3.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .125rem;
    background: var(--color-primary);
}

.contact-page-feature__icon img {
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    object-fit: contain;
}

.contact-page-feature h3 {
    margin: 0;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.625rem;
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
}

.contact-page-feature h3 em {
    font-style: italic;
}

.contact-page-feature p {
    max-width: 31rem;
    margin: 0;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

/* ----------------------------------- Video Resources Cards -----------------------------------*/

.global-video-resources {
    margin: 0;
    padding: 5rem 0;
    border-radius: 0.25rem;
    overflow-x: clip;
}

.global-video-resources__header {
    max-width: 73rem;
    margin: 0 auto 3rem;
    text-align: center;
}

.global-video-resources__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.global-video-resources__title em {
    font-style: italic;
}

.global-video-resources__description {
    max-width: 65rem;
    margin-inline: auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.global-video-marquee {
    position: relative;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    overflow: hidden;
}

.global-video-marquee__track {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
    width: max-content;
    animation: global-video-marquee 45s linear infinite;
    will-change: transform;
}

.global-video-marquee:hover .global-video-marquee__track {
    animation-play-state: paused;
}

.global-video-marquee__item {
    width: 35.6rem;
    flex: 0 0 35.6rem;
}

@keyframes global-video-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 0.75rem));
    }
}

.video-resource-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: .0625rem solid rgba(93, 90, 90, 0.10);
    border-bottom: .1875rem solid transparent;
    border-radius: .25rem;
    background: var(--color-white);
    box-shadow: 0 1rem 2.25rem 0 rgba(2, 6, 23, 0.03);
    transition: border-bottom-color .3s ease, box-shadow .3s ease;
}

.video-resource-card:hover {
    border-bottom-color: var(--color-primary);
    cursor: pointer;
}

.video-resource-card__media {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: .25rem;
    background: #000;
}

.video-resource-card__media::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.global-video-marquee .video-resource-card__media::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.52%, rgba(0, 0, 0, 0.80) 100%);
}

.video-resource-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.video-resource-card__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 3.75rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    background: rgba(0, 0, 0, 0.35);
    color: var(--color-white);
    line-height: 1;
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
}

.video-resource-card__play span {
    display: none;
}

.video-resource-card__play::before {
    content: '';
    width: 0;
    height: 0;
    margin-left: .15rem;
    border-top: .46875rem solid transparent;
    border-bottom: .46875rem solid transparent;
    border-left: .65rem solid var(--color-white);
}

.video-resource-card:hover .video-resource-card__play {
    background: rgba(0, 0, 0, 0.48);
    transform: translate(-50%, -50%) scale(1.04);
}

.video-resource-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-top: 1.25rem;
}

.video-resource-card__meta {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .875rem;
    color: var(--color-accent);
    font-size: var(--fs-small);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .04375rem;
}

.video-resource-card__meta span {
    display: flex;
    align-items: center;
}

.video-resource-card__meta span + span::before {
    content: '';
    width: .25rem;
    height: .25rem;
    margin-right: .875rem;
    border-radius: 50%;
    background: var(--color-accent);
    flex-shrink: 0;
}

.video-resource-card h3 {
    margin: 0 0 .625rem;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.18;
    font-weight: 600;
}

.video-resource-card h3 a {
    color: inherit;
}

.video-resource-card p {
    margin: 0;
    color: var(--color-text);
    font-size: var(--fs-eyebrow);
    line-height: 1.5;
}

.video-resource-card__more {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    width: fit-content;
    margin-top: auto;
    padding-top: 1.25rem;
    color: var(--color-accent);
    font-size: .875rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.video-resource-card__more .icon-arrow {
    width: 1.0625rem;
    height: 1.0625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: currentColor;
    transition: transform .3s ease;
}

.video-resource-card__more .icon-arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.video-resource-card__more .icon-arrow svg path {
    fill: currentColor;
}

.video-resource-card__more:hover .icon-arrow {
    transform: rotate(45deg);
}

.video-resource-card__overlay {
    position: absolute;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.35rem;
    z-index: 2;
    color: var(--color-white);
}

/* Home video cards */

.video-resource-card--home .video-resource-card__media {
    height: 22rem;
}

.video-resource-card--home h3,
.video-resource-card--home p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.video-resource-card--home h3 {
    -webkit-line-clamp: 1;
    margin: 0 0 .35rem;
    color: var(--color-white);
    font-size: 1.25rem;
    line-height: 1.15;
}

.video-resource-card--home p {
    -webkit-line-clamp: 1;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: var(--fs-body);
    line-height: 1.35;
}

/* Archive video cards */

.video-resource-card--archive .video-resource-card__media {
    aspect-ratio: 45 / 26;
    border-radius: 0;
}

.video-resource-card--archive .video-resource-card__content {
    padding: 1.25rem;
}

.global-video-resources__button {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

/* Video archive page */

body.post-type-archive-video_resource,
body.post-type-archive-video_resource main,
body.post-type-archive-video_resource .video-archive,
body.page-template-page-video-resources,
body.page-template-page-video-resources main,
body.page-template-page-video-resources .video-archive {
    background: #F8F6F5;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive {
    margin: 0;
    padding: 5rem 0;
    border-radius: 0;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__featured,
:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__grid {
    width: 100%;
    margin-inline: 0;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__featured {
    margin-bottom: 1.875rem;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured {
    display: grid;
    grid-template-columns: minmax(0, 39rem) minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(93, 90, 90, 0.10);
    border-radius: .25rem;
    background: var(--color-white);
    box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.03);
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__content {
    order: 1;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2.5rem;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__media {
    order: 2;
    height: 100%;
    min-height: unset;
    aspect-ratio: 16 / 9;
    border-radius: 0;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__media img {
    height: 100%;
    object-fit: cover;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__meta {
    margin-bottom: 1.875rem;
    font-size: var(--fs-eyebrow);
    letter-spacing: .05rem;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured h3 {
    margin-bottom: 1rem;
    font-size: var(--fs-h3);
    line-height: 1.2;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured p {
    max-width: 32.5rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.45;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__more {
    justify-content: center;
    gap: .625rem;
    min-width: 15rem;
    height: 3.5rem;
    margin-top: auto;
    padding: 0 1.5rem;
    border-radius: .125rem;
    background: var(--color-accent);
    color: var(--color-white);
    font-size: var(--fs-body-lg);
    transition: background-color .3s ease;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__more:hover {
    background: #E03487;
    color: var(--color-white);
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__more .icon-arrow {
    width: 1.5rem;
    height: 1.5rem;
}

:is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.875rem;
}

.video-archive__item.is-hidden,
.video-archive__load-more.is-hidden {
    display: none;
}

.video-archive__load-more {
    display: flex;
    justify-content: center;
    margin-top: 1.875rem;
}

.video-archive__load-more-btn {
    min-width: 12.5rem;
    height: 3.5rem;
    border: 0;
    border-radius: .25rem;
    background-color: var(--color-accent);
    color: var(--color-white);
    font-family: var(--font-body);
    font-size: var(--fs-body-lg);
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .3s ease;
}

.video-archive__load-more-btn:hover {
    background-color: #E03487;
}

@media (max-width: 800px) and (min-width: 768px) {
    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive {
        padding: 4rem 0;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured {
        grid-template-columns: 1fr;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__content {
        order: 2;
        padding: 2rem;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__media {
        order: 1;
        min-height: 26rem;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }
}


/* ----------------------------------- Single Video Resource Page -----------------------------------*/

.single-video__content,
.single-video__navigation,
.single-video-related {
    width: 100%;
}

body.single-video_resource,
body.single-video_resource main,
.single-video-page {
    background: #F8F6F5;
}

.single-video-page .single-video-hero.internal-hero {
    min-height: 42rem;
    margin: 1.8rem 1.8rem 0;
    padding: 11rem 0 5rem;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    background-image: url('../images/bg-video-single.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.single-video-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}



.single-video-hero__breadcrumbs {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .625rem;
    margin-bottom: 2.5rem;
    color: rgba(255, 255, 255, .5);
    font-size: .75rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .0375rem;
      justify-content: center;
}

.single-video-hero__breadcrumbs a {
    color: rgba(255, 255, 255, .58);
    transition: color .3s ease;
}

.single-video-hero__breadcrumbs a:hover,
.single-video-hero__breadcrumbs span:last-child {
    color: var(--color-white);
}


.single-video-hero__title {
    width: 100%;
    margin: 0 0 1.25rem;
    color: var(--color-white);
    font-size: 3.875rem;
    line-height: 1.08;
    font-weight: 600;
    text-transform: capitalize;
}

.single-video-hero__excerpt {
    margin-bottom: 1.25rem;
    color: rgba(255, 255, 255, .88);
    font-size: 1.25rem;
    line-height: 1.5;
        max-width: 72.375rem;
    margin-left: auto;
    margin-right: auto;
}

.single-video-hero__excerpt p {
    margin: 0;
}

.single-video-hero__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .875rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .05rem;
    justify-content: center;
}

.single-video-hero__meta span {
    display: inline-flex;
    align-items: center;
}

.single-video-hero__meta span + span::before {
    content: '';
    width: .25rem;
    height: .25rem;
    margin-right: .875rem;
    border-radius: 50%;
    background: var(--color-accent);
    flex-shrink: 0;
}

.single-video-main {
    position: relative;
    z-index: 3;
    margin-top: -6.5rem;
    padding: 0 0 5rem 0;
}

.single-video-main__container {
    max-width: 75rem;
}

.single-video__player {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 3rem;
    overflow: hidden;
    border-radius: .25rem;
    background: #000;
    box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.08);
}

.single-video__player iframe,
.single-video__player video,
.single-video__player img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    object-fit: cover;
}

.single-video__content {
    max-width: 75rem;
    margin: 0 auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.6;
}

.single-video__content h2,
.single-video__content h3,
.single-video__content h4 {
    max-width: 60rem;
    margin: 2.5rem 0 1.25rem;
    color: var(--color-primary);
    font-weight: 600;
    text-transform: none;
}

.single-video__content h2 {
    font-size: 1.75rem;
    line-height: 1.12;
}

.single-video__content h3 {
    font-size: 1.5rem;
    line-height: 1.18;
}

.single-video__content p,
.single-video__content ul,
.single-video__content ol {
    margin: 0 0 1.25rem;
}

.single-video__content p:last-child,
.single-video__content ul:last-child,
.single-video__content ol:last-child {
    margin-bottom: 0;
}

.single-video__content ul,
.single-video__content ol {
    margin: 0 0 1.25rem;
}

.single-video__content ul {
    padding: 0;
    list-style: none;
}

.single-video__content ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .625rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.single-video__content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .35rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.single-video__content ol {
    padding-left: 1.5rem;
}

.single-video__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    max-width: 75rem;
    margin: 2.5rem auto 0;
}

.single-video__navigation a,
.single-video__nav-link {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1;
    font-weight: 500;
    transition: color .3s ease;
}



.single-video__arrow,
.single-video__nav-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(34, 73, 124, 0.25);
    border-radius: .25rem;
    background: transparent;
    color: var(--color-primary);
    font-size: 0;
    line-height: 1;
    transition: all .3s ease;
}

.single-video__navigation a:hover .single-video__arrow,
.single-video__navigation a:hover .single-video__nav-icon,
.single-video__nav-link:hover .single-video__arrow,
.single-video__nav-link:hover .single-video__nav-icon {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, 0.06);
    color: var(--color-primary);
}

.single-video__arrow svg,
.single-video__nav-icon svg {
    width: 1.875rem;
    display: block;
}

.single-video__nav-next {
    margin-left: auto;
}

/* ----------------------------------- Single Video Related -----------------------------------*/

.single-video-related {
    padding: 5rem 0;
    background: #F8F6F5;
    overflow: hidden;
}

.single-video-related__header {
    max-width: 58rem;
    margin: 0 auto 3rem;
    text-align: center;
}

.single-video-related__header .section-eyebrow {
    margin-bottom: 1rem;
}

.single-video-related__header h2 {
    margin: 0;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.single-video-related__header h2 em {
    font-style: italic;
}

.single-video-related__slider-wrap {
    position: relative;
    width: 100%;
}

.single-video-related__swiper {
    width: 100%;
    overflow: hidden;
}

.single-video-related__swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.single-video-related__swiper .swiper-slide {
    height: auto;
    display: flex;
}

.single-video-related__swiper .video-resource-card {
    width: 100%;
    height: 100%;
}

.single-video-related__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.single-video-related__nav {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(34, 73, 124, 0.25);
    border-radius: .25rem;
    background: transparent;
    color: var(--color-primary);
    line-height: 1;
    cursor: pointer;
    transition: all .3s ease;
}

.single-video-related__nav:hover {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, 0.06);
}

.single-video-related__nav svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
}

.single-video-related__pagination {
    display: none !important;
}


/* ======================================== FAQ SECTION ======================================== */

.faq-section {
    position: relative;
    padding: 5rem 0;
    background-image: url('../images/bg-faq.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    overflow: hidden;
}

.faq-section .container {
    max-width: 73.125rem;
}

.faq-section__grid {
    display: block;
}

.faq-section__content {
    margin: 0 auto 2.5rem;
    text-align: center;
}

.faq-section__eyebrow {
    display: inline-block;
    margin-bottom: 1.25rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.faq-section__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.faq-section__title em {
    font-style: italic;
}

.faq-section__description {
    margin: 0 auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.faq-section__description p {
    margin: 0;
}

.faq-section__items {
    display: grid;
    gap: .9375rem;
    max-width: 70.625rem;
    margin: 0 auto;
}

.faq-section__item {
    background: var(--color-white);
    border-radius: .25rem;
    overflow: hidden;
    border: 1px solid rgba(93, 90, 90, 0.05);
}

.faq-section__question {
    width: 100%;
    padding: 1.25rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    border: 0;
    background: transparent;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.faq-section__question span:first-child {
    min-width: 0;
}

.faq-section__icon {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    flex: 0 0 1.875rem;
    border-radius: 50%;
    background-color: var(--color-text);
    background-image: url('../images/icons/faq-plus.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: .9375rem .9375rem;
    transition: transform .3s ease, background-color .3s ease;
}



.faq-section__item.is-open .faq-section__icon {
    transform: rotate(45deg);
    background-color: var(--color-primary);
}

.faq-section__answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 1.25rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
    transition: max-height .35s ease, padding-bottom .35s ease;
}

.faq-section__item.is-open .faq-section__answer {
     margin-bottom: 1.25rem;
}

.faq-section__answer p {
    margin: 0;
}

body.page-template-page-blog,
body.page-template-page-blog main,
body.page-template-page-blog .blog-archive-page,
body.page-template-page-blog .blog-archive {
    background: #F8F6F5;
}

.blog-archive {
    padding: 5rem 0;
    background: #F8F6F5;
}

.blog-archive-hero {
    background-image: url('../images/bg-blog.jpg');
}

.blog-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.875rem;
}

.blog-archive__pagination {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

.blog-archive__pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-archive__pagination .page-numbers {
    min-width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7C7979;
    font-size: var(--fs-body);
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
        transition: all .3s ease;
}

.blog-archive__pagination .page-numbers:hover {
    color: var(--color-primary);
}

.blog-archive__pagination .page-numbers.current {
    color: var(--color-primary);
    background: transparent;
}

.blog-archive__pagination a.page-numbers.prev,
.blog-archive__pagination a.page-numbers.next {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    border: 1px solid rgba(34, 73, 124, 0.25);
    border-radius: .25rem;
    background: transparent;
    color: var(--color-primary);
    transition: all .3s ease;
}

.blog-archive__pagination a.page-numbers.prev:hover,
.blog-archive__pagination a.page-numbers.next:hover {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, 0.06);
}

.blog-archive__pagination a.page-numbers.prev svg,
.blog-archive__pagination a.page-numbers.next svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
}

/* ----------------------------------- Single Blog Post Page -----------------------------------*/

body.single-post,
body.single-post main,
.single-post-page {
    background: #F8F6F5;
}

.single-post-page .single-post-hero.internal-hero {
    min-height: 37.5rem;
    margin: 1.8rem 1.8rem 0;
    padding: 11rem 0 5rem;
    display: flex;
    align-items: left;
justify-content: flex-start;
    text-align: left;
    background-image: url('../images/bg-post.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-post-hero__breadcrumbs {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: .625rem;
    margin-bottom: 2.5rem;
    color: rgba(255, 255, 255, .5);
    font-size: .75rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .0375rem;
}

.single-post-hero__breadcrumbs a {
    color: rgba(255, 255, 255, .58);
    transition: color .3s ease;
}

.single-post-hero__breadcrumbs a:hover,
.single-post-hero__breadcrumbs span:last-child {
    color: var(--color-white);
}

.single-post-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 75rem;
    margin: 0;
    text-align: left;
}

.single-post-hero__title {
    width: 100%;
    max-width: 63.75rem;
    margin: 0 0 1.25rem;
    color: var(--color-white);
    font-size: 3.875rem;
    line-height: 1.08;
    font-weight: 600;
    text-transform: capitalize;
}

.single-post-hero__excerpt {
    max-width: 65.375rem;
    margin: 0 0 1.25rem;
    color: var(--color-white);
    font-size: 1.25rem;
    line-height: 1.5;
}

.single-post-hero__excerpt p {
    margin: 0;
}

.single-post-hero__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
     justify-content: flex-start;
    gap: .875rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .05rem;
}

.single-post-hero__meta span {
    display: inline-flex;
    align-items: center;
}

.single-post-hero__meta span + span::before {
    content: '';
    width: .25rem;
    height: .25rem;
    margin-right: .875rem;
    border-radius: 50%;
    background: var(--color-accent);
    flex-shrink: 0;
}

.single-post-main {
    position: relative;
    z-index: 3;
    padding: 5rem 0 0;
}

.single-post-main__container {
    max-width: var(--container-width);
}

.single-post__content {
   width: 100%;
max-width: 100%;
margin: 0;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.6;
}

.single-post__content a,
.single-post__content a:visited {
    color: var(--color-accent);
    transition: color .3s ease;
}

.single-post__content a:hover {
    color: #E03487;
}

.single-post__content > *:first-child {
    margin-top: 0;
}

.single-post__content > *:last-child {
    margin-bottom: 0;
}

.single-post__content p {
    margin: 0 0 .625rem;
}

.single-post__content h2,
.single-post__content h3,
.single-post__content h4 {
    max-width: 60rem;
    margin: 2.5rem 0 1.25rem;
    color: var(--color-primary);
    font-weight: 600;
    text-transform: none;
}

.single-post__content h2 {
    font-size: 1.75rem;
    line-height: 1.12;
}

.single-post__content h3 {
    font-size: 1.5rem;
    line-height: 1.18;
}

.single-post__content h4 {
    font-size: 1.25rem;
    line-height: 1.2;
}

.single-post__content ul,
.single-post__content ol {
    margin: 0 0 1.25rem;
}

.single-post__content ul {
    padding: 0;
    list-style: none;
}

.single-post__content ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .625rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.single-post__content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .35rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.single-post__content ol {
    padding-left: 1.5rem;
}

.single-post__content blockquote,
.single-post__content .wp-block-quote {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin: 2.5rem 0;
    padding: 1.875rem 2.5rem;
    border: 0;
    border-radius: .25rem;
    background: var(--color-white);
    color: var(--color-primary);
    box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.03);
}

.single-post__content blockquote::before,
.single-post__content .wp-block-quote::before {
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.875rem;
    margin-top: -.15rem;
    background-image: url('../images/icons/quote.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.single-post__content blockquote p,
.single-post__content .wp-block-quote p {
    margin: 0;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 600;
}

.single-post__content blockquote cite,
.single-post__content .wp-block-quote cite {
    display: block;
    margin-top: 1rem;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: var(--fs-body);
    font-style: normal;
    font-weight: 500;
}

.single-post__content hr,
.single-post__content .wp-block-separator {
    width: 100%;
    height: 1px;
    margin: 2.5rem 0;
    border: 0;
    background: var(--color-primary);
}

.single-post__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    max-width: 100%;
    margin: 2.5rem 0 0;
    padding-top: 2.5rem;
    border-top: 1px solid rgba(34, 73, 124, 0.16);
}

.single-post__navigation a {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1;
    font-weight: 500;
    transition: color .3s ease;
}

.single-post__nav-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(34, 73, 124, 0.25);
    border-radius: .25rem;
    background: transparent;
    color: var(--color-primary);
    font-size: 0;
    line-height: 1;
    transition: all .3s ease;
}

.single-post__navigation a:hover .single-post__nav-icon {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, 0.06);
    color: var(--color-primary);
}

.single-post__nav-icon svg {
    width: 1.875rem;
    display: block;
}

.single-post__nav-next {
    margin-left: auto;
}

/* ----------------------------------- Single Blog Related -----------------------------------*/

.single-post-related {
    padding: 5rem 0;
    background: #F8F6F5;
    overflow: hidden;
}

.single-post-related__header {
    max-width: 58rem;
    margin: 0 auto 3rem;
    text-align: center;
}

.single-post-related__header .section-eyebrow {
    margin-bottom: 1rem;
}

.single-post-related__header h2 {
    margin: 0;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize;
}

.single-post-related__header h2 em {
    font-style: italic;
}

.single-post-related__slider-wrap {
    position: relative;
    width: 100%;
}

.single-post-related__swiper {
    width: 100%;
    overflow: hidden;
}

.single-post-related__swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.single-post-related__swiper .swiper-slide {
    height: auto;
    display: flex;
}

.single-post-related__swiper .video-resource-card {
    width: 100%;
    height: 100%;
}

.single-post-related__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.single-post-related__nav {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(34, 73, 124, 0.25);
    border-radius: .25rem;
    background: transparent;
    color: var(--color-primary);
    line-height: 1;
    cursor: pointer;
    transition: all .3s ease;
}

.single-post-related__nav:hover {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, 0.06);
}

.single-post-related__nav svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
}

/* ----------------------------------- About Lawyer Section -----------------------------------*/

.about-lawyer-section {
    position: relative;
    padding: 5rem 0;
    overflow: hidden;
    background: transparent;
    z-index: 1;
}

.about-lawyer-section__main-photo {
    display: none;
}


.about-lawyer-section .container {
    position: relative;
    z-index: 1;
}

.about-lawyer-section__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 35.5rem);
    gap: 1.875rem;
    align-items: stretch;
}



.about-lawyer-section__eyebrow {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--color-accent);
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.about-lawyer-section__title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1.05;
    font-weight: 600;
    text-transform: capitalize;
}

.about-lawyer-section__title em,
.about-lawyer-section__courts-title em,
.about-lawyer-section__education-title em,
.about-lawyer-section__media-title em,
.about-lawyer-section__practice-title em,
.about-lawyer-section__practice-item-title em {
    font-style: italic;
}

.about-lawyer-section__description {
    max-width: 50.625rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.about-lawyer-section__description p {
    margin: 0;
}

.about-lawyer-section__description p:not(:last-child) {
    margin-bottom: 1.25rem;
}


 .about-lawyer-section__courts {
    position: relative;
    min-height: 26.25rem;
    overflow: hidden;
    padding: 2.5rem;
    border-radius: 6.25rem .25rem .25rem .25rem;
    background-color: transparent;
    background-image: url('../images/about-lawyer-main.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-lawyer-section__courts-frame {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 21.25rem;
    padding: 1.25rem;
border: .125rem solid var(--Blue, #22497C);
background: rgba(27, 59, 102, 0.20);
backdrop-filter: blur(5px);
    border-radius: 6.25rem .25rem .25rem .25rem;
}

.about-lawyer-section__courts-card {
    position: relative;
    min-height: 17.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.875rem 1.875rem 1.25rem 1.875rem;
    border-radius: 5.5rem .25rem .25rem .25rem;
    background: var(--color-white);
    overflow: hidden;
}


.about-lawyer-section__education-list {
    display: grid;
    gap: .625rem;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 1.25rem;
}


.about-lawyer-section__courts-title,
.about-lawyer-section__practice-title {
    margin: 0 0 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h3);
    line-height: 1.2;
    font-weight: 600;
    text-transform: capitalize;
}

.about-lawyer-section__courts-title {
    margin: 0 -2.5rem 1.5rem;
    padding: 0 2.5rem 1.25rem;
    border-bottom: 1px solid rgba(93, 90, 90, 0.20);
    text-align: right;
}

.about-lawyer-section__courts-list {
    display: grid;
    gap: .625rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.about-lawyer-section__courts-list li,
.about-lawyer-section__education-list li {
    position: relative;
    padding-left: 1.875rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.35;
}

.about-lawyer-section__courts-list li::before,
.about-lawyer-section__education-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .15rem;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url('../images/icons/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.about-lawyer-section__courts-logos {
    margin-top: auto;
    padding-top: 1.5rem;
    width: 100%;
    pointer-events: none;
}

.about-lawyer-section__courts-logos img {
    width: 100%;
    max-height: 3.75rem;
    object-fit: contain;
    display: block;
}

.about-lawyer-section__education {
    position: relative;
    grid-column: 1;
    overflow: hidden;
    padding: 3.75rem 4.375rem 1.875rem 4.375rem;
    border-radius: .25rem;
    background: transparent;
}

.about-lawyer-section__education-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}




.about-lawyer-section__education-bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center bottom;
}

.about-lawyer-section__education-frame {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1.25rem;
    padding: 1.25rem;
    border-radius: .25rem;
    border: 2px solid var(--color-primary);
background: rgba(27, 59, 102, 0.20);
backdrop-filter: blur(5px);
min-height: 48.625rem;
}

.about-lawyer-section__education-card {
    position: relative;
    overflow: hidden;
    border-radius: .25rem;
    background: var(--color-white);
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.about-lawyer-section__education-card--top {
    padding-top: 3.125rem;
}

.about-lawyer-section__avatar {
    position: absolute;
    top: -1.875rem;
    left: 50%;
    z-index: 3;
    width: 6.25rem;
    height: 6.25rem;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: 50%;
}

.about-lawyer-section__avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.about-lawyer-section__languages-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1.25rem;
    margin-top: 1.25rem;
    border-top: 1px solid rgba(93, 90, 90, .18);
    color: var(--color-text);
    font-size: var(--fs-eyebrow);
    line-height: 1.35;
    padding: 1.25rem 0;
}

.about-lawyer-section__languages {
    display: flex;
    align-items: center;
    gap: .625rem;
    flex-wrap: wrap;
}

.about-lawyer-section__languages span {
    display: flex;
    align-items: center;
}

.about-lawyer-section__languages span:not(:last-child)::after {
    content: "";
    width: .1875rem;   /* 6px */
    height: .1875rem;
    margin-left: .625rem;
    border-radius: 50%;
    background: currentColor;
}

.about-lawyer-section__languages-label {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 1.25rem;
}

.about-lawyer-section__media-title{
    margin: 0;
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(93, 90, 90, .18);
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.about-lawyer-section__education-title {
    margin: 0;
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(93, 90, 90, .18);
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: var(--fs-h3);
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.about-lawyer-section__media-content {
    max-width: 44rem;
    padding: 1.25rem 0;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.about-lawyer-section__media-content p {
    margin: 0;
}

.about-lawyer-section__media-content p:not(:last-child) {
    margin-bottom: 1.25rem;
}




.about-lawyer-section__practice {
    grid-column: 2;
    grid-row: 2;
    padding: 1.875rem;
    background-color: #F4F1F0;
    border: 1px solid rgba(93, 90, 90, 0.05);
    border-radius: 0.25rem;
}


.about-lawyer-section__practice-list {
    display: grid;
    gap: 1.5625rem;
}

.about-lawyer-section__practice-item {
    display: grid;
    grid-template-columns: 3.125rem minmax(0, 1fr);
    gap: .25rem .9375rem;
    align-items: start;
    border-radius: .25rem;
}

.about-lawyer-section__practice-icon {
    grid-row: 1 / 3;
    width: 3.125rem;
    height: 3.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .125rem;
    background: var(--color-white);
}

.about-lawyer-section__practice-icon img {
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    object-fit: contain;
}

.about-lawyer-section__practice-item-title {
    margin: 0;
    color: var(--color-primary);
font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: capitalize;
}

.about-lawyer-section__practice-item-desc {
    color: var(--color-text);
    font-size: 1rem;
    line-height: 1.45;
}

.about-lawyer-section__practice-item-desc p {
    margin: 0;
}

/* ----------------------------------- Results Section -----------------------------------*/

.results-section {
    position: relative;
    padding: 5rem 0;
    overflow: visible;
    background: var(--color-white);
    color: var(--color-text);
}

.results-section::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -18.75rem;
    height: 42.5625rem;
    z-index: 0;
    background-image: url('../images/results-bg.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    opacity: 1;
    pointer-events: none;
}



.results-section .container {
    position: relative;
    z-index: 1;
}

.results-section__header {
    max-width: 75rem;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.results-section__eyebrow {
    margin-bottom: 1rem;
    color: var(--color-accent);
}

.results-section__title {
    max-width: 73rem;
    margin: 0 auto 1.25rem;
    color: var(--color-primary);
    font-size: var(--fs-h2);
    line-height: 1.05;
    font-weight: 600;
    text-transform: capitalize;
}

.results-section__title em,
.results-section__item-title em {
    font-style: italic;
}

.results-section__description {
    max-width: 70rem;
    margin: 0 auto;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.results-section__description p {
    margin: 0;
}

.results-section__slider {
    position: relative;
    overflow: visible;
}

@media (min-width: 768px) {
    .results-section__wrapper.swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.875rem 3.75rem;
        transform: none !important;
    }
}

.results-section__item.swiper-slide {
    position: relative;
    min-width: 0;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 1.875rem;
    border: 0;
    border-left: 2px solid #F4F1F0;
    border-radius: 0;
    background: transparent;
    color: var(--color-text);
    box-shadow: none;
    transition: border-left-color .3s ease;
}

@media (min-width: 768px) {
    .results-section__item.swiper-slide {
        width: auto !important;
    }
}

.results-section__item:hover{
    border-color: var(--color-primary);
}

.results-section__item-title {
    margin: 0 0 1rem;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 600;
    text-transform: none;
}

.results-section__item-description {
    max-width: 40rem;
    margin-bottom: 1.25rem;
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.5;
}

.results-section__item-description p {
    margin: 0;
}

.results-section__item-description p:not(:last-child) {
    margin-bottom: 1rem;
}

.results-section__court-label {
    display: inline-flex;
    width: fit-content;
    margin-top: auto;
    padding: .5rem .875rem;
    border-radius: .125rem;
    background: rgba(93, 90, 90, .08);
    color: #7C7979;
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .04375rem;
}

.results-section__item:hover .results-section__court-label{
    cursor: pointer;
    color: var(--color-accent);
}


.results-section__nav.services-nav {
    display: none;
}

.results-section__nav-btn {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 73, 124, .25);
    border-radius: .25rem;
    background: transparent;
    color: var(--color-primary);
    cursor: pointer;
    transition: all .3s ease;
}

.results-section__nav-btn svg {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
}

.results-section__nav-btn:hover {
    border-color: var(--color-primary);
    background: rgba(34, 73, 124, .06);
}

.results-section__nav-btn--prev {
    transform: rotate(180deg);
}


/* ----------------------------------- Tablet Responsive -----------------------------------*/

@media (max-width: 1024px) {
    .service-process {
        padding: 4rem 0;
    }

    .service-process__grid {
        grid-template-columns: minmax(0, 34rem) minmax(0, 1fr);
        gap: 2rem;
    }

    .service-process__image img {
        height: 42rem;
        border-radius: .25rem .25rem 7rem .25rem;
    }

    .service-process__title {
        font-size: 3rem;
        line-height: 1.08;
    }

    .service-process__description,
    .service-process__step-text {
        font-size: 1rem;
    }

    .service-process__steps {
        gap: 1rem;
    }

    .service-process__step {
        padding: 1rem;
    }

    .service-process__step-title {
        font-size: 1.125rem;
    }

    .service-process__actions {
        gap: 1rem;
        flex-wrap: wrap;
    }
    :root {
        --container-padding: 1.5rem;
        --fs-h1: 4.25rem;
        --fs-h2: 3.25rem;
        --fs-h3: 1.5rem;
    }

    .hero--home,
    .global-services,
    .global-contact {
        margin: 1.25rem 1.25rem 0;
    }

    .internal-hero {
        margin: 1.25rem 1.25rem 0;
        min-height: 38rem;
        padding: 8rem 0 4rem;
    }


    .internal-hero__content {
        max-width: 45rem;
    }

    .hero--home {
        height: auto;
        min-height: 46rem;
        padding-top: 8rem;
        padding-bottom: 1.5rem;
    }

    .hero__title {
        max-width: 54rem;
    }

    .hero__text {
        max-width: 42rem;
    }

    .hero-features {
        gap: 0;
        padding: 1.25rem;
    }

    .hero-feature {
        min-width: 0;
    }

    .hero-feature__heading {
        gap: 1rem;
    }

    .hero-feature h3 {
        font-size: 1.25rem;
    }

   .site-footer__inner {

        grid-template-columns: 18rem 8rem 1fr;

        gap: 2rem;

    }

    .site-footer__contacts {

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 2rem;

    }

    .site-footer__contact-item a,

    .site-footer__contact-item address {

        font-size: 1rem;

        line-height: 1.4;

        word-break: break-word;

    }

    .site-footer__about p {

        font-size: 1rem;

    }

    .site-footer__menu a {

        font-size: 1rem;

    }
    .global-services {
        padding: 4rem 0 9rem;
    }

    .global-services__header,
    .global-video-resources__header {
        max-width: 60rem;
        margin-bottom: 2.5rem;
    }

    .services-swiper {
        padding-bottom: 5rem;
    }

    .service-card {
        min-height: 20rem;
    }

    .service-card__image {
        height: 11rem;
    }

    .services-nav {
        bottom: -4.25rem;
    }

   .how-it-works__grid {
    grid-template-columns: minmax(0, 34rem) minmax(0, 1fr);
    grid-column-gap: 2rem;
}
    .global-testimonials {
        padding: 4rem 0;
    }

    .global-testimonials::before {
        top: -12rem;
        height: 40rem;
    }

    .global-testimonials__header {
        max-width: 48rem;
        margin-bottom: 2.5rem;
        text-align: center;
    }


    .testimonials-nav {
        top: -5rem;
    }

    .testimonials-swiper .swiper-slide {
        width: 21rem;
    }

    .testimonials-swiper .swiper-slide--video {
        width: 31rem;
    }

    .testimonial-card {
        min-height: 21rem;
    }

    .global-contact {
        padding: 4rem 0;
    }

    .global-contact__content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .global-contact__header {
        max-width: 58rem;
    }

    .global-contact__gallery {
        grid-template-rows: repeat(2, 13rem);
    }

    .global-contact__form-card {
        padding: 2rem 2rem 11rem;
    }

    .global-contact__form-frame::after {
  background-position: center top;
    }


    .global-video-resources {
        padding: 4rem 0;
    }

    .global-video-marquee__item {
        width: 30rem;
        flex-basis: 30rem;
    }

    .video-resource-card--home .video-resource-card__media {
        height: 19rem;
    }

    .video-resource-card--home h3 {
        font-size: 1.25rem;
    }

    .video-resource-card--home p {
        font-size: 1rem;
    }

    .global-video-resources__button {
        margin-top: 2rem;
    }

    .service-intro {
        padding: 4rem 0;
    }

    .service-intro__breadcrumbs {
        margin-bottom: 2rem;
    }

    .service-intro__grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .service-intro__title {
        max-width: 52rem;
        font-size: 3rem;
        line-height: 1.08;
    }

    .service-intro__text,
    .service-intro__feature-text {
        font-size: 1rem;
        line-height: 1.55;
    }

    .service-intro__feature {
        margin-top: 2rem;
    }

    .service-intro__feature-header {
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .service-intro__feature-icon {
        width: 2.875rem;
        height: 2.875rem;
    }

    .service-intro__feature-icon img {
        width: 1.625rem;
        height: 1.625rem;
    }

    .service-intro__feature-title {
        font-size: 1.5rem;
        line-height: 1.15;
    }

    .service-intro__sidebar {
        max-width: 100%;
        gap: 1rem;
    }

    .founder-quote {
        grid-template-columns: minmax(0, 1fr) 14rem;
        gap: 2rem;
        padding: 2.5rem;
        border-radius: 5rem .25rem .25rem .25rem;
    }

    .founder-quote__content {
        max-width: 21rem;
    }

    .founder-quote__mark {
        margin-bottom: 1.5rem;
    }

    .founder-quote__mark img {
        width: 1.5rem;
        height: auto;
        display: block;
    }

    .founder-quote__text {
        font-size: 1rem;
        line-height: 1.45;
    }

    .founder-quote__image img {
        min-height: 18rem;
        max-height: 22rem;
    }

    .founder-quote__author strong,
    .founder-quote__author span {
        font-size: .875rem;
    }

    .founder-quote__line {
        width: 7.5rem;
    }

    .service-intro__sidebar .intro-stats {
        margin-bottom: 1rem;
    }

    .service-intro__sidebar .intro-stats {
        justify-content: space-between;
    }

    .service-intro__sidebar .intro-stat {
        padding: 1.5rem;
    }

    .service-intro__sidebar .intro-stat strong {
        font-size: 2.5rem;
    }

    .service-intro__sidebar .intro-stat span {
        font-size: 1rem;
    }

    .service-intro__sidebar .intro-logos-track {
        gap: 1.5rem;
    }


}


/* ----------------------------------- Mobile Responsive -----------------------------------*/

@media (max-width: 767px) {

    :root {
        --container-padding: 10px;
        --fs-h1: 34px;
        --fs-h2: 28px;
        --fs-h3: 20px;
        --fs-body-lg: 16px;
        --fs-body: 14px;
        --fs-eyebrow: 14px;
    }

    .container {
    width: min(calc(100% - 20px), var(--container-width));
    }

    .section-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        font-size: var(--fs-eyebrow);
        line-height: 1.2;
    }

    .btn,
    .btn--primary,
    input[type="submit"] {
        font-size: var(--fs-body);
    }

    .btn--primary {
        min-width: 250px;
        height: 50px;
        gap: 10px;
    }

    .btn--primary .icon-arrow{
        width: 20px;
        height: 20px;
        
    }

    h1,
    h2 {
        line-height: 1.1;
    }

    h3 {
        line-height: 1.2;
    }

    .internal-hero {
        min-height: 440px;
        margin: 10px 10px 0;
        padding: 120px 15px 50px 15px;
        align-items: center;
        border-radius: 2px;
        background-position: center;

    }

    .internal-hero__content {
        max-width: 100%;
        text-align: center;
    }

    .service-intro {
        padding: 50px 0;
    }

    .service-intro__breadcrumbs {
        margin-bottom: 24px;
    }

    .service-intro__breadcrumbs p {
        flex-wrap: wrap;
        gap: 8px;
        font-size: 12px;
    }

    .service-intro__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .service-intro__eyebrow {
        margin-bottom: 12px;
    }

    .service-intro__title {
        margin-bottom: 20px;
        font-size: var(--fs-h2);
        line-height: 1.1;
    }

    .service-intro__text,
    .service-intro__feature-text {
        font-size: var(--fs-body-lg);
    }

    .service-intro__feature {
        margin-top: 28px;
    }

    .service-intro__feature-header {
        gap: 14px;
        margin-bottom: 14px;
    }

    .service-intro__feature-icon {
        width: 40px;
        height: 40px;
    }

    .service-intro__feature-icon img {
        width: 24px;
        height: 24px;
    }

    .service-intro__feature-title {
        margin: 0;
        font-size: 20px;
    }

    .founder-quote {
        gap: 15px;
        padding: 15px 15px 15px 26px;
        border-radius: 2px 2px 2px 60px;
        box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.18);
    }


    .founder-quote__image img {
        min-height: 260px;
        max-height: 420px;
    }

    .founder-quote__text {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .founder-quote__line {
        width: 30%;
    }

    .founder-quote strong, .founder-quote span{
        font-size: 12px;
    }

    /* ---- Service Outcome Mobile Overrides ---- */
    .service-outcome {
        padding: 50px 0;
    }

    .service-outcome__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .service-outcome__eyebrow,
    .service-outcome__card-eyebrow {
        margin-bottom: 12px;
    }

    .service-outcome__title {
        margin-bottom: 20px;
        font-size: var(--fs-h2);
        line-height: 1.1;
    }

    .service-outcome__text,
    .service-outcome__text li {
        font-size: var(--fs-body-lg);
    }

    .service-outcome__text ul {
        gap: 10px;
        margin-top: 20px;
    }

    .service-outcome__text li {
        padding-left: 30px;
    }

    .service-outcome__text li::before {
        top: 4px;
        width: 20px;
        height: 20px;
    }


/* ----------------------------------- Service Outcome Mobile Final Fix -----------------------------------*/


.internal-hero__badge {
    display: flex;
    justify-content: center;

}

.internal-hero__title {

    text-align: center;

}

.internal-hero__description {

    text-align: center;

}

.internal-hero__badge .hero__rating {
    justify-content: center;
    margin-inline: auto;

}

 .award-badge {
   flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 5px;
}

.award-badge__content{
    width: 100%;
    min-width: 250px;
}

    .internal-hero::before {
        background: #1C4A7D1A;
        z-index: 1;
    }


    .internal-hero__content {
        max-width: 100%;
    }

    .internal-hero__badge {
        margin-bottom: 10px;
    }

    .internal-hero__title {
        max-width: 100%;
        margin-bottom: 10px;
        font-size: var(--fs-h1);
        line-height: 1.15;
    }

    .internal-hero__description {
        max-width: 100%;
        font-size: var(--fs-body-lg);
        line-height: 1.5;
    }


    .page-404__section {

        min-height: calc(100vh - 20px);
        margin: 10px;
        padding: 8rem 0 3.5rem;

    }

    .page-404__bg {
    object-fit: contain;
    transform: scale(2.3);
}

    .page-404__content {
        max-width: 336px;
    }

    .page-404__title {

        font-size: var(--fs-h2);

    }

    .page-404__text {

        font-size: var(--fs-body-lg);

    }

    
/* -----------------------------------
   Thank You Page Mobile
-----------------------------------*/

.thank-you-page__section {
    position: relative;
    min-height: auto;
    margin: 8px;
    padding: 80px 0 32px;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    background: #F4F1F0;
}

.thank-you-page__bg-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.thank-you-page__bg-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 150px;
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(248, 246, 245, 0) 0%,
        rgba(248, 246, 245, 0.35) 38%,
        rgba(248, 246, 245, 0.78) 72%,
        #F4F1F0 100%
    );
}

.thank-you-page__bg {
    position: relative;
    width: calc(100% + 40px);
    max-width: none;
    height: auto;
    margin: 0 -20px -42px;
    display: block;
    object-fit: contain;
    object-position: center top;
}

.thank-you-page__section .container {
    position: relative;
    z-index: 2;
    width: calc(100% - 32px);
    margin-top: 50px;
}

.thank-you-page__content {
    position: relative;
    z-index: 2;
    margin: -88px auto 50px;
    transform: none;
    text-align: center;
}

.thank-you-page__title {
    margin: 0 0 16px;
    font-size: var(--fs-h2);
    line-height: 100%;
}

    .site-footer {
        width: auto;
        margin: 30px 10px 10px;
        padding: 30px 0 30px;
    }

    .site-footer__inner,
    .site-footer__bottom {
        width: calc(100% - 40px);
        margin-inline: auto;
    }

    .site-footer__inner {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .site-footer__logo {
        margin-bottom: 20px;
    }

    .site-footer__logo img,
    .site-footer__logo svg,
    .site-footer__logo .custom-logo {
        width: 189px;
        max-width: 100%;
    }

    .site-footer__about p {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: var(--fs-body);
        line-height: 1.5;
    }

.site-footer__socials {
    gap: 15px;
}

.site-footer__socials a {
    width: 35px;
    height: 35px;
}


.site-footer__socials svg {
    width: 20px;
    height: 20px;
}

    .site-footer__nav {
        width: 100%;
    }

    .site-footer__menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .site-footer__menu a {
        font-size: var(--fs-body-lg);
        line-height: 1.2;
    }

    .site-footer__contacts {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
    }

    .site-footer__contact-item span {
        margin-bottom: 10px;
        font-size: var(--fs-body);
        line-height: 1.2;
    }

    .site-footer__contact-item a,
    .site-footer__contact-item address {
        max-width: 100%;
        font-size: var(--fs-body-lg);
        line-height: 1.35;
    }

    .site-footer__contact-item--location span {
        max-width: 100%;
        padding-bottom: 10px;
    }

    .site-footer__bottom {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
        margin-top: 32px;
        padding-top: 24px;
    }

    .site-footer__bottom p {
        font-size: var(--fs-body);
    }

    .site-footer__legal {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
    }

    .site-footer__legal a {
        font-size: var(--fs-body);
    }

    .site-footer__legal a:not(:last-child)::after {
        content: '|';
        margin: 0 8px;
    }

    .hero--home,
    .global-services,
    .global-contact{
        margin: 10px 10px 0;
    }

    .hero--home {
        min-height: auto;
        height: auto;
        padding-top: 96px;
        padding-bottom: 40px;
    }

    .hero__inner {
        min-height: auto;
    }

    .hero-content {
        justify-content: flex-start;
        padding-top: 32px;
    }

    .hero__rating {
        margin-bottom: 24px;
        transform: scale(0.9);
        transform-origin: center;
    }

    .hero__title {
        max-width: 100%;
        margin-bottom: 16px;
        font-size: var(--fs-h1);
        line-height: 1.15;
    }

    .hero__text {
        max-width: 100%;
        margin-bottom: 28px;
        font-size: var(--fs-body-lg);
        line-height: 1.5;
    }
    .hero-features {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 32px;
        padding: 16px;
    }

    .hero-features.swiper-initialized {
        overflow: hidden !important;
        padding: 16px;
    }

    .hero-features.swiper-initialized .swiper-wrapper {
        gap: 0 !important;
    }

    .hero-features.swiper-initialized .swiper-slide {
        width: 100% !important;
    }

    .hero-feature {
        min-width: 0 !important;
        width: 100% !important;
    }

    .hero-feature h3 {
        font-size: var(--fs-h3);
    }

    .hero-feature p {
        font-size: var(--fs-body);
    }

    .intro {
        margin: 0 10px;
        padding: 50px 0;
        overflow: hidden;
    }

.intro__grid {

        min-width: 0;
padding: 0;
        width: 100%;
        max-width: 100%;

        overflow: hidden;

        display: flex;

        flex-direction: column;

        gap: 10px;

    }

    .intro__content {

        order: 1;

        width: 100%;

    }

       .intro__image {

        order: 2;

        width: 100%;

    }

    .intro__bottom {

        order: 3;

        width: 100%;

        min-width: 0;

        overflow: hidden;

    }


    .intro__title,
    .global-services__title,
    .how-it-works__title,
    .global-testimonials__title,
    .global-contact__title,
    .global-video-resources__title {
        font-size: var(--fs-h2);
        line-height: 1.1;
    }

    .intro__text,
    .global-services__description,
    .how-it-works__description,
    .global-testimonials__description,
    .global-contact__description,
    .global-video-resources__description {
        font-size: var(--fs-body-lg);
        line-height: 1.5;
        width: 100%;
    }

    .intro__text{
        margin-bottom: 10px;
    }

.intro-stats {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 16px 14px;
    margin-bottom: 32px;
}
.service-intro__sidebar .intro-stats{
    padding: 0;
}

.intro-stat {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 0;
}

.intro-stat img {
    width: 16px;
    height: 16px;
    aspect-ratio: 1 / 1;
    margin-top: 5px;
    object-fit: contain;
    flex-shrink: 0;
}

.intro-stat strong {
    color: var(--color-white);
    font-family: var(--font-heading);
    font-size: 24px;
    font-style: italic;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
}

.intro-stat span {
    margin-top: 2px;
    color: var(--color-white);
    font-family: var(--font-body);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.intro-logos {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

.intro-logos img{
    height: 60px;
}

    .intro-logos-track {
        display: flex;
        align-items: center;
        gap: 24px;
        max-width: none;
        animation: introLogos 20s linear infinite;
    }

    .intro-logo {
        flex: 0 0 auto;
        max-height: 40px;
        width: auto;
    }

    .intro-logo--duplicate {
        display: block;
    }

    @keyframes introLogos {

        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%);
        }

    }

    .intro__image img {
        height: 370px;
        border-radius: 2px 2px 2px 60px;
        object-position: right top;
    }

    .global-services {
        padding: 50px 0 120px;
    }

    .global-services__header,
    .global-video-resources__header {
        margin-bottom: 32px;
    }

    .services-swiper {
        padding-bottom: 72px;
    }

    .service-card {
        min-height: 304px;
    }

    .service-card__content {
        padding: 20px;
    }

    .service-card h3 {
        font-size: 24px;
    }

    .service-card p {
        font-size: var(--fs-body);
    }

    .service-card__image {
        height: 200px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), calc(100% - 56px) 100%, 0 100%);
    }
.service-card__arrow .icon-arrow {
    width: 25px;
    height: 25px;
}

    .services-nav {
        bottom: -60px;
    }

    .services-nav button {
        width: 40px;
        height: 40px;
    }

    .services-nav button svg {
        width: 16px;
        height: 16px;
    }

    .how-it-works {
        padding: 50px 0;
    }

    .how-it-works::before {
        left: -160px;
        height: 448px;
    }

    .how-it-works__grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

   .how-it-works__content,
    .how-it-works__media,
    .how-it-works__details {
        width: 100%;
    }

    .how-it-works__content {
        order: 1;
    }

    .how-it-works__media {
        order: 3;
    }

    .how-it-works__details {
        order: 2;
    }

    .how-it-works__image {
        width: 100%;
        max-height: 416px;
        object-position: top center;
        border-radius: 2px 2px 60px 2px;
    }

    .how-it-works__quote {
        left: 10px;
        right: 10px;
        bottom: 20px;
        max-width: 270px;
    }

    .how-it-works__quote p {
        font-size: var(--fs-body-lg);
    }

       .how-it-works__quote span {
        font-size: 12px;
    }

    .how-it-works__quote span::before {
        width: 50%;
    }

.how-steps {
        column-gap: 10px;
        margin-bottom: 10px;
    }

    .how-step {
        padding: 16px;
    }

            .how-step__header{
        display: grid;
    }

    .how-step h3 {
        max-width: none;
        font-size: 18px;
    }

    .how-step p,
    .how-team-card > p {
        font-size: var(--fs-body);
    }

    .how-team-card {
        padding: 10px;
    }

    .how-team-card h3{
        font-size: 18px;
    }

    .how-team-card__bottom{
        margin-top: 10px;
        flex-direction: column-reverse;
        align-items: normal;
    }
    

    .how-team-card__badge p{
        max-width: 238px;
        font-size: 14px;

    }

    .global-testimonials {
        padding: 50px 0;
    }

    .global-testimonials::before {
        top: -100px;
        height: 512px;
    }


    .global-testimonials__header {
        margin-bottom: 32px;
    }

    .testimonials-nav {
        position: static;
        justify-content: center;
        margin-top: 32px;
    }

      .testimonials-nav button svg{
        width: 16px;
        height: 16px;;
      }

    .testimonials-swiper .swiper-slide {
        width: 288px;
    }

    .testimonials-swiper .swiper-slide--video {
        width: 336px;
    }

    .testimonial-card {
        min-height: 320px;
    }

    .testimonial-card--text {
        padding: 15px;
    }

.testimonial-card__icon{
    width: 20px;
    height: 20px;
}
.testimonial-card__stars img {
    width: 15px;
    height: 15px;
}

.testimonial-card__author img{
    width: 35px;
    height: 35px;
}

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

    .testimonial-card--text > p,
    .testimonial-card__author span,
    .testimonial-card__video-content p {
        font-size: var(--fs-body);
    }

    .testimonial-card__video-content {
        padding: 15px;
    }

        .testimonial-card__video-content h3{
        font-size: 18px;
    }

    .testimonials-nav button, .global-testimonials .swiper-button-prev,
    .global-testimonials .swiper-button-next {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;

    }

    .testimonials-nav svg,
    .global-testimonials .swiper-button-prev svg,
    .global-testimonials .swiper-button-next svg {
        width: 16px;
        height: 16px;
    }


    .testimonial-card__play, .video-resource-card__play {
    width: 50px;
    height: 30px;
}


    .testimonial-card__play::before, .video-resource-card__play::before{
        scale: 1.5;
    }


    .global-contact {
        padding: 50px 0 10px;
        margin: 10px 10px 0;
    }

        .global-contact__header {
        max-width: 100%;
        text-align: center;
    }

    .global-contact__title {
        margin-bottom: 20px;
        font-size: var(--fs-h2);
        line-height: 1.15;
    }

    .global-contact__description {
        max-width: 100%;
        margin-inline: auto;
        font-size:  var(--fs-body-lg);
        line-height: 1.45;
    }


    .global-contact__content {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .global-contact__left {
        gap: 32px;
    }

    .global-contact__gallery {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
        gap: 10px;
        margin-top: 0;
    }

    .global-contact__gallery-item,
    .global-contact__card {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .global-contact__gallery-item {
        height: 170px;
        border-radius: 2px;
    }

        .global-contact__gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .global-contact__gallery-item:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .global-contact__gallery-item:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }


    .global-contact__card {
                grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        padding: 20px;
        border-radius: 2px;
    }

        .global-contact__gallery-item:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    .global-contact__gallery-item:nth-child(4) {
        grid-column: 2;
        grid-row: 3;
    }


    .global-contact__card h3 {
        max-width: none;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 1.15;
    }

        .global-contact__card p {
        margin-bottom: 10px;
        font-size: var(--fs-body);
        line-height: 1.45;
    }

    .global-contact__card-stat {
        align-items: center;
        flex-direction: row;
        gap: 20px;
        margin-left: 0;
        text-align: left;
    }

    .global-contact__card-stat-top {
        justify-content: flex-start;
        gap: 10px;
    }

    .global-contact__card-stat-top img {
        width: 25px;
        height: 25px;
    }

    .global-contact__card-stat-top strong {
        font-size: 34px;
        line-height: 1;
    }


    .global-contact__card-stat span {
        max-width: 100px;
        font-size: 12px;
        line-height: 1.2;
        text-align: left;
    }


    .global-contact__form-frame {
        padding: 10px;
    }

    .global-contact__form-card , .contact-info-section__form .global-contact__form-card{
        padding: 20px 20px 120px;
    }

    .global-contact__form-title {
        font-size: 18px;
    }

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

    .global-contact__form input {
        padding: 16px;
        font-size: var(--fs-body-lg);
        min-height: 50px;
        font-family: var(--font-body);
    }

        .global-contact__form textarea {
        min-height: 100px;
                font-size: var(--fs-body-lg);
    }

    .contact-form-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .wpcf7-spinner{
        height: 0;
    }

    .global-contact__form input[type="submit"] {
        width: 100%;
        font-size: var(--fs-body-lg);
    }

    .global-contact__form-frame::after {
        height: 144px;
        background-position: center top;
        background-size: cover;
    }

   .contact-form-note{
    font-size: var(--fs-body);
   }

    .global-video-resources {
        padding: 50px 0;
    }

    .global-video-marquee__item {
        width: 340px;
        flex-basis: 320px;
    }

    .video-resource-card--home .video-resource-card__media {
        height: 220px;
    }

    .video-resource-card__overlay {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    .video-resource-card--home h3 {
        font-size: var(--fs-h3);
    }

    .video-resource-card--home p {
        font-size: var(--fs-body);
    }

    .service-process {
        padding: 50px 0;
    }

      .service-process::before {
        height: 368px;
        right: -80px;
        top: -40px;
    }

    .service-process__grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .service-process__content {
        order: 1;
    }

    .service-process__image {
        order: 2;
        width: 100%;
    }
    

    .service-process__image img {
        height: 482px;
        border-radius: 2px 2px 60px 2px;
        object-position: center top;
    }

    .service-process__eyebrow {
        margin-bottom: 12px;
        font-size: var(--fs-eyebrow);
    }

    .service-process__title {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: var(--fs-h2);
        line-height: 1.1;
    }

    .service-process__description {
        margin-bottom: 20px;
        font-size: var(--fs-body-lg);
        line-height: 1.5;
    }

    .service-process__steps {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 20px;
    }

    .service-process__step {
        min-height: auto;
        padding: 16px;
        border-radius: 2px;
    }

    .service-process__step-header {
        gap: 14px;
        margin-bottom: 14px;
    }

    .service-process__step-number {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 20px;
    }

    .service-process__step-title {
        margin: 0;
        font-size: 18px;
        max-width: 100%;
    }

    .service-process__step-text {
        font-size: var(--fs-body);
        line-height: 1.45;
    }

/* CTA mobile – DEFAULT (no variant) */
.service-process__actions {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 30px;
    align-items: center;
}

.service-process__actions .ela-cta__button {
    min-width: 0;
    width: 100%;
    height: 46px;
}

.service-process__actions .ela-cta__button .icon-arrow {
    width: 20px;
    height: 20px;
}

.service-process__actions .ela-cta__phone {
    width: 100%;
    height: 56px;
    border-radius: 4px;
}

.service-process__actions .ela-cta__phone-icon {
    display: none;
    width: 40px;
    height: 40px;
}

.service-process__actions .ela-cta__phone-icon svg {
    width: 24px;
    height: 24px;
}

.service-process__actions .ela-cta__phone-content {
    gap: 5px;
}

.service-process__actions .ela-cta__phone-content span {
    font-size: 12px;
}

.service-process__actions .ela-cta__phone-content a {
    font-size: 16px;
}


.service-process__actions.service-process__actions--about {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 15px;
}

/* phone row */
.service-process__actions.service-process__actions--about .ela-cta__phone {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

/* icon (keep px for mobile) */
.service-process__actions.service-process__actions--about .ela-cta__phone-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

.service-process__actions.service-process__actions--about .ela-cta__phone-icon svg {
    width: 25px;
    height: 25px;
}


    .faq-section {
        padding: 50px 0;
        background-position: center bottom;
    }


    .faq-section__eyebrow {
        margin-bottom: 12px;
        font-size: var(--fs-eyebrow);
    }

    .faq-section__title {
        margin-bottom: 14px;
        font-size: var(--fs-h2);
        line-height: 1.1;
    }

    .faq-section__description {
        font-size: var(--fs-body-lg);
    }

    .faq-section__items {
        gap: 10px;
    }

    .faq-section__question {
        min-height: 0;
        padding: 15px;
        gap: 14px;
        font-size: 18px;
        line-height: 1.2;
    }

    .faq-section__icon {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
        background-size: 15px 15px;
    }

    .faq-section__item.is-open .faq-section__answer {
     margin-bottom: 15px;
    }

    .single-video-page .single-video-hero.internal-hero {
        min-height: auto;
        margin: 10px 10px 0;
        padding: 110px 0 80px;
        border-radius: 4px;
        align-items: center;
    }

    .single-video-page .single-video-hero.internal-hero .container {
        width: min(calc(100% - 30px), var(--container-width));
    }

    .single-video-hero__breadcrumbs {
        gap: 6px;
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 1.3;
        letter-spacing: .6px;
        justify-content: center;
    }

    .single-video-hero__title {
        margin-bottom: 20px;
        font-size: 28px;
        line-height: 1.05;
    }

    .single-video-hero__excerpt {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.5;
    }

    .single-video-hero__meta {
        gap: 12px;
        font-size: 12px;
        letter-spacing: .7px;
    }

    .single-video-hero__meta span + span::before {
        width: 4px;
        height: 4px;
        margin-right: 12px;
    }

    .single-video-main {
    margin-top: -55px;
    }

.single-video__player {
    width: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
}
.single-video__content h2{
    font-size: 18px;
}

.single-video__content ul li::before {
width: 20px;
height: 20px;
}

.single-video__content ul li {
    padding-left: 30px;
    margin-bottom: 10px;
}


.single-video__nav-icon{
width: 40px;
height: 40px;
}
.single-video__navigation a{
    gap: 20px;
}


.video-resource-card__meta {

    font-size: 12px !important;

}

.video-resource-card__more {

    gap: 5px;

    font-size: 14px !important;

}

.video-resource-card__more .icon-arrow {

    width: 15px;

    height: 15px;

}

.video-resource-card--archive .video-resource-card__content {
    padding: 20px;
}

    .single-video-related {
        padding: 50px 0;
    }

    .single-video-related .container {
        width: min(calc(100% - 20px), var(--container-width));
    }

    .single-video-related__header {
        max-width: 340px;
        margin: 0 auto 20px;
        text-align: center;

    }

    .single-video-related__header .section-eyebrow {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: .7px;
    }

    .single-video-related__header h2 {
        max-width: 100%;
        margin: 0 auto;
        font-size: var(--fs-h2);
        line-height: 1.05;
    }

    .single-video-related__swiper {
        overflow: hidden;
    }

    .single-video-related__swiper .swiper-slide {
        display: flex;
        height: auto;
    }

    .single-video-related .video-resource-card--archive {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background: var(--color-white);
        border: 1px solid rgba(93, 90, 90, 0.10);
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 16px 36px 0 rgba(2, 6, 23, 0.03);
    }

    .single-video-related .video-resource-card--archive .video-resource-card__media {
        aspect-ratio: 45 / 26;
        border-radius: 0;
    }

    .single-video-related .video-resource-card--archive .video-resource-card__content {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 20px;
    }

    .single-video-related .video-resource-card__meta {
        margin-bottom: 14px;
        font-size: 12px !important;
        line-height: 1.2;
        letter-spacing: .7px;
    }

    .single-video-related .video-resource-card--archive h3 {
        max-width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.18;
    }

    .single-video-related .video-resource-card--archive p {
        font-size: 14px;
        line-height: 1.5;
    }

    .single-video-related .video-resource-card--archive .video-resource-card__more {
        margin-top: auto;
        padding-top: 20px;
        font-size: 14px !important;
        gap: 5px;

    }

    .single-video-related .video-resource-card__more .icon-arrow {
        width: 17px;
        height: 17px;
    }

    .single-video-related__controls {
        gap: 10px;
        margin-top: 30px;
    }

    .single-video-related__nav {
        width: 46px;
        height: 46px;
        border-color: rgba(34, 73, 124, 0.25);
        border-radius: 4px;
    }

    .single-video-related__nav svg {
        width: 18px;
        height: 18px;
    }


    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive {
        padding: 50px 0;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__featured {
        margin-bottom: 20px;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-archive__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--archive h3,
    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured h3 {
        max-width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.18;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--archive p,
    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured p {
        max-width: 100%;
        color: var(--color-text);
        font-size: 14px;
        line-height: 1.5;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured {
        display: flex;
        flex-direction: column;
        min-height: 0;
        border-radius: 4px;
        border-bottom: 3px solid transparent;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__media {
        order: 1;
        height: auto;
        min-height: auto;
        aspect-ratio: 45 / 26;
        border-radius: 0;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__content {
        order: 2;
        padding: 20px;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__meta {
        margin-bottom: 14px;
        font-size: var(--fs-small);
        letter-spacing: .04375rem;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__more {
        min-width: 0;
        height: auto;
        margin-top: auto;
        padding: 20px 0 0;
        border-radius: 0;
        background: transparent;
        color: var(--color-accent);
        font-size: 14px;
    }

    :is(body.post-type-archive-video_resource, body.page-template-page-video-resources) .video-resource-card--featured .video-resource-card__more:hover {
        background: transparent;
        color: var(--color-accent);
    }

    .video-archive__load-more-btn {
        min-width: 200px !important;
        height: 46px !important;
        margin-top: 20px !important;
    }   


    .single-video-related__header h2 {
        font-size: var(--fs-h2);
    }

    .single-video-related__controls {
        margin-top: 24px;
    }

    .single-video-related__nav {
        width: 40px;
        height: 40px;
    }

    .single-video-related__nav svg {
        width: 16px;
        height: 16px;
    }

    .service-outcome__media-card {
        position: relative;
        min-height: 680px;
        overflow: hidden;
        border-radius: 2px;
        background: #0A1B2D;
        box-shadow: 0 16px 36px rgba(2, 6, 23, 0.12);
    }

    .service-outcome__media {
        position: absolute;
        inset: 0;
        height: auto;
        border-radius: 2px;
        overflow: hidden;
    }

    .service-outcome__media::after {
        background: linear-gradient(180deg, rgba(28, 74, 125, 0.70) 19.97%, rgba(28, 74, 125, 0.00) 29.89%);
    }

    .service-outcome__media img {
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }

    .service-outcome__media-overlay {
        position: relative;
        z-index: 2;
        padding: 24px 20px 0;
    }

    .service-outcome__card-eyebrow {
        margin-bottom: 12px;
        color: rgba(255, 255, 255, .82);
        font-size: 13px;
        line-height: 1.2;
        letter-spacing: .08em;
    }

    .service-outcome__card-title {
        max-width: 100%;
        margin-bottom: 14px;
        color: var(--color-white);
        font-size: 24px;
        line-height: 1.12;
    }

    .service-outcome__card-description {
        max-width: 100%;
        color: rgba(255,255,255,.92);
        font-size: 16px;
        line-height: 1.45;
    }

    .service-outcome__cards {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 20px;
        z-index: 3;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 0;
    }

    .service-outcome__info-card {
        padding: 15px;
        border-radius: 2px;
        background: var(--color-white);
        box-shadow: 0 10px 24px rgba(2, 6, 23, .10);
    }

    .service-outcome__info-header {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 10px;
    }

    .service-outcome__info-icon {
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
    }

    .service-outcome__info-title {
        font-size: 18px;
        line-height: 1.15;
    }

    .service-outcome__info-text {
        font-size: 14px;
        line-height: 1.45;
    }

        /* Blog archive */

    body.page-template-page-blog,
    body.page-template-page-blog main,
    body.page-template-page-blog .blog-archive-page,
    body.page-template-page-blog .blog-archive {
        background: #F8F6F5;
    }

    .blog-archive-hero.internal-hero {
        min-height: 440px;
        margin: 10px 10px 0;
        padding: 110px 15px 50px;
        align-items: flex-end;
        border-radius: 2px;
        background-position: center;
    }

    .blog-archive-hero .internal-hero__content {
        max-width: 100%;
        text-align: center;
    }

    .blog-archive-hero .internal-hero__badge {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    .blog-archive-hero .internal-hero__badge .hero__rating {
        justify-content: center;
        margin-inline: auto;
    }

    .blog-archive-hero .internal-hero__title {
        max-width: 100%;
        margin-bottom: 10px;
        font-size: var(--fs-h1);
        line-height: 1.15;
        text-align: center;
    }

    .blog-archive-hero .internal-hero__description {
        max-width: 100%;
        margin-inline: auto;
        font-size: var(--fs-body-lg);
        line-height: 1.5;
        text-align: center;
    }

    .blog-archive {
        padding: 50px 0;
    }

    .blog-archive .container {
        width: min(calc(100% - 20px), var(--container-width));
    }

    .blog-archive__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .blog-card.video-resource-card--archive {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        border-bottom: 3px solid transparent;
        overflow: hidden;
    }

    .blog-card.video-resource-card--archive .video-resource-card__media {
        aspect-ratio: 45 / 26;
        border-radius: 0;
    }

    .blog-card.video-resource-card--archive .video-resource-card__content {
        padding: 20px;
    }

    .blog-card.video-resource-card--archive h3 {
        max-width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.18;
    }

    .blog-card.video-resource-card--archive p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.5;
    }

    .blog-card.video-resource-card--archive .video-resource-card__more {
        gap: 5px;
        padding-top: 20px;
        font-size: 14px !important;
    }

    .blog-card.video-resource-card--archive .video-resource-card__more .icon-arrow {
        width: 17px;
        height: 17px;
    }

    .blog-archive__pagination {
        margin-top: 30px;
    }

    .blog-archive__pagination ul {
        gap: 8px;
    }

    .blog-archive__pagination .page-numbers {
        min-width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .blog-archive__pagination a.page-numbers.prev,
    .blog-archive__pagination a.page-numbers.next {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .blog-archive__pagination a.page-numbers.prev svg,
    .blog-archive__pagination a.page-numbers.next svg {
        width: 16px;
        height: 16px;
    }

    /* Single blog post */

    body.single-post,
    body.single-post main,
    .single-post-page,
    .single-post-main,
    .single-post-related {
        background: #F8F6F5;
    }

    .single-post-page .single-post-hero.internal-hero {
        min-height: auto;
        margin: 10px 10px 0;
        padding: 110px 0 70px;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background-position: center;
        text-align: center;
    }

    .single-post-page .single-post-hero.internal-hero .container,
    .single-post-main__container,
    .single-post-related .container {
        width: min(calc(100% - 20px), var(--container-width));
    }

    .single-post-hero__breadcrumbs {
        gap: 6px;
        margin-bottom: 28px;
        justify-content: center;
        font-size: 12px;
        line-height: 1.3;
        letter-spacing: .6px;
    }

    .single-post-hero__content {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .single-post-hero__title {
        max-width: 100%;
        margin: 0 0 18px;
        font-size: 28px;
        line-height: 1.08;
    }

    .single-post-hero__excerpt {
        max-width: 100%;
        margin: 0 0 18px;
        font-size: 16px;
        line-height: 1.5;
    }

    .single-post-hero__meta {
        justify-content: center;
        gap: 12px;
        font-size: 12px;
        letter-spacing: .7px;
    }

    .single-post-main {
        padding: 50px 0 0;
    }

    .single-post__content {
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
    }

    .single-post__content h2 {
        font-size: 24px;
    }

    .single-post__content h3 {
        font-size: 20px;
    }

    .single-post__content h4 {
        font-size: 18px;
    }

    .single-post__content ul li {
        padding-left: 30px;
        font-size: 16px;
    }

    .single-post__content ul li::before {
        width: 20px;
        height: 20px;
    }

    .single-post__content blockquote,
    .single-post__content .wp-block-quote {
        gap: 14px;
        margin: 32px 0;
        padding: 20px;
    }

    .single-post__content blockquote::before,
    .single-post__content .wp-block-quote::before {
        width: 17px;
        height: 17px;
        flex-basis: 24px;
    }

    .single-post__content blockquote p,
    .single-post__content .wp-block-quote p {
        font-size: 18px;
        line-height: 1.25;
    }

    .single-post__navigation {
        margin: 32px 0 0;
        padding-top: 24px;
    }

    .single-post__navigation a {
        gap: 10px;
        font-size: 14px;
    }

    .single-post__nav-icon {
        width: 40px;
        height: 40px;
    }

    .single-post-related {
        padding: 50px 0;
    }

    .single-post-related__header {
        max-width: 340px;
        margin: 0 auto 20px;
        text-align: center;
    }

    .single-post-related__header h2 {
        font-size: var(--fs-h2);
        line-height: 1.05;
    }

    .single-post-related__swiper {
        overflow: hidden;
    }

    .single-post-related__swiper .swiper-slide {
        display: flex;
        height: auto;
    }

    .single-post-related .blog-card.video-resource-card--archive .video-resource-card__content {
        padding: 20px;
    }

    .single-post-related .blog-card.video-resource-card--archive h3 {
        font-size: 18px;
        line-height: 1.18;
    }

    .single-post-related .blog-card.video-resource-card--archive p {
        font-size: 14px;
        line-height: 1.5;
    }

    .single-post-related__controls {
        gap: 10px;
        margin-top: 30px;
    }

    .single-post-related__nav {
        width: 46px;
        height: 46px;
    }

    .single-post-related__nav svg {
        width: 18px;
        height: 18px;
    }

        /* Contact page */

    .contact-info-section {
        padding: 20px 0 0;
        background: #F8F6F5;
    }

    .contact-info-section .container,
    .contact-page-features-section .container {
        width: min(calc(100% - 20px), var(--container-width));
    }

    .contact-info-section__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }


    .contact-info-section__card {
        padding: 20px;
        border-radius: 4px 70px 4px 4px;
    }

    .contact-info-section__title {
        margin-bottom: 16px;
        font-size: var(--fs-h2);
        line-height: 1.05;
    }

    .contact-info-section__description {
        margin-bottom: 28px;
        font-size: 16px;
        line-height: 1.45;
    }

    .contact-info-section__items {
        gap: 30px;
        margin-top: 0;
    }

    .contact-info-section__info,
    .contact-info-section__info:visited {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.25;
        word-break: break-word;
    }

    .contact-page-features-section {
        padding: 40px 0;
        background: #F8F6F5;
    }

    .contact-page-features {
        display: grid;
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .contact-page-feature {
        max-width: 100%;
    }

    .contact-page-feature__heading {
        gap: 10px;
        margin-bottom: 8px;
    }

    .contact-page-feature__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .contact-page-feature__icon img {
        width: 25px;
        height: 25px;
    }

    .contact-page-feature h3 {
        font-size: 20px;
        line-height: 1.15;
    }

    .contact-page-feature p {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.45;
    }

    .contact-info-section__label{
        font-size: var(--fs-eyebrow);
    }

    .contact-info-section__icon img, .contact-info-section__icon{
        width: 16px;
        height: 16px;
    }

    .contact-info-section__heading, .contact-info-section__item{
        gap: 10px;
    }

        /* Mission section */

    .mission-section {
        padding: 50px 0;
    }

    .mission-section .container {
        width: min(calc(100% - 20px), var(--container-width));
    }

    .mission-section__header {
        max-width: 100%;
        margin: 0 auto 30px;
        text-align: center;
    }

    .mission-section__eyebrow {
        margin-bottom: 10px;
        font-size: var(--fs-eyebrow);
        line-height: 1.2;
        letter-spacing: .7px;
    }

    .mission-section__title {
        max-width: 100%;
        margin: 0 0 20px;
        font-size: var(--fs-h2);
        line-height: 1.08;
    }

    .mission-section__description {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.45;
    }

    .mission-section__grid {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mission-section__content { 
        display: contents;
        flex-direction: column;
        gap: 10px;
        order: 1;
    }

    .mission-section__media-card {
        order: 3;
        min-height: 0;
        aspect-ratio: 320 / 360;
        border-radius: 4px;
    }

    .mission-section__card {
        padding: 15px;
        border-radius: 4px;
    }

    .mission-section__card--benefits {
        order: 1;
        min-height: 0;
        padding: 15px 15px 76px;
    }

    .mission-section__card--practice {
        order: 2;
        min-height: 0;
    }

    .mission-section__stats {
        order: 3;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .mission-section__card-title {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 1.15;
    }

    .mission-section__benefits {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .mission-section__benefits li {
        padding-left: 28px;
        font-size: 16px;
        line-height: 1.35;
    }

    .mission-section__benefits li::before {
        top: 2px;
        width: 18px;
        height: 18px;
    }

    .mission-section__mountain {
        width: 185px;
        right: 0;
        bottom: 0;
    }

    .mission-section__practice-content {
        font-size: 16px;
        line-height: 1.45;
    }

    .mission-section__practice-content p:not(:last-child) {
        margin-bottom: 18px;
    }

    .mission-section__image,
    .mission-section__image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .mission-section__quote {
        left: 10px;
        right: 10px;
        bottom: 10px;
        padding: 14px 16px;
        border-radius: 4px;
    }

    .mission-section__quote p {
        font-size: var(--fs-body-lg);
        line-height: 1.35;
        min-width: 100%;
    }

    .mission-section__stats {
    order: 4;
}

    .mission-section__stat {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 5px 10px;
        align-items: center;
        padding: 12px;
        border-radius: 4px;
    }а

    .mission-section__stat-icon {
        width: 20px;
        height: 20px;
    }

    .mission-section__stat-number {
        font-size: 34px;
        line-height: 1;
    }

    .mission-section__stat-text {
        grid-column: 1 / -1;
        max-width: 100%;
        margin: 0;
        font-size: 12px;
        line-height: 1.25;
        text-align: left;
    }

    /* About Lawyer Section */

.about-lawyer-section {
    padding: 50px 0;
    overflow: hidden;
}

.about-lawyer-section .container {
    width: min(calc(100% - 20px), var(--container-width));
}

.about-lawyer-section__grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-lawyer-section__header {
    min-height: 0;
    padding-right: 0;
    order: 1;
}

.about-lawyer-section__title {
    margin: 0 0 20px;
    font-size: var(--fs-h2);
    line-height: 1.08;
}

.about-lawyer-section__description {
    font-size: 16px;
    line-height: 1.45;
    width: 100%;
}

.about-lawyer-section .about-lawyer-section__courts {
    order: 2;
    min-height: 0;
    padding: 10px;
    border-radius: 60px 2px 2px 2px;
}

.about-lawyer-section__courts-frame {
    min-height: 0;
    padding: 20px 15px;
    border-radius: 60px 2px 2px 2px;
}

.about-lawyer-section__courts-card {
    min-height: 0;
    padding: 20px;
    border-radius: 60px 2px 2px 2px;
}

.about-lawyer-section__courts-title {
    margin: 0 -16px 16px;
    padding: 0 16px 14px;
    font-size: 24px;
}

.about-lawyer-section__courts-list li::before,
.about-lawyer-section__education-list li::before {
    width: 20px;
    height: 20px;
}

.about-lawyer-section__courts-list{
gap: 10px;
margin-bottom: 10px;
}

.about-lawyer-section__courts-list li, .about-lawyer-section__education-list li {
    padding-left: 30px
}

.about-lawyer-section__education-list {
    gap: 10px;
    padding: 15px 0px;

}

.about-lawyer-section__courts-logos img{
max-height: none;
}

.about-lawyer-section__practice {
    order: 3;
    grid-column: auto;
    grid-row: auto;
    padding: 20px;
}

.about-lawyer-section__practice-title{
    font-size: 24px;
}

.about-lawyer-section__practice-list {
    gap: 15px;
}

.about-lawyer-section__practice-item-title{
    font-size: var(--fs-body-lg);
}

.about-lawyer-section__practice-item-desc p {
    font-size: var(--fs-eyebrow);
}

.about-lawyer-section__practice-icon {
    width: 40px;
    height: 40px;
}

.about-lawyer-section__practice-item{
gap: 4px 10px;
    grid-template-columns: 40px minmax(0, 1fr);
}

.about-lawyer-section__practice-icon img {
width: 25px;
height: 25px;
}

.about-lawyer-section__education {
    order: 4;
    grid-column: auto;
    min-height: 0;
    padding: 40px 20px;
}

.about-lawyer-section__education-frame {
    gap: 10px;
    min-height: 0;
    padding: 10px;
}


.about-lawyer-section__education-title{
    font-size: 24px;
    padding-bottom: 15px 0px;
}



.about-lawyer-section__avatar {
    top: -30px;
height: 80px;
    width: 80px;
}

.about-lawyer-section__languages-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 0;
    padding: 15px 0px;
}
.about-lawyer-section__languages-label{
    font-size: var(--fs-body-lg);
}

.about-lawyer-section__languages span{
    font-size: 12px;
}

.about-lawyer-section__education-card {
    padding: 15px;
}

.about-lawyer-section__education-card.about-lawyer-section__education-card--top {
    padding: 50px 10px 15px;
}

.about-lawyer-section__media-title {
    font-size: 24px;
    padding: 15px 0px;
}

.about-lawyer-section__media-content {
    font-size: var(--fs-body-lg);
        padding: 15px 0px;
}


    /* Results Section */

    .results-section {
        padding: 50px 0;
        overflow: hidden;
    }

    .results-section::before {
        height: 100%;
        background-size: cover;
        background-position: center top;
    }


    .results-section .container {
        width: min(calc(100% - 20px), var(--container-width));
    }

    .results-section__header {
        max-width: 100%;
        margin: 0 auto 30px;
        text-align: center;
    }

    .results-section__eyebrow {
        margin-bottom: 12px;
        font-size: var(--fs-eyebrow);
        line-height: 1.2;
        letter-spacing: .7px;
    }

    .results-section__title {
        max-width: 310px;
        margin: 0 auto 20px;
        font-size: var(--fs-h2);
        line-height: 1.2;
    }

    .results-section__description {
        max-width: 100%;
        font-size: var(--fs-body-lg);
        line-height: 1.45;
    }


.results-section__wrapper.swiper-wrapper {
    display: flex !important;
    gap: 0;
    align-items: stretch;
}

    .results-section__item.swiper-slide {
        width: 85% !important;
        height: auto;
        min-height: 0;
        padding: 0 0 0 15px;
        background: transparent;
        box-shadow: none;
    }

    .results-section__item-title {
        margin-bottom: 14px;
        font-size: 18px;
        line-height: 1.15;
    }

    .results-section__item-description {
        max-width: 100%;
        margin-bottom: 10px;
        font-size: var(--fs-eyebrow);
        line-height: 1.5;
    }

    .results-section__court-label {
        padding: 10px 14px;
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: .5px;
    }

.results-section__nav.services-nav {
    position: static;
    left: auto;
    bottom: auto;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.results-section__nav.services-nav button.results-section__nav-btn {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 73, 124, 0.25);
    background: rgba(255, 255, 255, .72);
    color: var(--color-primary);
    line-height: 1;
    transform: none;
}


.results-section__nav.services-nav button.results-section__nav-btn svg path {
    fill: none !important;
    stroke: currentColor !important;
}

/* Process Section */

.process-section {
    margin: 10px 10px 0;
    padding: 50px 0;
    border-radius: 4px;
    background-position: 70% 50%;
}

.process-section__overlay{
    background: linear-gradient(90deg, rgba(10, 27, 45, 0.80) 18.92%, rgba(10, 27, 45, 0.00) 67.3%);
}

.process-section .container {
    width: min(calc(100% - 20px), var(--container-width));
}

.process-section__content {
    max-width: 100%;
}

.process-section__eyebrow {
    margin-bottom: 12px;
    font-size: var(--fs-eyebrow);
    line-height: 1.2;
    letter-spacing: .7px;
}

.process-section__title {
    margin-bottom: 30px;
    font-size: var(--fs-h2);
    line-height: 1.2;
}


.process-section__steps-desktop {
    display: none;
}

.process-section__slider{
    display:block !important;
    overflow:hidden;
    width: 100%;
    max-width: 100%;
}



.process-section__slider .swiper-slide{
    width: 100% !important;
    height: auto;
}


.process-section__step-header {
    gap: 10px;
    margin-bottom: 16px;
    align-items: center;
}

.process-section__step-number {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    font-size: 18px;
}

.process-section__step-title {
    font-size: 18px;
    line-height: 1.15;
}

.process-section__step-description,
.process-section__bottom-text {
    font-size: var(--fs-eyebrow);
    line-height: 1.45;
}
.process-section__step-description, .process-section__step-title{
    max-width: 250px;
}

.process-section__bottom-text{
    max-width: 200px;
}

.process-section__bottom-text {
max-width: 186px;
}


.process-section__pagination.swiper-pagination {
    position: static;
    display: flex;
    justify-content: start;
    margin-top: 15px;
    margin-bottom: 40px;
}


.process-section__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0;
    background: rgba(255,255,255,.2);
    opacity: 1;
}

.process-section__pagination .swiper-pagination-bullet-active {
    background: #fff;
}

    .help-section {
        padding: 50px 0;
        overflow: hidden;
    }

    .help-section__grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .help-section__content {
        order: 1;
        padding: 20px;
        border-radius: 0;
    }

    .help-section__image-column {
        order: 2;
        width: 100%;
        min-width: 0;
    }

    .help-section__eyebrow {
        margin-bottom: 10px;
        font-size: var(--fs-eyebrow);
        line-height: 1.2;
    }

    .help-section__title {
        max-width: none;
        margin-bottom: 20px;
        font-size: var(--fs-h2);
        line-height: 1.08;
    }

    .help-section__description {
        max-width: none;
        margin-bottom: 25px;
        font-size: var(--fs-body-lg);
        line-height: 1.45;
    }

    .help-section__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        margin-bottom: 20px;
    }

    .help-section__stat {
        gap: 12px;
        align-items: center;
    }

    .help-section__stat-circle {
        width: 63px;
        height: 63px;
        flex: 0 0 63px;

    }

    .help-section__stat-circle::before {
        inset: 4px;
    }

    .help-section__stat-circle span {
        font-size: var(--fs-body-lg);
    }

    .help-section__stat-circle span::after {
        font-size: 8px;
        transform: translateY(4px);
    }

    .help-section__stat-text {
        max-width: 120px;
        font-size: var(--fs-eyebrow);
        line-height: 1.2;
    }

    .help-section__divider {
        margin: 20px 0;
    }

    .help-section__content-title {
        margin-bottom: 18px;
        font-size: 24px;
        line-height: 1.15;
    }

    .help-section__content-text {
        font-size: var(--fs-body-lg);
        line-height: 1.45;
    }

    .help-section__content-text ul,
    .help-section__benefits {
        gap: 10px;
        margin-top: 10px;
    }

    .help-section__content-text li,
    .help-section__benefit {
        padding-left: 37px;
        font-size: var(--fs-body-lg);
        line-height: 1.35;
    }

    .help-section__content-text li::before,
    .help-section__benefit::before {
        top: 0;
        width: 20px;
        height: 20px;
    }

    .help-section__actions {
        margin-top: 20px;
    }


    .help-section__image-wrapper {
        min-height: 424px;
        border-radius: 90px 4px 4px 4px;
    }

    .help-section__image-frame {
        inset: 38px 16px 38px 38px;
        border-radius: 100px 4px 4px 4px;
    }

    .help-section__image {
        object-position: center;
    }


    body.mobile-menu-open {
        overflow: auto;
    }
}
    @media (max-width: 900px) {

        .site-header__nav,

    .site-header__actions {

        display: none;

    }

    .site-header__burger {

        display: inline-flex;

    }

    .site-header__mobile.is-open {

        display: block;

    }

    .site-header__burger {
        position: relative;
        width: 35px;
        height: 35px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 0.25rem;
        background: var(--color-primary);
        cursor: pointer;
    }

    .site-header__burger span {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 18px;
        height: 2px;
        display: block;
        border-radius: 999px;
        background: var(--color-white);
        transform: translate(-50%, -50%);
        transition: transform .3s ease, opacity .3s ease;
    }

    .site-header__burger span:nth-child(1) {
        transform: translate(-50%, calc(-50% - .4rem));
    }

    .site-header__burger span:nth-child(2) {
        transform: translate(-50%, -50%);
    }

    .site-header__burger span:nth-child(3) {
        transform: translate(-50%, calc(-50% + .4rem));
    }

    .site-header.is-open .site-header__burger span:nth-child(1) {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .site-header.is-open .site-header__burger span:nth-child(2) {
        opacity: 0;
    }

    .site-header.is-open .site-header__burger span:nth-child(3) {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .site-header {
        top: 20px;
        left: 20px;
        right: 20px;
        padding: 0;
    }

    .site-header__inner {
        position: relative;
        z-index: 3;
        width: 100%;
        min-height: 60px;
        padding-inline: 16px;
    }

    .site-header__logo img,
    .site-header__logo svg,
    .custom-logo {
        max-width: 170px;
        height: auto;
    }

    .site-header--scrolled {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0;
    }

    .site-header--scrolled .site-header__inner {
        width: 100%;
        max-width: 100%;
        min-height: 50px;
        padding-block: 10px;
        padding-inline: 16px;
        border-radius: 0;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
        backdrop-filter: blur(12px);
    }

    .site-header--scrolled .site-header__logo img,
    .site-header--scrolled .site-header__logo svg,
    .site-header--scrolled .custom-logo {
        max-width: 150px;
    }

    .site-header__nav,
    .site-header__actions {
        display: none;
    }

    .site-header__mobile {
        position: fixed;
        left: 20px;
        right: 20px;
        top: 75px;
        z-index: 99;
        width: auto;
        display: none;
        padding: 0;
        margin: 0;
        background: transparent;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-.25rem);
        transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
    }

    .site-header__mobile.is-open {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .site-header--scrolled .site-header__mobile {
        left: 0;
        right: 0;
        top: 50px;
    }

    .site-header__mobile-panel {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: calc(100vh - 7.5rem);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: .125rem;
        background: var(--color-white);
        transform: none;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.02);
    }

    .site-header__mobile-head,
    .site-header__mobile-close {
        display: none;
    }

.site-header__mobile-nav {
    position: relative;
    width: 100%;
    height: auto;
    max-height: calc(100vh - 7.5rem);
    overflow: hidden;
    background: var(--color-white);
    transition: height .25s ease;
}

    .site-header__mobile-screen {
        position: absolute;
        inset: 0;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 7.5rem);
        min-height: 0;
        padding: 20px;
        overflow-y: auto;
        background: var(--color-white);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(1.25rem);
        transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
    }

.site-header__mobile-screen.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
}

    .site-header__mobile-menu {
        display: grid;
        gap: 30px;
    }

    .site-header__mobile-menu-item {
        border-bottom: 1px solid rgba(93, 90, 90, .14);
    }

    .site-header__mobile-link {
        width: 100%;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1rem;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--color-text);
        font-family: var(--font-body);
        font-size: 18px;
        line-height: 1.2;
        font-weight: 400;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .045em;
        cursor: pointer;
    }

    .site-header__mobile-arrow {
        width: .55rem;
        height: .55rem;
        flex: 0 0 .55rem;
        margin-right: .15rem;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: rotate(45deg) translateY(-.12rem);
        transition: transform .25s ease;
    }

    .site-header__mobile-link.is-open {
    color: var(--color-accent);
    border-bottom: 1px solid var(--color-accent);
}

    .site-header__mobile-link.is-open .site-header__mobile-arrow {
        transform: rotate(225deg) translate(-.12rem, -.12rem);
    }

    .site-header__mobile-dropdown {
        overflow: hidden;
        max-height: 0;
        transition: max-height .3s ease;
    }

.site-header__mobile-dropdown.is-open {
    padding: 1.5rem 0 1.75rem;
}

.site-header__mobile-dropdown-link,
.site-header__mobile-service-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    padding: 10px;
    border-radius: 0;
    color: var(--color-text);
    background: transparent;
    text-decoration: none;
    border: 1px solid transparent;
}


.site-header__mobile-dropdown-link:hover, .site-header__mobile-service-link:hover {
    border: 1px solid rgba(93, 90, 90, .08);
    border-radius: .25rem;
    background: #F8F6F5;
}

.site-header__mobile-dropdown-link:hover .site-header__mobile-dropdown-title,
.site-header__mobile-service-link:hover .site-header__mobile-service-link-title{
    color: var(--color-primary);
}

.site-header__mobile-dropdown-title,
.site-header__mobile-service-link-title {
    color: var(--color-text);
    font-size: var(--fs-body-lg);
    line-height: 1.2;
    font-weight: 600;
    transition: color .25s ease;
}

.site-header__mobile-dropdown-description,
.site-header__mobile-service-link-description {
    color: #5D5A5ACC;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
}

    .site-header__mobile-actions {
        display: grid;
        gap: 30px;
        margin-top: auto;
        padding-top: 30px;
    }

    .site-header__mobile-phone {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0;
        border-radius: 0;
        background: transparent;
        color: var(--color-primary);
        text-decoration: none;
    }

    .site-header__mobile-phone-icon {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background: var(--color-primary);
        flex-shrink: 0;
    }

    .site-header__mobile-phone-text {
        display: grid;
        gap: 5px;
    }

    .site-header__mobile-phone-text span {
        color: var(--color-text);
        font-size: 12px;
        line-height: 1;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .site-header__mobile-phone-text strong {
        color: var(--color-primary);
        font-size: 18px;
        line-height: 1;
        font-weight: 700;
    }

.site-header__mobile-cta {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--color-accent);
    border-radius: 4px;
    background: transparent;
    color: var(--color-accent);
    font-size: var(--fs-body-lg);
    font-weight: 700;
    text-transform: uppercase;
    transition: background-color .25s ease,
                border-color .25s ease,
                color .25s ease;
}

.site-header__mobile-cta-arrow {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    color: currentColor;
    transition: transform .25s ease;
}

.site-header__mobile-cta-arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.site-header__mobile-cta-arrow path {
    fill: currentColor;
}

.site-header__mobile-cta:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--color-white);
}

.site-header__mobile-cta:hover .site-header__mobile-cta-arrow {
    transform: rotate(45deg);
}

.site-header__mobile-back {

    width: fit-content;

    display: inline-flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-text);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;

}

.site-header__mobile-back span {

    width: 40px;

    height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(93, 90, 90, 0.15);

    border-radius: 2px;

    background: #fff;

    transform: none;

    position: relative;

}

.site-header__mobile-back span::before {

    content: '';

    width: .625rem;

    height: .625rem;

    border-left: 2px solid currentColor;

    border-bottom: 2px solid currentColor;

    transform: rotate(45deg) translate(.125rem, -.125rem);

}

    .site-header__mobile-service-cards {
        display: grid;
        gap: 10px;
    }

    .site-header__mobile-service-card {
        position: relative;
        min-height: 194px;
        overflow: hidden;
        display: block;
        padding: 10px;
        border: 0;
        border-radius: 4px;
        background: #F4F1F0;
        color: var(--color-text);
        text-align: left;
        cursor: pointer;
    }

    .site-header__mobile-service-card-content {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 1rem;
    }

    .site-header__mobile-service-card-head {
        display: flex;
        align-items: center;
        gap: 15px;
    }

.site-header__mobile-service-card-icon,
.site-header__mobile-services-list-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 4px;
    background: var(--color-primary);
    color: var(--color-white);
    flex-shrink: 0;
    transition: background-color .25s ease, color .25s ease;
}

.site-header__mobile-service-card-icon svg,
.site-header__mobile-services-list-icon svg,
.site-header__mobile-service-card-icon img,
.site-header__mobile-services-list-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.site-header__mobile-service-card-icon svg *,
.site-header__mobile-services-list-icon svg * {
    fill: currentColor;
    transition: fill .25s ease;
}

.site-header__mobile-service-card-icon [fill="none"],
.site-header__mobile-services-list-icon [fill="none"] {
    fill: none;
}

.site-header__mobile-service-card:hover,
.site-header__mobile-service-card:focus-visible {
    background: var(--color-primary);
}

.site-header__mobile-service-card:hover .site-header__mobile-service-card-icon,
.site-header__mobile-service-card:focus-visible .site-header__mobile-service-card-icon {
    background: var(--color-white);
    color: var(--color-primary);
}

.site-header__mobile-service-card:hover .site-header__mobile-service-card-title,
.site-header__mobile-service-card:focus-visible .site-header__mobile-service-card-title,
.site-header__mobile-service-card:hover .site-header__mobile-service-card-description,
.site-header__mobile-service-card:focus-visible .site-header__mobile-service-card-description {
    color: var(--color-white);
}

.site-header__mobile-service-card-title,
.site-header__mobile-services-list-title {
    margin: 0;
    color: var(--color-primary);
    font-family: var(--font-heading);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
    transition: color .25s ease;
}

.site-header__mobile-service-card-title em,
.site-header__mobile-services-list-title em {
    font-style: italic;
}

.site-header__mobile-service-card-description {
    display: block;
    color: var(--color-text);
    line-height: 140%;
    font-size: 14px;
    transition: color .25s ease;
}

.site-header__mobile-service-card-description p {
    margin: 0;
    max-width: 230px;
}

.site-header__mobile-service-card-description p + p {
    margin-top: .75rem;
}

.site-header__mobile-service-card-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    max-width: 151px;
    height: auto;
    pointer-events: none;
}

.site-header__mobile-services-list-head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    padding: 10px;
    border: 0;
    border-radius: 4px;
    background: var(--color-primary);
    color: var(--color-white);
}

.site-header__mobile-services-list-head .site-header__mobile-services-list-title {
    color: var(--color-white);
}

.site-header__mobile-services-list-icon {
    border-radius: 2px;
    background: var(--color-white);
    color: var(--color-primary);
}

.site-header__mobile-services-list-icon svg *,
.site-header__mobile-services-list-icon [fill="white"] {
    fill: currentColor;
    transition: none;
}

.site-header__mobile-services-list-icon [fill="none"] {
    fill: none;
}

}