/* ==========================================================================
   Payal Rajaratnam — Executive Coaching
   Design tokens + mobile-first responsive system
   Breakpoints: 0 (mobile) / 768px (tablet) / 1200px (desktop)
   ========================================================================== */
:root {
    /* ---- Typography ---- */
    --font-primary: "Lora", serif;
    --font-secondary: "Lato", sans-serif;
    --font-tertiary: "Playfair Display", serif;
    /* ---- Color: primary green family (hero, buttons, accents) ---- */
    --color-primary: rgba(31, 123, 100, 1);
    --color-secondary: rgba(104, 167, 124, 1);
    --color-dark: rgba(47, 47, 47, 1);
    --color-light: rgba(240, 240, 240, 1);
    --color-nav: rgba(3, 31, 48, 1);
    --color-primary-60: var(--color-primary) 60%;
    --color-primary-70: var(--color-primary) 70%;
    --color-primary-80: var(--color-primary) 80%;
    --color-primary-90: var(--color-primary) 90%;
    /* ---- Neutrals ---- */
    --color-ink: #1a2b27;
    --color-ink-soft: #4b5c57;
    --color-muted: #6f7f7a;
    --color-line: #e4e7e4;
    --color-surface: #ffffff;
    --font-size-11: 1.84vh; /* 11px */
    --font-size-12: 0.88vw; /* 12px */
    --font-size-14: 1.03vw; /* 14px */
    --font-size-16: 1.172vw; /* 16px */
    --font-size-18: 1.318vw; /* 18px */
    --font-size-20: 1.465vw; /* 20px */
    --font-size-24: 1.76vw; /* 24px */
    --font-size-32: 2.343vw; /* 32px */
    --font-size-36: 2.64vw; /* 36px */
    --font-size-48: 3.52vw; /* 48px */

    --lh-24: 4.01vh; /* 24px */
    --lh-26: 4.33vh; /* 26px */
    --lh-28: 4.68vh; /* 28px */
    --lh-57: 9.52vh; /* 57px */

    --pd-27: 1.98vw;
    --pd-32: 2.35vw;
    --m-7: 0.52vw; /* 7px */
    --mb-8: 1.34vh; /* 8px */
    --mb-9: 1.51vh; /* 9px */
    --mb-18: 3.01vh; /* 18px */
    --mb-24: 4.01vh; /* 24px */

    --fs-body: clamp(0.95rem, 0.92rem + 0.15vw, 1.02rem);
    --fs-small: 0.85rem;
    /* ---- Spacing scale ---- */
    --gutter: clamp(1.67vw, 4vw, 4vw);
    /* --content-max: 1200px; */
    --content-max: 100vw;
    /* ---- Radii & shadow ---- */
    --radius-pill: 999vw;
    --shadow-full: 0 0.2vw 0.4vw 0.3vw rgba(20, 40, 35, 0.2);
    --shadow-bottom: 0 0.668vh 0.668vh 0 rgba(0, 0, 0, 0.25);
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
    /* box-shadow: 0px 2.66px 2.66px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.445vh 0.445vh 0 rgba(0, 0, 0, 0.25); */
    /* box-shadow: 0px 4px 12px 0px rgba(26, 54, 93, 0.08);
  box-shadow: 0 0.668vh 2.01vh 0 rgba(26, 54, 93, 0.08); */

    --transition: 200ms ease;
}

[hidden] {
    display: none !important;
}
/* Light (Font Weight: 300) */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Lato Light"), local("Lato-Light"), url("fonts/Lato-Light.ttf") format("truetype");
}

/* Regular / Normal (Font Weight: 400) */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Lato Regular"), local("Lato-Regular"), url("fonts/Lato-Regular.ttf") format("truetype");
}

/* Regular Italic (Font Weight: 400) */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Lato Italic"), local("Lato-Italic"), url("fonts/Lato-Italic.ttf") format("truetype");
}

/* Medium (Font Weight: 500) */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Lato Medium"), local("Lato-Medium"), url("fonts/Lato-Medium.ttf") format("truetype");
}

/* Semibold (Font Weight: 600) */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Lato Semibold"), local("Lato-Semibold"), url("fonts/Lato-Semibold.ttf") format("truetype");
}

/* Bold (Font Weight: 700) */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Lato Bold"), local("Lato-Bold"), url("fonts/Lato-Bold.ttf") format("truetype");
}

/* Black (Font Weight: 900) */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Lato Black"), local("Lato-Black"), url("fonts/Lato-Black.ttf") format("truetype");
}

/* ---- Reset ---- */
*,
*::before,
*::after {
    box-sizing: border-box;
}

button,
a,
input,
textarea {
    -webkit-tap-highlight-color: transparent;
}

    button:focus-visible,
    a:focus-visible {
        outline: none;
    }

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--font-primary);
    color: var(--color-ink);
    background: var(--color-surface);
    font-size: var(--fs-body);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.d-none {
    display: none;
}

.display-t {
    display: none;
}

.display-m {
    display: none;
}

.display-m-none {
    display: block;
}

.soul-bgcolor {
    background-color: #f7f7f7;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
}

a {
    color: inherit;
    text-decoration: none;
}

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

h1,
h2,
h3,
h4 {
    font-family: var(--font-secondary);
    margin: 0;
    color: var(--color-primary-90);
    font-weight: 600;
}

p {
    margin: 0;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

button {
    font: inherit;
    cursor: pointer;
}

input,
textarea {
    font: inherit;
}

.text-danger {
    color: #dc3545 !important;
}

.text-danger-emphasis {
    color: #a71d2a !important;
}

.contact_BGcolor {
    background-color: rgb(247, 250, 252);
}

.fs-italic {
    font-style: italic;
}

.h-10 {
    height: 10vh !important;
}

.ph-5 {
    padding: 0 5em !important;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-content-cen {
    justify-content: center;
}

.align-items-cen {
    align-items: center;
}

.txt-align-center {
    text-align: center;
}

.txt-align-left {
    text-align: left;
}

:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: 2px;
}

/* ---- Shared: section containers (max-width + centering) ---- */
.stats__grid,
.about,
.services,
.clients,
.impact-banner,
.testimonials,
.ebook,
.resources,
.contact,
.credential,
.about_LCDPoints,
.about_soul,
.about_beyond,
.about_discovery,
.contact_Impactfull,
.contact_form,
.soul-banner,
.soul-section-2,
.section-soul-leadership,
.soul-coaching,
.executive-leadership,
.executive-programe,
.executive-journey,
.executive-green-card-container,
.executive-rooted,
.executive-client,
.blog-section__inner {
    max-width: var(--content-max);
    margin-inline: auto;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

.skip-link {
    position: absolute;
    left: -999px;
    top: 0;
    background: var(--color-primary-800);
    color: #fff;
    padding: 0.75rem 1.25rem;
    z-index: 200;
    border-radius: 0 0 0.8vw 0;
}

    .skip-link:focus {
        left: 0;
    }

.section-title,
.section-title-two,
.section-title-three {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 2.34vw;
    /* font-style: italic; */
    color: rgba(3, 31, 48, 1);
    /* color: rgba(47, 47, 47, 1); */
    text-align: center;
    margin-bottom: 7.02vh;
    letter-spacing: 0.023vw;
}

.section-title-two {
    color: rgba(47, 47, 47, 1);
}

.section-title-three {
    margin-bottom: 0.307em;
    color: rgba(47, 47, 47, 1);
    font-style: italic;
}

.section-title--left {
    text-align: left;
}

.eyebrow {
    display: inline-block;
    font-family: var(--font-secondary);
    font-size: var(--font-size-20);
    font-weight: 600;
    font-style: italic;
    color: var(--color-primary);
    background: rgba(240, 240, 240, 1);
    padding: 2.68vh 1.45vw; /* 2.68vh:16px */
    border-radius: var(--radius-pill);
    margin-bottom: 4.01vh;
}

.link-inline {
    color: var(--color-primary-90);
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}

.contact__icon {
    width: 1.76vw;
    height: 1.76vw;
}
/* ---- Buttons ---- */
.btn-bg-first {
    background: linear-gradient(89.1deg, #1f7b64 51.28%, #91bc9f 116.07%);
}

.btn-bg-second {
    background: linear-gradient(89.98deg, #1f7b64 2.58%, #91bc9f 99.98%);
}

.btn-bg-third {
    background: linear-gradient(89.98deg, #1f7b64 2.58%, #91bc9f 99.98%);
}

.btn-bg-fourth {
    background: linear-gradient(89.1deg, #1f7b64 51.28%, #91bc9f 116.07%);
}

.btn {
    display: inline-flex;
    align-items: center;
    gap: 0.8vw;
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: var(--font-size-16);
    padding: 0.5vw 0.8vw 0.5vw 0.5vw;
    border: 0.1vw solid #fff;
    border-radius: var(--radius-pill);
    transition: transform var(--transition), box-shadow var(--transition);
    transform: translateY(-1px);
    box-shadow: var(--shadow-bottom);
}

.btn_1 {
    display: inline-flex;
    align-items: center;
    gap: 0.8vw;
    background: var(--color-primary);
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: var(--font-size-16);
    padding: 0.59vw 0.88vw 0.59vw 0.59vw;
    border: 0.1vw solid #fff;
    border-radius: var(--radius-pill);
    transition: transform var(--transition), box-shadow var(--transition);
}

.btn_2 {
    display: inline-flex;
    align-items: center;
    gap: 0.8vw;
    background: var(--color-secondary);
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-16);
    padding: 0.5vw 0.8vw 0.5vw 0.5vw;
    border: 0.1vw solid #fff;
    border-radius: var(--radius-pill);
    transition: transform var(--transition), box-shadow var(--transition);
    transform: translateY(-1px);
    /* box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2); */
    box-shadow: var(--shadow-bottom);
}

.btn_call {
    display: inline-flex;
    align-items: center;
    gap: 0.8vw;
    background: rgba(3, 31, 48, 1);
    color: #fff;
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-16);
    line-height: 1;
    /* padding: 12px 16px; */
    padding: 2.01vh 1.18vw;
        width: 16vw;
    border: 0.1vw solid #fff;
    border-radius: var(--radius-pill);
    transition: transform var(--transition), box-shadow var(--transition);
    transform: translateY(-1px);
    /* box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2); */
    box-shadow: var(--shadow-bottom);
    justify-content: space-between;
    align-self: flex-start;
}

.btn,
.btn_1,
.btn_2,
.btn_call {
    cursor: pointer;
    user-select: none;
    background-clip: padding-box;
}

    .btn_call svg,
    .btn svg {
        flex-shrink: 0;
        width: 1.47vw;
        height: 3.34vh;
    }

    .btn .more_icon {
        width: 1.465vw;
        height: 1.465vw;
    }

    .btn:hover {
        /* background: var(--color-primary); */
        /* background: linear-gradient(
    135deg,
    var(--color-primary),
    rgba(145, 188, 159, 1)
  ); */
        transition: all 0.2s ease-in-out;
        transform: translateY(-1px);
        /* box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2); */
    }

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

.btn--sm {
    padding: 3.005vh 1.465vw;
}

.btn--m {
    width: auto;
    /* padding: 3.005vh 1.465vw; */
    padding: 12px 24px;
}

.btn--pill {
    border-radius: var(--radius-pill);
}

.main-container {
    /* width: 2560px; */
    /* width: 1366px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}
/* ==========================================================================
   HEADER / NAV
   ========================================================================== */
.site-header {
    /* width: 2560px; */
    /* display: flex; */
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-line);
    box-shadow: var(--shadow-bottom);
}

.site-header__inner {
    max-width: var(--content-max);
    margin: 0 auto;
    /* padding: 0.9vw 3.5vw; */
    padding: 0.879vw 2.636vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6.77vw;
    /* justify-content: center;
  gap: 85px; */
}

.brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.brand__logo {
    width: 12vw;
    height: 6.42vw;
}

.brand__text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.brand__name {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    color: var(--color-primary-90);
    text-transform: uppercase;
}

.brand__tag {
    font-size: 0.68rem;
    color: var(--color-muted);
    font-weight: 600;
}

/* Dropdown (desktop) */
.nav-item--has-dropdown {
    position: relative;
}

.nav-link--dropdown {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    background: white;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    padding: 8px 0;
    display: none;
    z-index: 40;
}

    .dropdown li {
        list-style: none;
    }

    .dropdown a {
        display: block;
        padding: 10px 16px;
        color: #123; /* adjust */
        text-decoration: none;
    }

.nav-item--has-dropdown:focus-within .dropdown,
.nav-item--has-dropdown:hover .dropdown {
    display: block;
}

/* Mobile submenu */
.mobile-submenu {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 8px 0 0 0;
    padding: 0 20px;
    gap: 6px;
    flex-direction: column;
}

    .mobile-submenu li a {
        font-family: var(--font-secondary);
        font-weight: 600;
        font-size: 16px;
        line-height: 16.8px;
        letter-spacing: 0.7px;
        text-align: left;
        color: rgba(47, 47, 47, 0.8);
        display: block;
        padding: 8px 12px;
    }

    .mobile-submenu[hidden] {
        display: none;
    }

.main-nav {
    display: none;
}

.main-nav__list {
    display: flex;
    /* gap: 2.4vw; */
    gap: 2vw;
}

    .main-nav__list a {
        font-family: var(--font-secondary);
        font-size: 1.16vw;
        font-weight: 600;
        color: rgba(3, 31, 48, 1);
        transition: color var(--transition);
        position: relative;
        align-items: baseline;
    }

        .main-nav__list a:hover {
            color: var(--color-primary);
        }

.nav-item a:hover svg path {
    fill: #1f7b64;
}

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

.main-nav__cta {
    display: none;
}

.hamburger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.7vh;
    width: 9.31vw;
    height: 4.3vh;
    padding: 0;
    background: none;
    border: none;
    align-items: center;
}

.hamburger__bar {
    width: 4.12vw;
    height: 0.5vh;
    background: rgba(10, 83, 65, 1);
    transition: transform 150ms ease, opacity 100ms ease;
}
/* .hamburger[aria-expanded="true"] .hamburger__bar:nth-child(1) {
  transform: translateY(2.1vw) rotate(45deg);
}
.hamburger[aria-expanded="true"] .hamburger__bar:nth-child(2) {
  opacity: 0;
}
.hamburger[aria-expanded="true"] .hamburger__bar:nth-child(3) {
  transform: translateY(2.4vh) rotate(-45deg);
} */
.hamburger[aria-expanded="true"] .hamburger__bar {
    opacity: 0;
}

.mobile-menu {
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    background: var(--color-surface);
    transition: max-height 280ms ease;
    transition: max-width 280ms ease;
    /* border-top: 0.1vw solid transparent; */
}

    .mobile-menu.is-open {
        /* max-height: 590px; */
        max-width: 342px;
        /* max-height: 700px; */
        max-height: 100vh;
        border-top-color: var(--color-line);
    }

/* Off-canvas mobile menu: slide in from left */
.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 85vw;
    max-width: 28rem;
    background: var(--color-surface);
    transform: translateX(-100%);
    transition: transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
    overflow-y: auto;
    z-index: 60;
    border-top: 0; /* override existing border-top */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

    .mobile-menu nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0 60px;
    }

    .mobile-menu .brand {
        /* margin-top: 36px; */
        margin-top: 16px;
        margin-bottom: 23px;
    }

    /* When menu is opened by JS adding .is-open */
    .mobile-menu.is-open {
        display: flex;
        transform: translateX(0);
        transition: transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
        padding-bottom: 36px;
    }

.mobile-menu__list {
    display: flex;
    flex-direction: column;
    /* padding: 2.06vh 4.69vw; */
    /* padding: 36px 60px; */
    padding: 36px 0px;
    gap: 8px;
}

    .mobile-menu__list a {
        display: block;
        font-family: var(--font-secondary);
        font-size: 16px;
        font-weight: 600;
        padding: 12px 32px;
        color: var(--color-dark);
        width: 222px;
        letter-spacing: 0.7px;
    }
    /* .mobile-menu__list a{
  border-left: 4px solid rgba(31, 123, 100, 1);
  color: rgba(31, 123, 100, 1);
  background-color: rgba(247, 250, 252, 1);
} */

    /* .mobile-nav-item,
.mobile-menu__list a.active,
.mobile-menu__list a[aria-current="page"]  */

    .mobile-submenu > li > a.active,
    .mobile-menu__list > li > a.active,
    .mobile-menu__list > li > a[aria-current="page"] {
        font-weight: 700;
        /* font-size: 18px; */
        font-size: 16px;
        line-height: 16.8px;
        border-left: 4px solid rgba(31, 123, 100, 1);
        color: rgba(31, 123, 100, 1);
        background-color: rgba(247, 250, 252, 1);
    }

.mobile-menu__cta {
    margin: 0 var(--gutter) 1.67vw;
    width: max-content;
}

    .mobile-menu__cta.btn--pill {
        margin: 0 60px;
    }

a.mobile-submenu-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.08);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 55;
    pointer-events: none;
}

@media (min-width: 1025px) {
    .main-nav {
        display: block;
    }

    .main-nav__cta {
        display: inline-flex;
    }

    .hamburger {
        display: none;
    }

    .mobile-menu {
        display: none;
    }
}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero {
    background: radial-gradient( 80.89% 497.9% at 99.37% 9%, #1f7b64 0%, #68a77c 82.48% );
    padding: 0vw 7vw;
}

.hero__inner {
    max-width: var(--content-max);
    margin: 0 auto;
    display: grid;
    gap: 2.3vw;
    grid-template-columns: 1fr;
    justify-items: center;
}

.hero__copy {
    display: flex;
    flex-direction: column;
    gap: 0.9vw;
}

.hero__title {
    color: rgba(3, 31, 48, 1);
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: italic;
    font-size: 3.52vw;
    /* line-height: 4vw; */
    line-height: 1.14;
    max-width: 14ch;
}

.hero__subtitle {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-style: italic;
    color: rgba(5, 54, 89, 1);
    font-size: 2.34vw;
}

.hero__media {
    overflow: hidden;
}

    .hero__media img {
        width: 29.5vw;
        object-fit: cover;
        aspect-ratio: 4 / 5;
    }

@media (min-width: 768px) {
    .hero__inner {
        grid-template-columns: 1.1fr 0.9fr;
        align-items: center;
    }

    .hero__title {
        max-width: 36.823vw;
    }
}
/*
.dynamic-word {
    display: inline-block;
    margin-left: 6px;
    transition: opacity 0.6s ease, transform 0.9s ease;
    will-change: opacity, transform;
    opacity: 1;
    text-align: left;
    width: 32%;
}

    .dynamic-word.fade-out {
        opacity: 0;
        transform: translateX(6px);
    }

    .dynamic-word.fade-in {
        opacity: 1;
        transform: translateX(0);
    }*/

/* Slide-up-from-default animation for dynamic hero word */
.dynamic-wrap {
    display: inline-block;
/*    margin-left: 6px;*/
    /*    vertical-align: middle;*/
    overflow: visible;
    width: 32%;
}

.dynamic-word {
    display: inline-block;
    backface-visibility: hidden;
}

/* animation: old word slides up & fades out, new word appears from below and settles at baseline */
@keyframes slide-up-default {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        transform: translateY(-18px);
        opacity: 0;
    }

    50% {
        transform: translateY(18px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.dynamic-word.sliding {
    animation: slide-up-default 1000ms cubic-bezier(.2,.9,.3,1);
}
/* about page hero */
.intro-bg-green {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 461px;  */
    height: 0;
    background: #68a77c;
    z-index: -1;
}

.hero_about {
    background-color: rgba(104, 167, 124, 1);
    height: 39vw;
/*    height: 89vh;*/
    /*    height: 90vh;*/
}

.hero_second_para {
    font-family: var(--font-secondary) !important;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 1.45;
    color: rgba(0, 0, 0, 1) !important;
}

.hero_about_head {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    /*    margin-top: 20.181vh;*/
    /*margin-top: 135px;*/
}

    .hero_about_head h1 {
        font-family: var(--font-primary);
        font-weight: 600;
        font-size: var(--font-size-32);
        line-height: 1.28;
        width: 37.043vw;
        height: auto;
        color: rgba(31, 123, 100, 1);
        background-color: rgba(240, 240, 240, 1);
        padding: 4.007vh 2.929vw;
        margin-left: -5vw;
    }

    .hero_about_head p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 1.318vw;
        line-height: 1.45;
        color: rgba(247, 250, 252, 1);
        padding: 1.389em;
        width: 90%;
    }

        .hero_about_head p:last-child {
            color: rgba(0, 0, 0, 1);
            width: 94%;
        }

.hero_about_para {
    display: flex;
    margin: 33.723vh 9.5vw;
    margin-bottom: 0;
    flex-direction: column;
    gap: 2vh; /* 12px */
}

    .hero_about_para p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: var(--font-size-18);
        line-height: 1.44;
        text-align: left;
        color: var(--color-dark);
    }

.hero_about_inner {
    display: flex;
    flex-direction: row;
    margin: 0 7.9vw;
    margin-right: 5.8vw;
    padding-top: 11.687vh;
}
/* .hero_about_media { */
/* position: relative; */
/* width: 88%;  */
/* width: 82%; */
/* } */
.hero_about_media img {
    width: 95vw;
    height: auto;
    border: 1.099vw solid white;
}

/* ==========================================================================
   STATS STRIP
   ========================================================================== */
.stats {
    padding: 0 10vw;
    padding-top: 6.68vh;
}

.stats__grid {
    max-width: var(--content-max);
    margin: 0 auto;
    /* display: grid; */
    display: flex;
    /* gap: 4.393vw; */
    gap: 6.393vw;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
}

.stats__item {
    display: flex;
    flex-direction: column;
    gap: 2vh;
}

.stats__value {
    font-family: var(--font-secondary);
    font-weight: 900;
    font-size: 2.09vw;
    color: var(--color-primary);
}

.stats__label {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 1.47vw;
    color: var(--color-dark);
}

@media (min-width: 768px) {
    .stats__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ==========================================================================
   ABOUT
   ========================================================================== */
.about {
    padding: 0 2.93vw;
    padding-top: 6.69vh;
    max-width: var(--content-max);
    margin: 0 auto;
}

.about__inner {
    display: grid;
    align-items: center;
    text-align: center;
    justify-items: center;
}

.about__portrait {
    width: min(220px, 60vw);
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

    .about__portrait img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }

.about__copy {
    /* max-width: 100%; */
    max-width: 93%;
}

.about__title {
    color: var(--color-primary);
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 2.64vw;
    margin-bottom: 2.51vh; /* 2.51vhL:15px */
}

.about__copy p {
    color: var(--color-dark);
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 1.32vw;
    /* line-height: 1.76vw; */
    line-height: 1.34;
}

.about__banner {
    background: radial-gradient( 80.89% 497.9% at 99.37% 9%, #68a77c 17.52%, #1f7b64 100% );
    color: #fff;
    border-radius: 1.2vw;
    padding: 3vw 3.5vw;
    display: grid;
}

    .about__banner p {
        font-family: var(--font-secondary);
        font-weight: 600;
        font-size: var(--font-size-18); /* 20px:1.47vw */
        line-height: 1.44;
        width: 43vw;
    }

    .about__banner em {
        font-style: italic;
        font-weight: 700;
    }

    .about__banner p:nth-last-child(1) {
        font-family: var(--font-secondary);
        font-weight: 900;
        font-size: 1.47vw;
        line-height: 1.3;
        padding: 0vw 8.7vw;
        width: 100%;
    }

        .about__banner p:nth-last-child(1) a {
            color: rgba(3, 31, 48, 1);
            text-decoration: none;
            font-family: var(--font-secondary);
            font-weight: 900;
        }

    .about__banner .link-inline {
        color: #fff;
    }

@media (min-width: 768px) {
    .about__inner {
        grid-template-columns: 0.3fr 0.4fr;
        text-align: left;
        justify-items: center;
        justify-content: center;
    }

    .about__portrait {
        width: 100%;
        max-width: 24.5vw;
    }

    .about__banner {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
}

/* ==========================================================================
   SERVICES
   ========================================================================== */
.services {
    padding: 0 6vw;
    padding-top: 15.03vh;
    max-width: var(--content-max);
    margin: 0 auto;
}

.services__grid {
    display: grid;
    gap: 2.42vw;
    grid-template-columns: 1fr;
    justify-content: center;
}

.service-card {
    background: rgba(247, 247, 247, 1);
    border-radius: 1.2vw;
    padding: 6.7vh 4.35vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    transition: box-shadow var(--transition), transform var(--transition);
    box-shadow: rgba(20, 40, 35, 0.2) 0px 0.2vw 0.5vw 0.1vw;
}
    /* .service-card:hover {
  transform: translateY(-2px);
} */
    .service-card h3 {
        font-family: var(--font-primary);
        font-weight: 500;
        font-size: 2.05vw;
        color: var(--color-dark);
    }

    .service-card p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: var(--font-size-16);
        color: var(--color-dark);
        line-height: 1.3;
        flex-grow: 1;
        width: 92%;
    }

    .service-card:nth-child(2) p {
        width: 102%;
    }

    .service-card .btn {
        font-weight: 700;
        font-size: var(--font-size-16);
        width: max-content;
        border: 0.1vw solid #fff;
        transition: box-shadow var(--transition), transform var(--transition);
    }

        .service-card .btn svg {
            width: 1.47vw;
            height: 3.34vh;
        }

/* .service-card .btn:hover {
  box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2);
  transform: translateY(-2px);
} */

@media (min-width: 768px) {
    .services__grid {
        grid-template-columns: 0.39fr 0.39fr;
    }
}

/* ==========================================================================
   CLIENTS
   ========================================================================== */
.clients {
    padding: 0 6.89vw;
    padding-top: 15.03vh;
    max-width: var(--content-max);
    margin: 0 auto;
}

.clients__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.98vw;
}

.clients__logo {
    border-radius: 0.8vw;
    padding: 1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--color-dark);
/*    width: 254px;*/
    width: auto;
    height: 100px;
    box-shadow: 0 0.2vw 0.6vw 0.01vw rgba(20, 40, 35, 0.1);
}
.clients__grid.clientseciton3.center-card {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem; /* adjust spacing between logos if needed */
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
    .clients__grid.clientseciton3.center-card .clients__logo {
        width: 254px;
    }

    .clients__logo img {
        width: 10.95vw;
        /*    height: auto;*/
        aspect-ratio: 3/1;
        object-fit: contain;
    }

.clientseciton1 .clients__logo:nth-child(8) img {
    width: 132px;
    height: 74px;
}
.clientseciton2 .clients__logo:nth-child(3) img {
    width: 90px;
    height: 34px;
}
.clientseciton2 .clients__logo:nth-child(8) img {
    width: 44px;
    height: 56px;
}
/*-----clientseciton1----*/
.clientseciton1 .clients__logo:nth-child(1) img {
    width: 139px;
    height: 75px;
}
.clientseciton1 .clients__logo:nth-child(2) img {
    width: 127px;
    height: 49px;
}
.clientseciton1 .clients__logo:nth-child(3) img {
    width: 149px;
    height: 53px;
}

.clientseciton1 .clients__logo:nth-child(4) img {
    width: 149px;
    height: 45px;
}
.clientseciton1 .clients__logo:nth-child(5) img {
    width: 149px;
    height: 43px;
}

.clientseciton1 .clients__logo:nth-child(6) img {
    width: 152px;
    height: 37px;
}
.clientseciton1 .clients__logo:nth-child(7) img {
    width: 152px;
    height: 56px;
}

.clientseciton1 .clients__logo:nth-child(8) img {
    width: 132px;
    height: 74px;
}
/*-----clientseciton2----*/
.clientseciton2 .clients__logo:nth-child(1) img {
    width: 140px;
    height: 19px;
}

.clientseciton2 .clients__logo:nth-child(2) img {
    width: 153px;
    height: 24px;
}

.clientseciton2 .clients__logo:nth-child(3) img {
    width: 90px;
    height: 34px;
}

.clientseciton2 .clients__logo:nth-child(4)  img{
    width: 58px;
    height: 64px;
}

.clientseciton2 .clients__logo:nth-child(5) img {
    width: 115px;
    height: 46px;
}

.clientseciton2 .clients__logo:nth-child(6) img {
    width: 100px;
    height: 43px;
}

.clientseciton2 .clients__logo:nth-child(7) img {
    width: 103px;
    height: 53px;
}
.clientseciton2 .clients__logo:nth-child(8) img {
    width: 44px;
    height: 56px;
}
/*-----clientseciton3----*/
.clientseciton3 .clients__logo:nth-child(1) img {
    width: 136px;
    height: 32px;
}
.clientseciton3 .clients__logo:nth-child(2) img {
    width: 105px;
    height: 53px;
}
.clientseciton3 .clients__logo:nth-child(3) img {
    width: 147px;
    height: 44px;
}


@media (min-width: 768px) {
    .clients__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ==========================================================================
   IMPACT BANNER
   ========================================================================== */
.impact-banner {
    /* background: rgba(104, 167, 124, 1); */
    background: linear-gradient(90deg, #68a77c 0%, #7bb38d 100%);
    margin: 0 6vw;
    margin-top: 15.03vh;
    border-radius: 1.2vw;
    border: 0.1vw solid var(--color-surface);
    padding: 2.67vw;
    max-width: var(--content-max);
    box-shadow: var(--shadow-bottom);
}

    .impact-banner p {
        text-align: center;
        color: #fff;
        font-family: var(--font-secondary);
        font-style: italic;
        font-weight: 600;
        font-size: 2.35vw;
        line-height: 1.2;
        max-width: 50vw;
        margin-inline: auto;
    }

        .impact-banner p span {
            font-family: var(--font-primary);
        }

/* ==========================================================================
   TESTIMONIALS
   ========================================================================== */
.testimonials {
    padding: 0 6.89vw;
    padding-top: 15.03vh;
    max-width: var(--content-max);
    margin: 0 auto;
}

.testimonials__grid {
    display: flex;
    gap: 1.76vw;
    align-items: flex-start;
    flex-direction: row;
}

.testimonials__grid_img {
    width: 5.5vw;
    height: 7.33vw;
}

.testimonial-card {
    background: rgba(247, 247, 247, 1);
    border-radius: 1.2vw;
    padding: 6.02vh 4.4vw;
    margin: 0;
    box-shadow: 0 0.334vh 1.336vh 0 rgba(0, 38, 29, 0.3);
    width: 100%;
}

.testimonial-card__quote {
    font-family: Georgia, serif;
    font-size: 2.5rem;
    color: var(--color-primary);
    line-height: 1;
    display: block;
}

.testimonial-card blockquote {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 1.47vw;
    line-height: 1.193;
    margin: 4.01vh 0;
    margin-top: 0;
    color: var(--color-dark);
    height: 20vh;
    width: 29vw;
}

.testimonial-card figcaption {
    display: flex;
    flex-direction: column;
    /* gap: 0.15rem; */
}

.testimonial-card__dash {
    border-top: 0.17vh solid var(--color-primary);
    max-width: 63%;
}

.testimonial-card__name {
    font-family: var(--font-primary);
    font-size: 1.47vw;
    font-weight: 500;
    color: var(--color-primary);
    margin: 1.5vh 0;
}

.testimonial-card__role {
    font-family: var(--font-secondary);
    font-size: var(--font-size-16);
    font-weight: 700;
    color: var(--color-dark);
}

.testimonials__cta {
    text-align: center;
    margin-top: 2.67vw;
}

@media (min-width: 768px) {
    .testimonials__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==========================================================================
   EBOOK
   ========================================================================== */
.ebook {
    padding: 0 6.89vw;
    padding-top: 15.03vh;
    max-width: var(--content-max);
    margin: 0 auto;
    display: grid;
    gap: 2.67vw;
    align-items: center;
}

.ebook__device {
    border-radius: 1.2vw;
    overflow: hidden;
}

    .ebook__device img {
        width: 38vw;
    }

.ebook__copy p:first-of-type {
    font-family: var(--font-secondary);
    color: var(--color-dark);
    font-weight: 400;
    font-size: var(--font-size-20);
    line-height: 1.296;
    margin-bottom: 6.02vh;
    /* padding-right: 12.5vw; */
    width: 36vw;
}

    .ebook__copy p:first-of-type strong {
        font-weight: 700;
    }

.ebook__link {
    font-family: var(--font-secondary);
    font-size: var(--font-size-20);
    font-weight: 600;
    font-style: italic;
    color: rgba(31, 123, 100, 1);
    margin-bottom: 3.01vh;
}

@media (min-width: 768px) {
    .ebook {
        grid-template-columns: 0.9fr 1.1fr;
    }
}

/* ==========================================================================
   RESOURCES
   ========================================================================== */
.resources {
    padding: 0 6.89vw;
    padding-top: 15.03vh;
    max-width: var(--content-max);
    margin: 0 auto;
}

.resources__header {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    margin-bottom: 6.02vh; /* 6.02vh:36px */
    border-bottom: 0.1vh solid var(--color-primary);
    /* padding-bottom: 4.01vh; */
}

    .resources__header p {
        font-family: var(--font-secondary);
        font-size: var(--font-size-16);
        line-height: 1.2;
        font-weight: 400;
        color: var(--color-dark);
        max-width: 32%;
        /* margin-bottom: 3vh; */
        margin-bottom: 4.01vh;
    }

.resources__grid {
    display: grid;
    gap: 2.67vw;
    grid-template-columns: 1fr;
}

.resource-card {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    background-color: var(--color-light);
    border-radius: 2.1vw;
    padding: 2vh 0.9vw;
}

    .resource-card img {
        width: 100%;
        border-radius: 1.2vw;
        aspect-ratio: 16/10.5;
        object-fit: cover;
        margin-bottom: 4vh;
    }

    .resource-card h3 {
        font-family: var(--font-primary);
        font-weight: 600;
        font-size: var(--font-size-16);
        line-height: 1.27;
        color: var(--color-primary);
        width: 90%;
    }

    .resource-card p {
        font-family: var(--font-secondary);
        color: var(--color-dark);
        font-size: var(--font-size-16);
        font-weight: 400;
        line-height: 1.28;
        flex-grow: 1;
        /* width: 86%; */
        width: 17.9em;
    }

    .resource-card .btn {
        width: auto;
        justify-content: space-between;
        padding: 2.01vh 0.879vw 2.01vh 1.757vw;
        margin-top: 4.007vh;
    }

@media (min-width: 768px) {
    .resources__header {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        gap: 2.67vw;
    }

    .resources__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ==========================================================================
   CONTACT
   ========================================================================== */
.contact {
    max-width: var(--content-max);
    /* margin: 10vh 6vw; */
    margin: 10vh 9vw;
    padding: 0;
    display: flex;
    gap: 0;
    background: rgba(240, 240, 240, 1);
    border-radius: 1.2vw;
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}

.contact__form-wrap {
    padding: 6.011vh 2.636vw;
    /* width: 692px;
  height: 401px;  */
    width: 50.659vw;
    height: 66.945vh;
}

    .contact__form-wrap p {
        font-family: var(--font-secondary);
        font-size: var(--font-size-16);
        color: var(--color-dark);
        font-weight: 600;
    }

.contact__title {
    font-family: var(--font-secondary);
    font-size: var(--font-size-32);
    color: rgba(10, 83, 65, 1);
    font-weight: 600;
    margin-bottom: 1.67vw;
}

.contact__form {
    display: flex;
    flex-direction: column;
    gap: 1.67vw;
}

.contact__row {
    display: grid;
    gap: 1.67vw;
    grid-template-columns: 1fr;
}

    .contact__row input {
        height: 6.011vh;
    }

.contact__form textarea {
    height: 9.516vh;
}

.contact-fail,
.contact-success {
    margin-bottom: 36px;
}

    .contact-fail h2,
    .contact-success h2 {
        font-family: var(--font-secondary);
        font-weight: 600;
        font-style: Italic;
        font-size: 28px;
        line-height: 44px;
        color: rgba(0, 78, 57, 1);
    }

    .contact-fail p,
    .contact-success p {
        font-family: var(--font-secondary);
        font-weight: 600;
        font-size: 18px;
        line-height: 25.2px;
        color: rgba(63, 73, 68, 1);
    }

    .contact-fail h2 {
        color: #dc3545 !important;
    }

.field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .field label {
        font-family: var(--font-secondary);
        font-size: var(--font-size-14);
        font-weight: 600;
        color: var(--color-dark);
    }

    .field input,
    .field textarea {
        border: none;
        border-radius: 0.8vw;
        padding: 1.9vh 1vw;
        font-family: var(--font-secondary);
        font-size: var(--font-size-14);
        background: #fff;
        transition: border-color var(--transition), box-shadow var(--transition);
        resize: none;
    }

        .field input:focus,
        .field textarea:focus {
            border-color: var(--color-primary-60);
            box-shadow: 0 0 0 3px rgba(61, 122, 104, 0.15);
            outline: none;
        }

.contact__form .btn {
    width: max-content;
    padding: 2vh 0.9vw 2vh 1.75vw;
    background: linear-gradient(rgba(123, 179, 141, 1));
}

.form-status {
    font-size: var(--fs-small);
    color: var(--color-primary-70);
    min-height: 1.2em;
}

    .form-status.success {
        color: #1f7b64;
    }

    .form-status.error {
        color: #93000A;
    }

.contact__media {
    display: none;
}

    .contact__media img {
        width: 22.841vw;
        /* width: 30vw; */
        /* height: auto; */
        height: 100%;
        object-fit: cover;
    }

@media (min-width: 768px) {
    .contact {
        grid-template-columns: 1.1fr 0.9fr;
    }

    .contact__media {
        display: block;
    }

    .contact__row {
        grid-template-columns: 1fr 1fr;
    }
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer-bg {
    /* background: linear-gradient(
    133deg,
    rgba(3, 31, 48, 1) 6%,
    rgba(5, 54, 89, 1) 90%
  ); */
    background: linear-gradient( 124deg, rgba(3, 31, 48, 1) 14%, rgba(5, 54, 89, 1) 90% );
}

.site-footer {
    background: linear-gradient( 133deg, rgba(3, 31, 48, 1) 6%, rgba(5, 54, 89, 1) 90% );
    padding: 10.017vh 4.393vw;
    padding-bottom: 6.02vh;
}

.site-footer__inner {
    max-width: var(--content-max);
    padding: 6vh 2.5vw;
    display: flex;
    background-color: #fff;
    border-radius: 1.03vw;
}

.vertical_dash {
    border-left: 1px solid var(--color-primary);
    height: 100%;
    margin: 0 20px;
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-right: 4.5vw;
    border-right: 1px solid var(--color-primary);
}

    .footer-brand .brand__mark {
        background: rgba(255, 255, 255, 0.1);
        color: #cfe0da;
    }

    .footer-brand .brand__name {
        color: #fff;
    }

    .footer-brand .brand__tag {
        color: #9fb6ae;
    }

.footer-links {
    padding-left: 4.5vw;
}

.footer-links__title {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-24);
    color: var(--color-primary);
    margin-bottom: 1vw;
}

.footer-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5vw;
}

.footer-links a {
    font-family: var(--font-secondary);
    font-size: var(--font-size-16);
    font-weight: 600;
    color: var(--color-primary);
    transition: color var(--transition);
}

.site-footer__bottom {
    display: flex;
    font-family: var(--font-secondary);
    margin-top: 6vh;
    text-align: center;
    font-size: var(--font-size-14);
    color: var(--color-light);
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.footer-social {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 6.02vh;
}

.social-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--color-surface);
    border-radius: 719px;
    padding: 8px 10px;
    gap: 0.4vw;
}

    .social-link svg {
        width: 17.28px;
        height: 17.28px;
    }

    .social-link p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: var(--font-size-14);
        line-height: 1.35;
        color: var(--color-dark);
    }

@media (min-width: 768px) {
    .site-footer__inner {
        grid-template-columns: 0.5fr 1fr;
        align-items: start;
    }
}

/* About Page css */
/* Professional Credential */
.credential {
    padding: 0 5.86vw;
    padding-top: 15.03vh;
}

.cred__grid {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5vw;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin-top: 1.655em;
}
/* .cred__logo {
  width: 27%;
  border-radius: 0.8vw;
  padding: 1.5vw;
  display: flex;
  gap: 2vw;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.668vh 2.004vh 0 rgba(26, 54, 93, 0.08);
} */
.cred__logo {
    width: 24%;
    border-radius: 0.8vw;
    padding: 1.48em;
    display: flex;
    /* gap: 2vw; */
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.668vh 2.004vh 0 rgba(26, 54, 93, 0.08);
    height: 9.2em;
}

    .cred__logo:nth-child(1) p {
        width: 8.6em;
    }

    .cred__logo:nth-child(5) {
        width: 26%;
    }

    .cred__logo:nth-child(6) {
        width: 25%;
    }

        .cred__logo:nth-child(6) img {
            height: 4vw;
        }

        .cred__logo:nth-child(6) p {
            width: 8.9em;
            margin-left: 0.945em;
        }

    .cred__logo:nth-child(7) {
        width: 29%;
    }

    .cred__logo img {
        max-width: 10vw;
        height: 5vw;
        object-fit: contain;
    }

    .cred__logo p {
        font-family: var(--font-secondary);
        font-size: var(--font-size-16);
        line-height: var(--lh-26);
        font-weight: 400;
        text-align: left;
        /* width: 49%; */
        width: 7.9em;
        margin-left: 1.945em;
    }

@media (min-width: 768px) {
    .cred__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* Leadership Capabilities Developed Through Coaching */
.about_LCDPoints {
    padding: 0 6.89vw;
    padding-top: 10vh;
}

.LCDPoints {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 0 11.64vw;
    gap: 2.42vw;
}

    .LCDPoints ul {
        font-family: var(--font-primary);
        font-size: var(--font-size-20);
        font-weight: 500;
        color: var(--color-primary);
        list-style: disc;
        border-top: 0.1vw solid rgba(0, 38, 29, 0.3);
        padding-left: 1.3em;
        padding-top: 0.75rem;
    }

        .LCDPoints ul li {
            margin-bottom: 2vh; /* 12px */
        }

.LCDPoints_tag {
    margin-top: 10vh; /* 60px */
}

    .LCDPoints_tag p {
        font-family: var(--font-primary);
        font-size: var(--font-size-32);
        font-weight: 600;
        color: rgba(10, 83, 65, 1);
        font-style: italic;
        text-align: center;
    }

/* about soul */
.about_soul {
    display: flex;
    flex-direction: column;
    margin: 0 7.33vw;
    margin-top: 10vh;
    align-items: center;
}

.about_soul_card {
    display: flex;
    position: relative;
    background-image: url(../images/soulaBG.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.2vw;
    padding: 6vh 2.64vw;
    /* box-shadow: 0px 2px 8px 0px rgba(0, 38, 29, 0.3); */
    box-shadow: 0 0.334vh 1.336vh 0 rgba(0, 38, 29, 0.3);
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2vh;
    width: 62em;
}

    .about_soul_card p:first-child {
        font-family: var(--font-primary);
        font-size: var(--font-size-36);
        line-height: 1.28;
        font-style: italic;
        font-weight: 500;
        color: rgba(10, 83, 65, 1);
    }

    .about_soul_card p:nth-last-child(2) {
        font-family: var(--font-secondary);
        font-size: var(--font-size-20);
        line-height: 1.4;
        font-weight: 600;
        color: var(--color-dark);
        width: 43vw;
    }

.about_beyond {
    display: flex;
    flex-direction: column;
    padding: 0 14vw;
    padding-top: 15.03vh;
}

.beyond {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 13.36vh;
}

    .beyond img {
        width: auto;
        height: 73.63vh;
        border-radius: 2.34vw;
    }

    .beyond h2 {
        font-family: var(--font-primary);
        font-size: var(--font-size-36);
        line-height: 1.28;
        font-style: italic;
        font-weight: 400;
        color: var(--color-dark);
    }

    .beyond p {
        font-family: var(--font-secondary);
        font-size: var(--font-size-20);
        line-height: 1.2;
        font-weight: 500;
        color: var(--color-dark);
        margin-top: 2vh;
        padding-right: 1em;
    }

/* about discovery call */
.about_discovery {
    padding: 10.017vh 3.52vw;
}

.discovery_card {
    display: flex;
    flex-direction: row;
    padding: 3.35vh 1.47vw;
    background-color: rgb(247, 247, 247);
    border-radius: 44px;
    gap: 0.88vw;
    box-shadow: var(--shadow-bottom);
}

.discovery_img {
    display: flex;
    background-image: url("../images/dicoveryBG.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    width: 46vw;
    height: 46vh;
    border-radius: 1.76vw;
}

.discovery_card img {
    width: 46vw;
    height: auto;
    border-radius: 1.76vw;
    object-fit: contain;
}

.discovery_blue_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    background-color: rgba(5, 54, 89, 1);
    padding: 6vh 2.64vw;
    border-radius: 1.76vw;
}

    .discovery_blue_card p {
        width: 55%;
        /* width: 10.98em; */
        font-family: var(--font-primary);
        font-size: var(--font-size-20);
        font-weight: 600;
        color: var(--color-surface);
    }

/* Contact page */
.contact_Impactfull h1 {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: var(--font-size-48);
    color: rgba(10, 83, 65, 1);
    line-height: var(--lh-57);
    letter-spacing: -0.071vw;
    text-align: center;
    padding: 0 10vw;
    margin-bottom: var(--mb-24);
}

.contact_Impactfull p {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-20);
    color: var(--color-dark);
    line-height: 4.89vh; /* 29px */
    text-align: center;
    margin-bottom: var(--mb-24);
    padding: 0 1em;
}

/* contact form */
.contact_Impactfull {
    padding: 15.04vh 14.65vw;
}

.contact_form {
    justify-content: center;
    align-items: flex-start;
    padding: 10vh 0vw;
    padding-top: 0;
    gap: 4.89vh; /* 29px */
}

.contact_card {
    display: flex;
    flex-direction: column;
    gap: 2.35vw; /* 2.05vw : 28px; 2.35vw : 32px */
    width: 55.79vw;
    background-color: var(--color-surface);
    padding: 6.02vh 2.64vw; /* 36px */
    border-radius: 0.59vw; /* 8px; */
    /* box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04); */
    box-shadow: 0 0.668vh 3.339vh 0 rgba(0, 0, 0, 0.04);
}

.contact_card_head {
    font-family: var(--font-primary);
    font-size: var(--font-size-24);
    line-height: 5.62vh;
    font-weight: 600;
    color: rgba(10, 83, 65, 1);
}

.formgroup {
    display: flex;
    flex-direction: column;
    gap: 4.01vh; /* 24px */
}

    .formgroup .flex-row {
        display: flex;
        gap: 4.01vh;
        flex-wrap: wrap;
    }

.field {
    display: flex;
    flex-direction: column;
    gap: 1.34vh; /* 1.34vh:8px */
    flex: 1;
    /* min-width: 220px; */
}

.formgroup .field input,
.contact_card .field textarea {
    background: rgb(247, 250, 252);
    border-bottom: 0.076em solid rgba(240, 240, 240, 1);
    border-radius: 0;
}

.contact_card > div:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    gap: 1.34vh;
    margin-top: var(--mb-8);
}

.contact_card h3 {
    font-family: var(--font-secondary);
    font-size: var(--font-size-14);
    line-height: 2.68vh;
    font-weight: 700;
    margin-bottom: var(--mb-9); /* 1.34vh:8px */
    letter-spacing: 0.05vw;
}

.contact_card input[type="checkbox"] {
    accent-color: var(--color-primary);
    margin-right: 0.88vw;
    width: 1.03vw;
    height: 2.34vh;
}

.contact_card label[for^="answer"] {
    display: flex;
    font-family: var(--font-secondary);
    font-size: var(--font-size-12);
    line-height: 2.8vh;
    font-weight: 700;
    letter-spacing: 0.05vw;
    margin-bottom: var(--mb-8);
    justify-content: flex-start;
    align-items: center;
}

.contact_card .btn {
    align-self: flex-start;
    padding: 3.18vh 1.47vw; /* 3.18vh 1.47vw: 19px 20px */
    margin-top: var(--mb-8);
}

.payal_image {
    position: relative;
    display: flex;
    align-items: flex-end;
    background-image: url("../images/payal/payalcontact1.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 25vw;
    height: 44.2em;
    border-top-right-radius: 0.74vw;
    margin: 0.52vw;
    overflow: hidden;
}

    .payal_image::before {
        content: "";
        position: absolute;
        inset: 0;
        /* background: linear-gradient(
    to top,
    rgba(31, 123, 100, 0.85),
    rgba(31, 123, 100, 0.45) 8%,
    rgba(31, 123, 100, 0) 12%
  ); */
        background: linear-gradient(0deg, #0a5341 0%, rgba(31, 123, 100, 0) 17%);
        pointer-events: none;
    }

    .payal_image > div {
        position: relative;
        z-index: 1;
        padding: var(--pd-27);
        color: #fff;
    }

    .payal_image h3 {
        font-family: var(--font-primary);
        font-size: var(--font-size-20);
        line-height: var(--lh-28); /* 4.68vh:28px; */
        font-weight: 500;
    }

    .payal_image p {
        font-family: var(--font-secondary);
        font-size: var(--font-size-11);
        line-height: 2.34vh;
        font-weight: 600;
        letter-spacing: 0.1vw;
    }

/* The Soul Apporach Page */
.soul-banner {
    position: relative;
    max-width: 100%;
    height: 25vw;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.soulBg {
    background-image: url("../images/soulappBan.png");
}

.exeBg {
    background-image: url("../images/exeBg.jpg");
}

.grpBg {
    background-image: url("../images/grpBg.png");
}

.soul-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 83, 65, 0.3));
}

.soul-banner__content {
    position: absolute;
    /* left: 8vw;
  bottom: 20vh; */
    z-index: 1;
    color: #fff;
    left: 55%;
    bottom: 50%;
    transform: translate(-155%, 56%);
}

.exeBg .soul-banner__content {
    transform: translate(-128%, 56%);
}

.grpBg .soul-banner__content {
    transform: translate(-181%, 56%);
}

.soul-banner__content h1 {
    margin: 0;
    font-family: var(--font-primary);
    font-size: var(--font-size-48);
    line-height: 13.36vh;
    font-weight: 700;
}

.soul-section-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10vh 0;
    margin: 0 auto;
    background-image: url(../images/soulaBG.png);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transform: scaleX(-1);
}

.soul-sec2-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transform: scaleX(-1);
    margin-left: 8vw;
    width: 55%;
}

    .soul-sec2-content p {
        font-family: var(--font-secondary);
        font-size: var(--font-size-18);
        line-height: 1.335;
        font-weight: 400;
        margin-bottom: var(--mb-18);
    }

    .soul-sec2-content .soul-represent {
        font-family: var(--font-secondary);
        font-size: var(--font-size-20);
        font-style: italic;
        line-height: var(--lh-24);
        font-weight: 700;
        margin-bottom: var(--mb-18);
    }

.container {
    max-width: 83.5vw;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6.02vh;
}

.soul-approach-order {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.soul-approach-order2 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.d-lg-none {
    display: none !important;
}

.soul-approach-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.soul-points-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 53%;
    margin-left: 2.64vw;
}

.section-soul-leadership {
    margin: 0 3.67vw;
    margin-top: 10vh;
    height: 72em;
    background-image: url(../images/soulolbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: rgb(247, 247, 247);
    padding: 2.64vw;
}

    .section-soul-leadership h2.header {
        font-family: var(--font-secondary);
        font-size: var(--font-size-32);
        font-weight: 700;
        color: var(--color-dark);
        line-height: 5.35vh;
        text-transform: uppercase;
        margin-bottom: 2.68vh;
    }

        .section-soul-leadership h2.header span {
            padding: 0px 0 10px 0;
            font-size: var(--font-size-48);
            color: #031f30;
            font-weight: bold;
            line-height: 62px;
            display: block;
        }

    .section-soul-leadership .desc {
        font-family: var(--font-secondary);
        font-size: var(--font-size-24);
        line-height: var(--lh-24);
        font-weight: 700;
        color: var(--color-primary);
    }

    .section-soul-leadership .right-image img {
        /* margin: 23.38vh 2.93vw 15.87vh 0; */
        margin: 23.38vh 2.93vw 15.87vh 0;
        max-width: 28.92vw;
        height: 133.56vh;
        border-radius: 0.88vw;
    }

.soul-points-section {
    padding: 6.7vh 0;
}

    .soul-points-section .soul-point-icon {
        display: flex;
        /* width: 6.59vw;
  height: 15.03vh; */
        width: 8.79vw;
        /* height: 20.04vh; */
        height: 8.79vw;
        border-radius: 100%;
        background-color: var(--color-primary);
        font-size: 4.4vw;
        color: #ffffff;
        line-height: 5.85vh;
        left: 0;
        right: auto;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

        .soul-points-section .soul-point-icon span {
            font-family: var(--font-secondary);
            font-weight: 700;
            font-size: 6.3vw;
            line-height: 18.2vh;
            color: var(--color-surface);
        }

    .soul-points-section .point-header {
        font-family: var(--font-primary);
        font-size: var(--font-size-24);
        line-height: 1;
        font-style: italic;
        color: var(--color-primary);
        font-weight: 700;
    }

    .soul-points-section .point-tag {
        font-family: var(--font-primary);
        font-size: var(--font-size-20);
        line-height: 1.5;
        color: var(--color-primary);
        font-weight: 500;
    }

    .soul-points-section .point-desc {
        font-family: var(--font-secondary);
        font-size: var(--font-size-16);
        color: rgba(70, 76, 74, 1);
        line-height: 1.5;
        font-weight: 400;
        margin-top: 2.51vh;
    }

.soul-coaching {
    display: flex;
    flex-direction: row;
    padding-top: 10vh;
    justify-content: center;
    align-items: center;
    gap: 0.88vw;
}

.soul-coaching-1 {
    display: flex;
    /* flex: 1; */
    /* width: 379px; */
    width: 28vw;
    background-color: var(--color-primary);
    /* rgba(10, 83, 65, 1) */
    flex-direction: column;
    align-items: flex-end;
    padding: 5.35vh 2.64vw;
    border-top-left-radius: 1.47vw;
    border-bottom-left-radius: 1.47vw;
    box-shadow: var(--shadow-bottom);
    border: 0.1vw solid var(--color-surface);
}

    .soul-coaching-1:last-child {
        align-items: flex-start;
        background-color: rgba(10, 83, 65, 1);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 1.47vw;
        border-bottom-right-radius: 1.47vw;
    }

.soul-coaching-head {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: var(--font-size-24);
    line-height: 2.8vh;
    color: var(--color-surface);
    margin-bottom: 2vh;
}

.soul-coaching-know {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-16);
    line-height: 2.8vh;
    color: var(--color-surface);
}

/* 1:1 executive coaching */
.executive-leadership {
    justify-content: center;
    align-items: center;
    padding: 0 3.52vw;
    padding-top: 6.02vh;
    gap: 10.02vh;
}

.executive-header {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--font-size-24);
    line-height: 5.51vh; /* 5.51vh:33px */
    color: var(--color-dark);
    padding: 0 21.97vw;
    text-align: center;
}

.executive-leadership__container,
.executive-leadership__content {
    gap: 1.76vw;
}

.executive-leadership__card {
    background-color: rgba(247, 247, 247, 1);
    justify-content: center;
    align-items: center;
    padding: 6.02vh 4.4vw; /* 4.40vw:60px */
    border-radius: 0.88vw;
    /* box-shadow: 0 0.1vw 0.6vw 0.01vw rgba(20, 40, 35, 0.2); */
    box-shadow: 0 0.334vh 1.336vh 0 rgba(0, 38, 29, 0.3);
    width: 100%;
}

.executive-leadership__text {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: var(--font-size-20);
    line-height: 1.2;
    color: var(--color-dark);
    width: 90.3%;
}

.executive-quote {
    justify-content: center;
    align-items: center;
    background-color: rgba(31, 123, 100, 1);
    padding: 6.02vh 0;
    margin-top: 10.02vh;
}

    .executive-quote p {
        font-family: var(--font-primary);
        font-weight: 600;
        font-size: var(--font-size-32);
        font-style: italic;
        color: var(--color-surface);
        text-align: center;
        /* padding: 0 22.97vw; */
        width: 852px;
    }

.executive-programe {
    justify-content: center;
    align-items: center;
    gap: 3.84vh;
    margin: 0 5.86vw; /* 5.86vw:80px */
    margin-top: 10.02vh;
}

.executive-programe-header {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-32);
    font-style: italic;
    color: rgba(10, 83, 65, 1);
    text-align: center;
}

.executive-programe-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: 1.34;
    text-align: center;
    padding: 0 15em;
}

.ribbon {
    position: absolute;
    top: 2vw;
    right: -1.8vw;
    background: var(--color-secondary);
    color: #fff;
    padding: 1.34vh 1.84vw; /*1.84vw:25px  */
    font-family: var(--font-primary);
    font-style: italic;
    font-weight: 600;
    font-size: var(--font-size-24);
    border-top-left-radius: 0.59vw;
    border-bottom-left-radius: 0.59vw;
    /* box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2); */
    box-shadow: var(--shadow-bottom);
}

    /* Right fold */
    .ribbon::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -4vh;
        width: 0;
        height: 0;
        border-top: 1.76vw solid rgba(10, 83, 65, 1); /* Darker shade */
        border-right: 1.76vw solid transparent;
        filter: drop-shadow(0vw 0.3vw 0.16vw rgba(20, 40, 35, 0.4));
    }

.executive-coaching-card {
    position: relative;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 1.76vw;
    /* width: 21.23vw; */
    width: 22.92vw;
    height: 100%;
    /* box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2); */
    box-shadow: var(--shadow-bottom);
    padding-bottom: 4.01vh;
}

.executive-coaching-card-con {
    gap: 4.4vw;
}

.executive-coaching-smcard {
    justify-content: center;
    padding: 3.51vh 0.88vw; /* 3.51vh:21px */
    margin: 0 1.76vw;
    margin-top: 23.54vh;
    background-color: rgba(240, 240, 240, 1);
    gap: 2.01vh;
    max-width: 100%;
}

.smcard-head,
.smcard-desc {
    width: 85%;
}

.smcard-head {
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: var(--font-size-24);
    font-style: italic;
    color: rgba(31, 123, 100, 1);
}

.smcard-desc {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: var(--font-size-18);
    color: var(--color-primary);
    text-align: left;
}

.executive-coaching-td {
    padding: 1.76vw;
    padding-bottom: 0;
}

.td-head,
.td-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: 1.335;
    color: rgba(70, 76, 74, 1);
    width: 92.5%;
}

.td-head {
    font-weight: 700;
    font-style: italic;
}

    .td-head span {
        font-style: normal;
    }

.executive-journey {
    justify-content: center;
    align-items: flex-start;
    margin: 10.02vh 6.45vw;
    margin-bottom: 0;
}

.journey-title_card {
    padding: 6vh 0;
    justify-content: center;
    align-items: center;
    gap: 3.34vh; /* 3.34vh:20px; */
}

.journey-head {
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: italic;
    font-size: var(--font-size-32);
    color: rgba(10, 83, 65, 1);
}

.journey-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: var(--lh-24);
    color: var(--color-dark);
    text-align: center;
    padding: 0 15vw;
}

    .journey-desc span {
        font-weight: 900;
    }

.journey-points-container {
    padding: 0 13vw;
    gap: 10.86vh;
    margin-bottom: 10vh;
}

.journey-points {
    gap: 11px;
}

.points-pop {
    display: flex;
    width: 1.76vw;
    height: 4.01vh;
    background: var(--color-primary);
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--font-size-14);
    line-height: 1;
    color: var(--color-surface);
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
    border-bottom-right-radius: 0;
    margin-right: 0.74vw;
}

.points-head {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-24);
    font-style: italic;
    color: rgba(10, 83, 65, 1);
}

.points-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: 1.335;
    color: var(--color-dark);
    width: 26vw;
}

.journey-points-container:nth-child(3)
.journey-points:nth-child(2)
.points-desc {
    width: 21vw;
}

.executive-green-card-container {
    justify-content: center;
    align-items: center;
    padding: 9.35vh 0;
    gap: 1.76vw;
}

.green-card {
    background-color: rgba(104, 167, 124, 1);
    border-radius: 0.59vw;
    padding: 6.68vh 1.91vw;
    gap: 1.41em;
    /* box-shadow: 0 0.3vw 0.2vw 0vw rgba(20, 40, 35, 0.2); */
    box-shadow: 0 0.445vh 0.445vh 0 rgba(0, 0, 0, 0.25);
}

.green-card-img {
    /* width: 59px;
  height: 59px; */
    width: 4.32vw;
    height: 9.85vh;
}

.green-card-text {
    font-family: var(--font-secondary);
    font-size: var(--font-size-16);
    line-height: 3.01vh; /* 3.01vh:18.6px; */
    font-weight: 500;
    width: 10vw;
    color: var(--color-surface);
}

.green-card:nth-child(4) .green-card-text {
    width: 9.5vw;
}

.executive-rooted {
    justify-content: center;
    align-items: center;
    margin: 10vh 7.85vw;
    margin-bottom: 0;
}

.rooted-card {
    justify-content: space-between;
    align-items: center;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 1.45vw;
    padding: 5.35vh 2.35vw; /* 5.35vh:32px */
    gap: 4.03vw;
    /* 4.03vw:55px; */
    box-shadow: 0 0.3vw 0.2vw 0.1vw rgba(20, 40, 35, 0.2);
    box-shadow: var(--shadow-bottom);
}

.rooted-td {
    gap: 4.01vh;
    width: 32vw;
}

.rooted-head {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-32);
    line-height: 1.3;
    font-style: italic;
    color: rgba(10, 83, 65, 1);
}

.rooted-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: 1.334;
    color: var(--color-dark);
}

.rooted-img {
    width: 31.48vw;
    height: 53.76vh;
    border-radius: 1.32vw; 
    object-fit: cover;
}

.executive-client {
    margin: 10vh 210px;
    margin-bottom: 0;
    justify-content: center;
    align-items: center;
}

.client-head {
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: italic;
    font-size: var(--font-size-32);
    color: rgba(10, 83, 65, 1);
    margin-bottom: 6.02vh;
}

.client-testimonial {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: var(--font-size-20);
    line-height: var(--lh-24);
    color: var(--color-dark);
    width: 53vw;
    padding: 6.02vh 0vw; /* .96vw:13px; */
    /* text-align: center; */
    border-top: 0.1vw solid var(--color-primary);
    border-bottom: 0.1vw solid var(--color-primary);
}

.client-info {
    margin-top: 2.01vh;
    margin-bottom: 6.02vh;
    justify-content: center;
    align-items: center;
    gap: 2.01vh;
}

.client-name {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: var(--font-size-20);
    color: var(--color-primary);
}

.client-title {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--font-size-16);
    color: var(--color-dark);
}

/* Testimonials */
.testimonail-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4.841em;
    padding-top: 3.68em;
    gap: 1.471em;
}

    .testimonail-header h1 {
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 48px;
        line-height: 1.17;
        text-align: center;
        color: #004e39;
    }

    .testimonail-header p {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 18px;
        line-height: 29.25px;
        text-align: center;
        padding: 0 14em;
        color: #3f4944;
    }

.testimonials_container {
    padding: 13.19vh 4.4vw;
    padding-top: 0;
    padding-bottom: 0;
    gap: 7.35vh 2.79vw;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 13.19vh 4.4vw;
    padding-top: 0;
    padding-bottom: 0;
    gap: 7.35vh 2.79vw;
    justify-items: center;
    grid-auto-flow: row;
    justify-content: space-around;
    align-items: center; */
}

.testimonials_inner_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 7.35vh 2.79vw;
}

.testimonials_cards {
    display: block;
    flex-direction: column;
    justify-content: space-between;
    width: 37.93vw;
    /* height: 82.972vh; */
    /* height: 79.972vh; */
    height: auto;
    padding: 8.02vh 4.4vw;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 1.76vw;
    box-shadow: 0 0.668vh 2.01vh 0 rgba(26, 54, 93, 0.08);
}

.testimonials_content {
    font-family: var(--font-secondary);
    font-size: var(--font-size-18);
    line-height: 1.333;
    font-weight: 400;
    color: var(--color-dark);
    height: auto;
}

.testimonails_info {
    display: flex;
    flex-direction: column;
    border-top: 0.1vw solid rgba(145, 188, 159, 1);
    padding-top: 4.01vh;
    margin-top: 60px;
    gap: 1.336vh;
}

.testimonials_name {
    font-family: var(--font-secondary);
    font-size: var(--font-size-20);
    line-height: 1.2;
    font-weight: 700;
    color: rgba(10, 83, 65, 1);
}

.testimonials_designation {
    font-family: var(--font-secondary);
    font-size: var(--font-size-18);
    line-height: 1.2;
    font-weight: 400;
    color: rgba(124, 124, 124, 1);
}

.testimonials_btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 6.011vh;
}

.success_story_container {
    display: flex;
    flex-direction: column;
    /* padding: 6.011vh 4.393vw; */
    /* padding: 2.206em 3.677em; */
    padding: 2.206em 8.677em;
}

.success_story_card {
    display: flex;
    flex-direction: column;
    background-color: rgba(247, 247, 247, 1);
    /* padding: 4.007vh 2.636vw; */
    /* gap: 4.007vh; */
    gap: 2.206em;
}

.story_head {
    font-family: var(--font-primary);
    /* font-size: 2.343vw; */
    font-size: 1.961em;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: rgba(247, 250, 252, 1);
    padding: 0.75em;
    background-color: rgba(31, 123, 100, 1);
    /* border-top-left-radius: 0.879vw;
  border-top-right-radius: 0.879vw; */
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.story_content {
    display: flex;
    flex-direction: column;
    padding: 0 1.76vw;
    gap: 6.011vh;
}

.story_desc {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: var(--font-size-20);
    line-height: 1.2;
    color: rgba(10, 83, 65, 1);
}

.story_sug {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--font-size-20);
    line-height: 1.6;
    background-color: rgba(240, 240, 240, 1);
    color: var(--color-dark);
    padding: 4.007vh 1.757vw;
    text-align: center;
}

.story_accordian_button {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-18);
    line-height: 1.3;
    background-color: rgba(240, 240, 240, 1);
    color: rgba(10, 83, 65, 1);
    width: 100%;
    border: none;
    padding: 4.007vh 1.757vw;
    /* border-width: 0.1vw 0.1vw 0.05vw 0.1vw; */
    border-width: 1px 1px 0.5px 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 1);
}

.story_accordian_panel {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: 1.3;
    color: var(--color-dark);
    background-color: rgba(255, 255, 255, 1);
    padding: 4.006vh 1.757vw;
    /* overflow: hidden; */
    max-height: 100%;
    transition: all ease, transform 0.25s ease;
}

.story_accordian_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    position: relative;
}

    .story_accordian_icon svg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.25s ease, transform 0.25s ease;
        transform-origin: center center;
    }

    .story_accordian_icon .story_plus {
        opacity: 1;
        transform: rotate(0deg);
    }

    .story_accordian_icon .story_minus {
        opacity: 0;
        transform: rotate(-90deg);
    }

.story_accordian_button[aria-expanded="true"] .story_plus {
    opacity: 0;
    transform: rotate(90deg);
}

.story_accordian_button[aria-expanded="true"] .story_minus {
    opacity: 1;
    transform: rotate(0deg);
}

.group-programe {
    justify-content: center;
    align-items: center;
    gap: 3.84vh;
    /* margin: 0 19.86vw;
  margin-top: 10.017vh; */
    margin: 0 271px;
    margin-top: 60px;
}

.group-programe-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: var(--font-size-18);
    line-height: 1.34;
    text-align: center;
    /* padding: 0 15em; */
    width: 809px;
}

.group-coaching-card-con {
    gap: 1.684vw;
}

.group-coaching-card {
    /* position: relative;
  background-color: rgba(247, 247, 247, 1);
  border-radius: 1.76vw;
  width: 27.965vw;
  height: 100%;
  box-shadow: var(--shadow-bottom);
  padding-bottom: 4.01vh; */

    position: relative;
    background-color: rgba(247, 247, 247, 1);
    border-radius: 24px;
    width: 382px;
    height: auto;
    box-shadow: var(--shadow-bottom);
    padding-bottom: 24px;
}

.group-coaching-smcard {
    /* justify-content: center;
  padding: 3.51vh 0.88vw;
  margin: 0 1.76vw;
  background-color: rgba(240, 240, 240, 1);
  gap: 2.01vh;
  width: auto;
  border-radius: 8px; */

    justify-content: center;
    padding: 21px 12px;
    margin: 0 24px;
    background-color: rgba(240, 240, 240, 1);
    gap: 12px;
    width: auto;
    border-radius: 8px;
}

.gc-card-head {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: var(--font-size-24);
    font-style: italic;
    color: rgba(10, 83, 65, 1);
    padding: 36px;
}

.gc-card-desc {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-size: var(--font-size-24);
    font-style: italic;
    color: rgba(31, 123, 100, 1);
    text-align: left;
    width: 85%;
}

.group-bespoke-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 90px;
    /* margin-top: 10.017vh; */
    margin-top: 60px;
    padding-top: 36px;
    border-top: 1px solid rgba(31, 123, 100, 1);
}

.group-bespoke-title {
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: italic;
    font-size: 32px;
    line-height: 1.1;
    text-align: center;
    color: rgba(10, 83, 65, 1);
    margin-bottom: 20px;
}

.group-bespoke-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: rgba(47, 47, 47, 1);
    padding: 0 180px;
}

.group-bespoke-second {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* width: 1020px; */
    width: 100%;
    min-height: 423px;
    margin: 0 auto;
    background: linear-gradient(rgba(247, 247, 247, 0.8)), url("../images/bspoke.png") center/cover no-repeat;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    border: 2px solid rgba(10, 83, 65, 1);
}

.group-bespoke-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* gap: 10vw; */
    gap: 136px;
    margin-bottom: 62px;
}

.grp-list-title {
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: italic;
    font-size: 32px;
    line-height: 100%;
    color: rgba(10, 83, 65, 1);
    margin-bottom: 24px;
    /* margin-left: -1.9vw; */
    margin-left: -30px;
}

.grp-list li {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    list-style: disc;
}

.group-leadership-container {
    margin: 0 90px;
    margin-top: 60px;
}

.grp-leadership-title {
    font-family: var(--font-primary);
    font-weight: 600;
    font-style: italic;
    font-size: 32px;
    line-height: 100%;
    text-align: center;
    color: rgba(10, 83, 65, 1);
    margin-bottom: 12px;
}

.grp-leadership-subtitle {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: rgba(31, 123, 100, 1);
    margin-bottom: 20px;
}

.grp-leadership-desc {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: rgba(47, 47, 47, 1);
    margin-bottom: 24px;
    padding: 0 190px;
}

.grp-leadership-card {
    display: flex;
    width: 100%;
    height: 372px;
    border-radius: 20px;
    border: 2px solid rgba(10, 83, 65, 1);
    gap: 36px;
    background-color: rgba(247, 247, 247, 1);
    padding: 36px;
}

.grp-leadership-card-img {
    width: 50%;
}

    .grp-leadership-card-img img {
        width: 300px;
        height: 300px;
        border-radius: 8px;
    }

.grp-leadership-card-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
}

.grp-leadership-list {
    margin: 0;
    padding: 0 20px;
}

    .grp-leadership-list li {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #2f2f2f;
    }

.grp-leadership-conclusion {
    font-family: var(--font-secondary);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: rgba(31, 123, 100, 1);
    width: 72%;
}

.story_accordian {
    margin: 0 0.675em;
}

/* Blog */

.blog-hero {
    background-color: #ffffff;
    padding: 36px 0;
    text-align: center;
}

.blog-hero__inner {
    display: flex;
    padding: 0 60px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 36px;
}

    /* Override global h1 { font-family: var(--font-secondary) } */
    .blog-hero__inner h1.blog-hero__title {
        font-family: var(--font-primary);
        font-size: 48px;
        font-weight: 400;
        line-height: 57.6px;
        color: #004e39;
        text-align: center;
        margin: 0 0 12px 0;
    }

.blog-hero__subtitle {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: rgba(47, 47, 47, 1);
    margin: 0 auto;
    max-width: 480px;
    text-align: center;
}

/* =========================================================================
   2. BLOG SECTION WRAPPER
   ========================================================================= */

.blog-section {
    background-color: #ffffff;
    padding-bottom: 80px;
}

.blog-section__inner {
    display: flex;
    margin: 0 auto;
    /* padding: 0 60px; */
    padding: 0 75px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* =========================================================================
   3. FEATURED CARD
   Figma: bg #f7f7f7, pad 24px all sides, gap 32px (flex row), radius 24px
   Image col: 524x291px, radius 12px
   Content col: flex-1, gap 16px between elements
   Title:  Lora 500 32px lh 38.4px color #1f7b64
   Excerpt: Lato 400 16px lh 25.6px color #2f2f2f
   ========================================================================= */

.blog-featured {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    background-color: #f7f7f7;
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 36px;
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
    /* width: 100%; */
    /* width: 1216px; */
    width: 1080px;
}

/* .blog-featured:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
} */

.blog-featured__media {
    /* flex: 0 0 524px; */
    width: auto;
    height: 291px;
    overflow: hidden;
    border-radius: 12px;
}

    .blog-featured__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.blog-featured__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}

    /* Override global h2 font */
    .blog-featured__body h2.blog-featured__title {
        font-family: var(--font-primary);
        font-size: 32px;
        font-weight: 600;
        line-height: 1.2;
        color: #1f7b64;
        margin: 0;
        transition: color 0.2s ease-in-out;
        width: 434px;
        cursor: pointer;
    }

/* .blog-featured:hover h2.blog-featured__title {
  color: #165e4c;
} */

.blog-featured__excerpt {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(47, 47, 47, 1);
    margin: 0;
    width: 400px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}

.blog-card {
    background-color: rgba(240, 240, 240, 1);
    border-radius: 28px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
    width: 344px;
}

/* .blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
} */

.blog-card__image {
    width: 100%;
    /* width: 296px; */
    height: 167px;
    object-fit: cover;
    /* display: block; */
    border-radius: 12px;
    margin-bottom: 24px;
}

.blog-card__body {
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex: 1;
}

.blog-card__category {
    font-family: var(--font-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
    color: rgba(31, 123, 100, 1);
    margin: 0;
}

/* Override global h3 font */
.blog-card__body h3.blog-card__title {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    line-height: 20.48px;
    color: rgba(47, 47, 47, 1);
    margin: 0;
    transition: color 0.2s ease-in-out;
    cursor: pointer;
}

.blog-card:hover h3.blog-card__title {
    color: #1f7b64;
}

.blog-card__excerpt {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(47, 47, 47, 1);
    margin: 0;
    flex: 1;
    /* width: 22vw; */
    width: 96%;
    margin-bottom: 11px;
}

.blog-card__link {
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: rgba(10, 83, 65, 1);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    transition: color 0.2s ease-in-out;
}

/* .blog-card__link:hover,
.blog-card__link:focus-visible {
  color: #1f7b64;
  text-decoration: underline;
  outline: none;
} */
.blog-more {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

/* Newsletter Modal */
.newsletter-modal {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

    .newsletter-modal.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

.newsletter-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 25, 25, 0.6);
    backdrop-filter: blur(3px);
}

.newsletter-modal__dialog {
    position: relative;
    border-radius: 22px;
    z-index: 1;
}

.newsletter-modal__close {
    position: absolute;
    top: -68.3px;
    right: 0;
    border: none;
    background: #ffffff;
    font-size: 0rem;
    color: #2f2f2f;
    cursor: pointer;
    border-radius: 100px;
    width: 44px;
    height: 44px;
}

.newsletter-modal__content {
    display: flex;
    flex-direction: column;
    /* gap: 0.8rem; */
    background-color: #ffffff;
    border-radius: 36px;
    padding: 36px;
    width: 711px;
    /* width: 639px; */
}

.newsletter-modal__content_inner {
    background-color: #1f7b64;
    border: 2px solid #91bc9f;
    border-radius: 12px;
    box-shadow: 0px 4px 4px 0px #00000040;
    /* width: 320px; */
    width: 639px;
}

.newsletter-modal__description {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
    padding: 24px 10px;
    /* background-color: #1f7b64;
  padding: 24px 140px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 2px solid #91bc9f;
  border-bottom: none; */
}

.newsletter-modal__form .btn {
    margin: 24px;
    box-shadow: none;
}

.newsletter-modal__form_thanku,
.newsletter-modal__form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    /* background-color: #1f7b64;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border: 2px solid #91bc9f;
  border-top: none;
  box-shadow: 0px 4px 4px 0px #00000040; */
}

.newsletter-modal__form_thanku {
    border-radius: 12px;
    gap: 24px;
    padding: 24px;
}

    .newsletter-modal__form_thanku p {
        font-family: var(--font-secondary);
        font-weight: 600;
        font-size: 16px;
        line-height: 100%;
        color: rgba(255, 255, 255, 1);
        text-align: center;
    }

.newsletter-field {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    color: #2f2f2f;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    margin-bottom: 8px;
}

    .newsletter-field input {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        width: 271px;
        height: 31px;
        border: 1px solid #dfe6e2;
        border-radius: 999px;
        padding: 0.9rem 1rem;
        outline: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }

    .newsletter-field:nth-child(1) {
        margin-bottom: 8px;
    }

    .newsletter-field input::placeholder {
        color: #7c7c7c;
    }

    .newsletter-field input:focus {
        border-color: #1f7b64;
        box-shadow: 0 0 0 4px rgba(31, 123, 100, 0.12);
    }

.newsletter-modal__button {
    width: 100%;
    justify-content: center;
    margin-top: 0.25rem;
}

.newsletter-modal__status {
    min-height: 1.2em;
    font-size: 0.92rem;
    color: #1f7b64;
    font-family: "Lato", sans-serif;
}

    .newsletter-modal__status.success {
        color: #1f7b64; /* green */
    }

    .newsletter-modal__status.error {
        color: #93000A; /* red */
    }

    .newsletter-modal__status.sending {
        color: #2f2f2f; /* neutral */
    }

/* blog details */
.blog-details-container {
    padding: 36px 0;
}

.blog-thumbnail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blog-thumbnail-img {
    /* width: 900px;
  height: 490px; */
    /* width: 1080px; */
    width: 1000px;
}

    .blog-thumbnail-img img {
        width: 100%;
        height: 100%;
        border-radius: 17.33px;
        margin-bottom: 12px;
    }

.blog-content-container {
    display: flex;
    flex-direction: column;
    margin: 0 14em;
    width: 60%;
    width: 69em;
    max-width: 880px;
    margin: 0 auto;
}

.blog-details__meta {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 36px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(31, 123, 100, 1);
}

.blog-details__category {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(31, 123, 100, 1);
}

.blog-details__read-time {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(0, 0, 0, 1);
}

.blog-details__title {
    margin-top: 24px;
    margin-bottom: 36px;
}

    .blog-details__title h1 {
        font-family: var(--font-primary);
        font-weight: 400;
        font-size: 36px;
        line-height: 50.4px;
        letter-spacing: -1.28px;
        color: rgba(0, 30, 44, 1);
    }

.blog-details__content p {
    font-family: var(--font-secondary);
    font-weight: 600;
    font-size: 18px;
    line-height: 25.2px;
    color: rgba(63, 73, 68, 1);
    /* margin-top: 36px; */
}

    .blog-details__content p strong {
        font-weight: 700;
    }

.blog-detail-card h2:nth-child(1) {
    margin-top: 0;
}

.blog-detail-card__impact p {
    margin-top: 0;
}

.blog-detail-card__impact {
    margin-bottom: 36px;
}

    .blog-detail-card__impact p strong {
        font-weight: 700;
    }

.blog-details__content {
    border-bottom: 2px solid rgba(31, 123, 100, 1);
    padding-bottom: 48px;
}

    .blog-details__content .btn {
        margin-bottom: 36px;
    }

    .blog-details__content h2 {
        font-family: var(--font-primary);
        font-weight: 600;
        font-style: Italic;
        font-size: 28px;
        line-height: 44px;
        color: rgba(0, 78, 57, 1);
        margin-bottom: 36px;
    }

    .blog-details__content h3 {
        font-family: var(--font-secondary);
        font-weight: 700;
        font-size: 20px;
        line-height: 25.2px;
        color: rgba(63, 73, 68, 1);
        margin-bottom: 36px;
    }

    .blog-details__content ul {
        margin-bottom: 36px;
        padding: 0 26px;
    }

        .blog-details__content ul li {
            font-family: var(--font-secondary);
            font-weight: 600;
            font-size: 18px;
            line-height: 25.2px;
            color: rgba(63, 73, 68, 1);
            list-style-type: disc;
        }

    .blog-details__content ol {
        margin: 0;
        margin-bottom: 36px;
        padding-left: 25px;
    }

        .blog-details__content ol li {
            font-family: var(--font-secondary);
            font-weight: 600;
            font-size: 18px;
            line-height: 25.2px;
            color: rgba(63, 73, 68, 1);
        }

    .blog-details__content table {
        margin-bottom: 36px;
        border-spacing: 0;
        background-color: rgba(255, 255, 255, 1);
        width: 100%;
        border-collapse: collapse;
    }

        .blog-details__content table thead,
        tr {
            border-spacing: 0;
        }

        .blog-details__content table tr td:nth-child(2),
        .blog-details__content table tr td:nth-child(2) p {
            text-align: left;
        }

        .blog-details__content table thead tr td:nth-child(2),
        .blog-details__content table thead tr td:nth-child(2) p {
            text-align: center;
        }

        .blog-details__content table th {
            font-family: var(--font-secondary);
            font-weight: 600;
            font-size: 18px;
            line-height: 25.2px;
            color: rgba(31, 123, 100, 1);
            text-align: center;
            width: auto;
            padding: 12px;
            border: 1px solid rgba(145, 188, 159, 1);
            border-bottom: none;
        }

            .blog-details__content table th p {
                font-family: var(--font-secondary);
                font-weight: 600;
                font-size: 18px;
                line-height: 25.2px;
                color: rgba(31, 123, 100, 1);
                text-align: center;
                width: auto;
            }

        .blog-details__content table thead td {
            font-family: var(--font-secondary);
            font-weight: 600;
            font-size: 18px;
            line-height: 25.2px;
            color: rgba(31, 123, 100, 1);
            text-align: center;
            width: auto;
            padding: 12px;
            border: 1px solid rgba(145, 188, 159, 1);
            border-bottom: none;
        }

            .blog-details__content table thead td p {
                font-family: var(--font-secondary);
                font-weight: 600;
                font-size: 18px;
                line-height: 25.2px;
                color: rgba(31, 123, 100, 1);
                text-align: center;
                width: auto;
            }

        .blog-details__content table td {
            font-family: var(--font-secondary);
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.7px;
            color: rgba(0, 59, 88, 1);
            text-align: center;
            width: auto;
            padding: 24px 12px;
            border: 1px solid rgba(145, 188, 159, 1);
        }

            .blog-details__content table td p {
                font-family: var(--font-secondary);
                font-weight: 600;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0.7px;
                color: rgba(0, 59, 88, 1);
                text-align: center;
                width: auto;
            }

            .blog-details__content table td p,
            .blog-details__content table th p {
                margin: 0;
            }

    .blog-details__content .blog-detail-table-rating th,
    .blog-details__content .blog-detail-table-rating td {
        width: 116px;
    }

    .blog-details__content .blog-detail-table-rating table tr td:nth-child(2) {
        text-align: center;
    }

.blog-details__quote {
    background-color: rgba(247, 247, 247, 1);
    padding: 60px;
    border-left: 2px solid rgba(31, 123, 100, 1);
    margin-bottom: 36px;
}

    .blog-details__quote p {
        font-family: var(--font-primary);
        font-weight: 600;
        font-style: Italic;
        font-size: 28px;
        line-height: 44px;
        color: rgba(0, 78, 57, 1);
        margin: 0;
    }

.blog-details__content > blockquote {
    background-color: rgba(247, 247, 247, 1);
    padding: 60px;
    border-left: 2px solid rgba(31, 123, 100, 1);
    margin: 0;
    margin-bottom: 36px;
}

    .blog-details__content > blockquote > q {
        font-family: var(--font-primary);
        font-weight: 600;
        font-style: Italic;
        font-size: 28px;
        line-height: 44px;
        color: rgba(0, 78, 57, 1);
        margin: 0;
    }

    .blog-details__content > blockquote > p {
        font-family: var(--font-primary);
        font-weight: 600;
        font-style: Italic;
        font-size: 28px;
        line-height: 44px;
        color: rgba(0, 78, 57, 1);
        margin: 0;
    }

        .blog-details__content > blockquote > p::before {
            content: open-quote;
        }

        .blog-details__content > blockquote > p::after {
            content: close-quote;
        }

.blog-detail-card {
    padding: 24px;
    margin-bottom: 36px;
}

.blog-detail-half-spacing p,
.blog-detail-last-section p {
    margin-bottom: 18px;
}

    .blog-detail-half-spacing p:nth-child(1),
    .blog-detail-last-section p:nth-child(1) {
        margin-bottom: 36px;
    }

.blog-detail-last-section p {
    font-family: var(--font-primary);
    color: rgba(31, 123, 100, 1);
}

    .blog-detail-last-section p:nth-child(1) {
        font-weight: 700;
    }

.blog-detail-tag {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    width: 90%;
    margin-top: 48px;
}

    .blog-detail-tag a {
        font-family: var(--font-secondary);
        font-weight: 400;
        font-size: 20px;
        line-height: 25.2px;
        color: rgba(0, 0, 0, 1);
        padding: 12px 24px;
        background-color: rgba(247, 247, 247, 1);
        border: 1px solid rgba(145, 188, 159, 1);
        border-radius: 999px;
        cursor: pointer;
    }

.related-blogs-container {
    margin-bottom: 36px;
}

.related-blogs__inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

/* Related blog horizontal slider */
.related-blogs-slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
/*    margin: 36px 24px;*/
    margin: 36px 0px;
}

.related-blogs__viewport {
    overflow: hidden;
    flex: 1 1 auto;
}

.related-blogs__inner.slider-track {
    display: flex;
    gap: 24px;
    padding: 36px 6px 18px;
    scroll-behavior: smooth;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    align-items: flex-start;
    scrollbar-width: none;
/*    width: 94.9vw;*/
}

.related-blogs__viewport {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.related-blogs__inner.slider-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px; /* match JS gap calculation */
    scroll-behavior: smooth;
}

    .related-blogs__inner.slider-track .blog-card {
        display: flex;
        width: 344px;
        height: 469px;
        flex: 0 0 auto;
    }

    .related-blogs__inner.slider-track::-webkit-scrollbar {
        display: none;
    }

    .related-blogs__inner.slider-track > .blog-card {
        position: relative;
        flex: 0 0 calc((100% - 48px) / 3);
        /* max-width: calc((100% - 48px) / 3); */
        max-width: 344px;
        height: 469px;
        width: 100%;
        scroll-snap-align: start;
    }

.slider-btn {
    width: 46px;
    height: 46px;
    border: none;
/*    background: rgba(255, 255, 255, 0.9);*/
    background: rgb(255 255 255 / 0%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    /* transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; */
}

    .slider-btn:hover:not(:disabled),
    .slider-btn:focus-visible:not(:disabled) {
        transform: translateY(-1px);
        /* box-shadow: 0 8px 18px rgba(31, 123, 100, 0.12); */
        outline: none;
    }

    .slider-btn:disabled {
        opacity: 0.45;
        cursor: not-allowed;
    }

@media (max-width: 1100px) {
    .related-blogs__inner.slider-track > .blog-card {
        flex-basis: calc((100% - 24px) / 2);
        max-width: calc((100% - 24px) / 2);
    }
}

@media (max-width: 640px) {
    .related-blogs-slider {
        gap: 12px;
/*        margin: 36px 12px;*/
        margin: 36px 0px;
    }

    .related-blogs__inner.slider-track > .blog-card {
        flex-basis: 100%;
        max-width: 100%;
    }

    .slider-btn {
        width: 40px;
        height: 40px;
    }
}

.impact-container {
    max-width: 1350px;
    margin-inline: auto;
}

.blog-detail-card__impact,
.blog-details__content p,
.blog-details__content .btn,
.blog-details__content h2,
.blog-details__content h3,
.blog-details__content ul,
.blog-details__content ol,
.blog-details__content table,
.blog-details__quote,
.blog-details__content blockquote,
.blog-detail-card,
.related-blogs-container {
    margin-bottom: 36px;
}

/* shimmers or skeleton START*/
.resource-card {
    position: relative;
    overflow: hidden;
}

    .resource-card.is-loading img {
        visibility: hidden;
    }

    .resource-card.is-loading h3,
    .resource-card.is-loading p,
    .resource-card.is-loading .btn {
        color: transparent !important;
        background: linear-gradient(90deg, #eee 25%, #f6f6f6 50%, #eee 75%);
        background-size: 200% 100%;
        border-radius: 6px;
        animation: shimmer 1.2s linear infinite;
    }

    .resource-card.is-loading h3 {
        height: 24px;
        margin: 12px 0;
    }

    .resource-card.is-loading p {
        height: 12px;
        margin-bottom: 8px;
    }

        .resource-card.is-loading p.short {
            width: 70%;
        }

    .resource-card.is-loading .btn {
        display: inline-block;
        height: 36px;
        width: 110px;
        border-radius: 999px;
        margin-top: 8px;
    }

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Blog-detail skeletons */
.skeleton-image {
    filter: grayscale(0.4) blur(1px);
    opacity: 0.95;
    background: #eee;
    object-fit: cover;
    height: 469px;
}

.skeleton-text,
.skeleton-inline,
.skeleton-paragraph,
.skeleton-chip {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #e9e9e9 0%, #f4f4f4 50%, #e9e9e9 100%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.2s linear infinite;
    border-radius: 4px;
}

.skeleton-text {
    display: inline-block;
    height: 1.2em;
    width: 60%;
    margin: 0.1em 0;
}

.skeleton-text--lg {
    height: 1.9em;
    width: 80%;
}

.skeleton-inline {
    display: inline-block;
    height: 0.9em;
    width: 4.5rem;
    margin-right: 0.6rem;
    vertical-align: middle;
}

.skeleton-inline--small {
    width: 3rem;
    height: 0.8em;
}

.skeleton-paragraph {
    height: 1rem;
    width: 100%;
    margin: 0.6rem 0;
}

    .skeleton-paragraph.short {
        width: 70%;
    }

.skeleton-chip {
    display: inline-block;
    height: 1.6rem;
    width: 6rem;
    margin-right: 0.5rem;
    border-radius: 999px;
    vertical-align: middle;
}

    .skeleton-chip.short {
        width: 3.2rem;
    }

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* Respect user preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .skeleton-text,
    .skeleton-inline,
    .skeleton-paragraph,
    .skeleton-chip {
        animation: none;
        background: #eee;
    }
}

/* shimmers or skeletons END*/
/* Slick slide spacing - replaces flex/grid gap which Slick ignores */
.related-blogs__inner.slick-slider {
    margin: 0 -10px; /* negative half the gap, to offset outer edges */
}

.related-blogs__inner .slick-slide {
    margin: 0 10px; /* half the gap on each side = full gap between cards */
}

.related-blogs__inner .slick-track {
    display: flex !important; /* keeps equal height cards, optional */
}

.related-blogs__inner .slick-list {
    margin: 0 -10px; /* clips the outer negative margin so edges align */
}
.showonlyDesktop {
    display: block;
}

.showonlyMobile {
    display: none;
}