*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0 !important;
    padding: 0;
}
/* Root variables */
:root {
    --primary-color: #a01419;
    --secondary-color: #6c757d;
    --mari-gold-color: #c9a227;
    --light-inovy-color: #f4f2f0;
    --cypress-color: #0d5c5c;
    --cypress-light-color: #1a807b;
    --stone-color: #8f8480;
    --carbon-color: #2a2e34;
    --harbor-color: #3381ab;
    --stone-light-color: #d4cabf;
    --light-color: #ffffff;
    --dark-color: #000000;
    --size: 390;
    --light-salmon-color: #2b2b2b;
}
::selection {
    background: var(--primary-color);
    color: var(--light-color);
}
/* Font faces */
@font-face {
    font-family: "Inter-Extrabold";
    src:
        url("../fonts/Inter18pt-ExtraBold.woff2") format("woff2"),
        url("../fonts/Inter18pt-ExtraBold.woff") format("woff"),
        url("../fonts/Inter18pt-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter-Bold";
    src:
        url("../fonts/Inter18pt-Bold.woff2") format("woff2"),
        url("../fonts/Inter18pt-Bold.woff") format("woff"),
        url("../fonts/Inter18pt-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter-Semibold";
    src:
        url("../fonts/Inter18pt-SemiBold.woff2") format("woff2"),
        url("../fonts/Inter18pt-SemiBold.woff") format("woff"),
        url("../fonts/Inter18pt-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter-Medium";
    src:
        url("../fonts/Inter28pt-Medium.woff2") format("woff2"),
        url("../fonts/Inter28pt-Medium.woff") format("woff"),
        url("../fonts/Inter28pt-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter-Regular";
    src:
        url("../fonts/Inter28pt-Regular.woff2") format("woff2"),
        url("../fonts/Inter28pt-Regular.woff") format("woff"),
        url("../fonts/Inter28pt-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter-Regular-Italic";
    src:
        url("../fonts/Inter24pt-Italic.woff2") format("woff2"),
        url("../fonts/Inter24pt-Italic.woff") format("woff"),
        url("../fonts/Inter24pt-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Inter-Light";
    src:
        url("../fonts/Inter18pt-Light.woff2") format("woff2"),
        url("../fonts/Inter18pt-Light.woff") format("woff"),
        url("../fonts/Inter18pt-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@media (min-width: 650px) {
    :root {
        --size: 1500;
    }
}
/* Global styles */
html {
    scroll-behavior: auto !important;
    font-size: calc(10 * 100vw / var(--size));
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
body {
    overflow-x: hidden;
    background-color: var(--light-inovy-color) !important;
}
/* Hero section */
.hero-content {
    font-size: 1rem;
}
.container-fluid {
    padding-inline: 40px !important;
}
/* header */
/* NAVBAR */

p a, h5 a{color: var(--primary-color)}

.navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: transparent !important;
    padding: 20px 0px !important;
    display: flex;
    align-items: center;
    justify-content: unset !important;
    background-color: transparent !important;
    flex-wrap: nowrap !important;
    transition:
        background-color 0.4s ease,
        backdrop-filter 0.4s ease,
        -webkit-backdrop-filter 0.4s ease,
        padding 0.3s ease;
}
.navbar.scrolled {
    padding: 13px 0px 16px !important;
    background: var(--carbon-color) !important;
}

/* .navbar.scrolled .nav-links {
     background: var(--carbon-color);
}  */

/* .navbar.scrolled .custom-toggler svg,
 .menu-open .custom-toggler svg {
     filter: invert(1) !important;

}  */
.navbar.scrolled .opn-icn {
    filter: invert(1) !important;
}
.menu-open .custom-toggler svg {
}
/* .navbar.scrolled .custom-toggler.visible.open svg {
     filter: none !important;
}
 */
.navbar-brand {
    text-decoration: none;
}
/* NAV LINKS */
.nav-links {
    display: flex;
    gap: 39px;
    align-items: center;
    width: 100%;
    justify-content: end;
}
.nav-links a,
.navlink-wrapper {
    text-decoration: none;
    display: inline-block;
    font-family: "Inter-Medium";
    font-size: 14px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--carbon-color) !important;
    transition:
        color 0.3s,
        opacity 0.3s,
        transform 0.3s;
}
/* HAMBURGER */
.custom-toggler {
    border: none;
    background: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0px;
    cursor: pointer;
    z-index: 1001;
    opacity: 0;
    transform: translateX(30px);
    pointer-events: none;
    transition:
        opacity 0.35s,
        transform 0.35s;
    color: var(--cypress-color) !important;
    position: absolute;
    align-items: flex-end;
}
.custom-toggler.visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    position: unset;
}
.navbar-brand svg,
.navbar-brand img {
    width: 288px;
    height: auto;
    transition:
        width 0.3s,
        height 0.3s;
}
.navbar.scrolled .navbar-brand svg,
.navbar.scrolled .navbar-brand img {
    width: 194px;
}
/* Logo crossfade — both logos always in flow, opacity drives the swap */
.navbar-brand {
    position: relative;
}
.site-logo,
.site-logo-light {
    display: block !important;
    /* never use display:none */
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.4s ease;
}
/* dark logo: visible by default, hidden when scrolled */
.site-logo {
    opacity: 1;
    position: relative;
    /* first one holds the brand's natural size */
}
.site-logo-light {
    opacity: 0;
    top: 0;
    left: 0;
}
.navbar.scrolled .site-logo {
    opacity: 0;
}
.navbar.scrolled .site-logo-light {
    opacity: 1;
}
.outcomes-block {
    padding: 160px 0 0 0;
}
.outcomes-block.home-outcomes-block {
    padding: 25px 0 0 0;
}
.outcomes-block.outcome-colsection {
    padding: 160px 0 130px 0;
}
.outcomes-block.related-outc-block {
    padding: 70px 0 0 0;
}
.outcomes-row.row {
    --bs-gutter-x: 18px;
}
.ofac-block {
    padding: 140px 0 120px;
    margin: 75px 0 0 0;
    background: linear-gradient(97.52deg, #ed1c24 0%, #a01419 50%, #6e0009 100%);
}
.ofac-content .ofac-title {
    font-family: "Inter-Regular";
    /* font-size: 3.75rem;
     */
    font-size: 5rem;
    /* font-size: clamp(32px, 5vw, 64px);
     */
    letter-spacing: -0.02em;
    color: var(--light-color);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    /* max-width: 934px;
     */
    max-width: 17em;
    margin: 0 auto 40px !important;
    width: 100%;
}
.ofac-content .ofac-subtext {
    font-family: "Inter-Light";
    /* font-size: 1.875rem;
     */
    font-size: 24px;
    line-height: 140%;
    color: var(--light-color);
    text-align: center;
    max-width: 840px;
    width: 100%;
    margin: 0 auto !important;
}
.outcome-posterbox {
    gap: 20px;
}
.outcome-poster img {
    object-fit: cover;
    /* max-height: 503px; */
    height: auto;
}
.outcome-content-title h1 {
    font-family: "Inter-Regular";
    /* font-size: 56px;
     */
    font-size: 5.85rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--carbon-color);
    max-width: 88%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.outcome-content .out-cont-title {
    font-family: "Inter-Regular";
    font-size: 24px;
    color: var(--carbon-color);
    margin-bottom: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.outcome-content p {
    font-family: "Inter-Light";
    font-size: 16px;
    line-height: 150%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.outcome-post-contents {
    gap: 40px;
    padding: 40px 0 0 0;
}
.outcome-content-wrap {
    gap: 30px;
}
.custom-toggler span {
    width: 33px;
    height: 2px;
    background: var(--carbon-color);
    display: block;
    transition:
        transform 0.4s,
        opacity 0.4s;
    transform-origin: left center;
    border-radius: 50px;
}
.custom-toggler.open span:nth-child(1) {
    transform: rotate(45deg);
}
.custom-toggler.open span:nth-child(2) {
    opacity: 0;
}
.custom-toggler.open span:nth-child(3) {
    transform: rotate(-45deg);
}
.banner-block {
    /* min-height: 58svh;
     height: 62svh;
     */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    /* padding: 200px 0px 100px;
     */
    /* padding: 15.7em 0 7.84em; */
    padding: 180px 0 105px;
    overflow: hidden;
    height: 80vh;
    min-height: 80vh;
} 
.outcome-content ul li {
    font-family: "Inter-Light";
    font-size: 16px;
    line-height: 150%;
    color: var(--carbon-color);
}
.outcome-content ul {
    list-style-type: disc;
    padding-left: 20px !important;
}
.hero-headline {
    font-family: "Inter-Regular";
    font-size: 10em;
    line-height: 114%;
    letter-spacing: -0.02em;
    font-weight: unset !important;
    position: relative;
    z-index: 2;
    width: 100%;
    color: var(--carbon-color);
    width: fit-content;
}
.hero-content-wrap {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.hero-content-wrap p {
    font-family: "Inter-Regular";
    font-size: 3.35em;
    line-height: 140%;
    color: var(--carbon-color);
    width: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hero-content-wrap p span {
    display: block;
}
/* Video section */
#video-section {
    position: relative;
    height: 295vh;
    margin-bottom: -30vh;
}
.video-sticky {
    position: sticky;
    top: 9.4%;
    max-width: 98%;
    width: 100%;
    height: 100vh; 
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

/* page vid */

.page-vids {
    position: relative;
    overflow: hidden;
}

.page-vids .page-vids-poster {
    display: block;
    width: 100%;
    object-fit: cover;
    /* position: relative; */
    /* top: -60px; */
    /* margin-bottom: -120px; */
}

.page-vids video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -3;
    object-fit: cover;
    user-select: none;
}
.page-vids iframe {
    display: block;
    width: 100%;
    position: relative;
    top: -60px;
    height: calc(100% + 120px);
    margin-bottom: -120px;
}
/* BUTTONS BASE — shared styles */
.page-vids .page-vids-play-btn,
.page-vids .page-vids-pause-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    z-index: 3;
    cursor: pointer;
    background: linear-gradient(180deg, #ffffff 0%, #e4e4e4 100%);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: opacity 0.4s;
}

/* ── DEFAULT STATE: video not playing ── */
/* Play btn: visible */
.page-vids .page-vids-play-btn {
    opacity: 1;
    pointer-events: all;
}

/* Pause btn: hidden */
.page-vids .page-vids-pause-btn {
    opacity: 0;
    pointer-events: none;
}

/* PLAY ICON */
.page-vids .page-vids-play-btn i {
    position: absolute;
    inset: 0;
    margin: 1px 0 0 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

/* PAUSE ICON */
.page-vids .page-vids-pause-btn i {
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.page-vids-pause-btn i:after {
    margin-left: 8px;
}

/* ── PLAYING STATE: playButton has class page-vids-vplay ── */
/* Hide play btn when playing */
.page-vids .page-vids-play-btn.page-vids-vplay {
    opacity: 0;
    pointer-events: none;
}

/* Hide pause btn when playing (not hovering) */
.page-vids .page-vids-play-btn.page-vids-vplay ~ .page-vids-pause-btn {
    opacity: 0;
    pointer-events: none;
}

/* Show pause btn on hover while playing */
.page-vids:hover .page-vids-play-btn.page-vids-vplay ~ .page-vids-pause-btn {
    opacity: 1;
    pointer-events: all;
}

/* ── POSTER / VIDEO VISIBILITY ── */
.page-vids-playvideo .page-vids .page-vids-poster {
    opacity: 0;
}

.page-vids-playvideo .page-vids video {
    opacity: 1;
}

/* ── SOUND ── */
html:not(.page-vids-playvideo) .page-vids-sound-ctrl {
    display: none;
}

.page-vids-sound-ctrl {
    position: absolute;
    right: 14px;
    bottom: 5px;
    z-index: 2;
    cursor: pointer;
}

.page-vids-sound-ctrl img {
    opacity: 0;
}

.page-vids-playvideo .page-vids-sound-ctrl img {
    opacity: 1;
}

.page-vids-sound-ctrl .page-vids-on {
    display: none;
}

.page-vids-soundctrlshow .page-vids-on {
    display: block;
}

.page-vids-soundctrlshow .page-vids-off {
    display: none;
}

.page-vids-sound-ctrl button {
    position: absolute;
    inset: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.page-vids-soundctrlshow .page-vids-on:before {
    content: "";
    position: absolute;
    left: 12px;
    top: -5px;
    width: 3px;
    height: 32px;
    background-color: #fff;
    transform: rotate(45deg);
}

.insight-post-wrap {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 0 0 3px 0;
}

@media (max-aspect-ratio: 4/3) {
    #video-section {
        height: 450vh;
    }
}

@media (max-aspect-ratio: 1/1) {
    #video-section {
        height: 500vh;
    }
}
.vid-content-block {
    position: absolute;
    width: 100%;
    z-index: 3;
    top: -54px;
}
.vid-content-row {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    width: 100%;
}
.vid-common-col {
    flex: 1;
    max-width: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 29px;
    /* gap: 2.27rem;
     */
}
.vid-common-col h2,
.com-small-title {
    font-family: "Inter-Semibold";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--primary-color);
}
.vid-common-col h2 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vid-common-col p {
    font-family: "Inter-Medium";
    font-size: 24px;
    line-height: 150%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vid-common-col a,
.outcome-link a,
.ofac-cta a,
.border-btns a {
    font-family: "Inter-Medium";
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--primary-color);
    text-decoration: none !important;
    width: fit-content;
    text-transform: uppercase;
    transition: color 0.3s;
    padding-bottom: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.ofac-cta.text-center a,
.outcomes-bottom .outcome-link a {
    margin: 0 auto !important;
}
.btn-anchor {
    display: inline-block;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.video-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* NOW has real px height to fill */
    overflow: hidden;
    transform-origin: top center;
    backface-visibility: hidden;
    perspective: 1000px;
    will-change: clip-path, transform;
    opacity: 0;
}
.video-wrapper video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover !important; 
    transform: translateZ(0);
    will-change: transform; 
    backface-visibility: hidden;
}
.video-placeholder {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.differentiation-block {
    position: relative;
    z-index: 3;
}
/* Services list */
.services-list {
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.services-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1.05rem;
    cursor: pointer;
    transition: color 0.2s;
    font-weight: 300;
}
.services-list li:hover {
    color: var(--accent);
}
.services-list li span {
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0.4;
}
.common-small-title h2 {
    font-family: "Inter-Semibold";
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--primary-color);
    width: fit-content;
    display: inline-block;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.column-content {
    display: flex;
    flex-direction: column;
}
/* searcher */
.searcher_wrap {
    width: 30px;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    position: relative;
    top: 1px;
}
.searcher_input {
    border: 0;
    background: transparent;
    width: 0%;
    outline: none;
    transition: all 0.3s ease;
    position: relative;
    font-family: "Inter-Medium";
    font-size: 14px;
    letter-spacing: 0.03em;
    color: var(--carbon-color) !important;
}
.navbar.scrolled .searcher_input,
.navbar.scrolled .searcher_input::placeholder {
    color: var(--light-color) !important;
}
.searcher_wrap .searcher_icon {
    cursor: pointer;
}
.searcher_icon svg {
    width: 25px;
    height: 25px;
}
.searcher_wrap.searcher_active {
    display: flex;
    align-items: center;
    width: 200px;
    gap: 5px;
}
.searcher_input.searcher_active {
    width: 98%;
    transition: all 0.5s 0.2s ease;
}
input::placeholder {
    font-family: "Inter-Medium";
    font-size: 1.1em;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--carbon-color) !important;
}
.lang-selector {
    font-family: "Inter-Medium";
    font-size: 14px;
    letter-spacing: 0.03em;
    color: var(--mari-gold-color) !important;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
}

.lang-selector::after {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 100%;
    height: 4.21px;
    background: var(--mari-gold-color);
    left: 50%;
    transform: translateX(-50%);
}
.cust-lang {
    position: relative;
    min-width: 72px;
}
.lang-selector {
    cursor: pointer;
    position: relative;
    user-select: none;
}
.lang-dropdown {
    position: absolute;
    top: 54px;
    right: 0;
    background: var(--carbon-color);
    border: none !important;
    list-style: none;
    display: none;
    min-width: 120px;
    z-index: 999;
    border-radius: 6px !important;
    padding: 4px !important;
}
.lang-dropdown li {
    padding: 8px 12px;
    cursor: pointer;
    color: var(--light-inovy-color);
    border-radius: 6px !important;
    transition: background-color 0.2s;
}
.lang-dropdown li:hover {
    background-color: var(--light-inovy-color);
    color: var(--carbon-color);
}
.lang-selector.active .lang-dropdown {
    display: block;
}
.vid-common-disc {
    gap: 30px;
}
.highlighted-anchor {
    position: relative;
    display: inline-block;
    /* height: 40px; */
        padding-bottom: 19px;
}
.highlighted-anchor::after {
    content: "";
    position: absolute;
    bottom: 9px;
    width: 100%;
    height: 4.21px;
    background: var(--mari-gold-color);
    left: 50%;
    transform: translateX(-50%);
}
/* .ofac-content {
     max-width: 840px;
     width: 100%;
     margin: 0 auto;
}
 */
.ofac-hero-content {
    gap: 40px;
}
.diffren-content-bottom {
    /*max-width: 1101px;
     */
    max-width: 111em;
    margin-left: auto;
    width: 100%;
    gap: 120px;
}
.highlight-col .highligted-row-title {
    font-family: "Inter-Regular";
    /* font-size: 56px;
     */
    /* font-size: 4.38rem;
     */
    font-size: 5.85rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--carbon-color);
    /*max-width: 553px;
     */
    max-width: 9.8em;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dffren-content-top .highligted-main-title {
    font-family: "Inter-Regular";
    /* font-size: 56px;
     */
    /* font-size: 4.38rem;
     */
    font-size: 5.84rem;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--carbon-color);
}
.dffren-content-top {
    display: flex;
    flex-direction: column;
    gap: 49px;
}
.highlight-col .highlighted-para {
    font-family: "Inter-Regular";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    max-width: 390px;
    width: 100%;
    margin-left: auto !important;
}
.highlighted-para-approach {
    font-family: "Inter-Regular";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    max-width: 623px;
    width: 100%;
    margin-left: auto !important;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.diff-highlight-row {
    align-items: flex-end;
    border-bottom: 4.21px solid var(--mari-gold-color);
    padding-bottom: 25px;
}
.approach-block .diff-highlight-row {
    padding-bottom: 22px;
}
.diff-highlighted-box {
    text-decoration: none;
    opacity: 0.35;
    transition: opacity 0.4s ease;
    pointer-events: none !important;
}
.diff-highlighted-box.active {
    opacity: 1;
}
.diffren-content {
    gap: 5.47rem;
}
.common-small-title .outcomes-heading {
    font-family: "Inter-Regular";
    /* font-size: 48px;
     */
    /* font-size: 3.75rem;
     */
    font-size: 5rem;
    letter-spacing: -0.02em;
    color: var(--carbon-color);
    width: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.outcomes-top {
    gap: 38px;
}
.outcomes-content {
    gap: 35px;
}
.related-outc-block .outcomes-content {
    gap: 40px;
}
.outcome-link {
    padding: 30px 0 0 0;
    display: inline-block;
}
.spec-cta-row .outcome-link {
    max-width: 34.33%;
    width: 100%;
}


.spec-cta-row .outcome-link:nth-child(2) a {
    margin: 0 auto !important;
}
.outcome-meta {
    gap: 1px;
}
.out-meta-title {
    /* display: inline-block;
     */
    /* max-width: 400px;
     */
    font-family: "Inter-Semibold";
    font-size: 13px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--stone-light-color);
    line-height: 90%;
    /* display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     */
    transition: all 0.3s;
}
.out-meta-title.first-child {
    max-width: 165px !important;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    position: relative;
    top: 1px;
}
.outcome-mera-row a {
    text-decoration: none !important;
    line-height: normal;
}
.outcome-mera-row {
    display: block;
    /* align-items: center;
     */
    gap: 3px;
    font-family: "Inter-Semibold";
    font-size: 13px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--stone-light-color);
    transition: all 0.3s;
}
.txt-cypress-light {
    color: var(--cypress-light-color) !important;
}
.txt-harbor {
    color: var(--harbor-color) !important;
}
.txt-primary {
    color: var(--primary-color) !important;
}
.outcome-dics .outcome-disc-title {
    font-family: "Inter-Regular";
    font-size: 24px;
    color: var(--carbon-color);
    margin-bottom: 15px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.outcome-body {
    padding: 20px 20px 10px;
    gap: 30px;
}
.outcome-para {
    font-family: "Inter-Light";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    padding: 0 20px 0 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.outcome-card {
    background: var(--light-color);
    width: 100%;
    transition: all 0.3s ease;
    overflow: hidden;
}
.outcome-img {
    overflow: hidden;
    transition: transform 0.3s ease;
}
.outcome-img img {
    width: 100%;
    /* height: auto; */
    /* height: 363px; */
    display: block;
    transition: transform 0.3s ease;
    object-fit: cover;
}
.outcomes-bottom .outcome-link {
    padding: 8px 0 0 0 !important;
    width: 100%;
    text-align: center;
}
.ofac-cta a {
    color: var(--light-color) !important;
}
.site-breadcrumb a {
    font-family: "Inter-Regular";
    font-size: 18px;
    color: var(--carbon-color);
    text-decoration: none;
    transition: color 0.3s;
}
.site-breadcrumb {
    font-family: "Inter-Regular";
    font-size: 18px;
    color: var(--carbon-color);
    text-decoration: none;
    transition: color 0.3s;
}
.bread-divide {
    font-family: "Inter-Regular";
    font-size: 18px;
    color: var(--carbon-color);
    text-decoration: none;
    transition: color 0.3s;
    opacity: 0.5;
}
.actived-breadcrum {
    opacity: 0.5;
}
.mega-breadcrumb {
    display: flex;
    gap: 20px;
    align-items: flex-end;
}
.mega-breadcrumb a,
.mega-breadcrumb {
    font-family: "Inter-Regular";
    /* font-size: 28px;
     */
    font-size: 2.067rem;
    color: var(--carbon-color);
    text-decoration: none;
    line-height: 100%;
    transition: all 0.3s;
}
.mega-breadcrumb h2 span.mega-breadcrumb-title {
line-height: 100%;
}
.mega-breadcrumb a,
.mega-divider {
    opacity: 0.5;
}
.mega-breadcrumb .mega-breadcrumb-title,
.service-banner-content .service-banner-title {
    font-family: "Inter-Regular";
    font-size: 70px;
    /* font-size: 5.47rem;
     */
    font-size: 7.3rem;
    letter-spacing: -0.02em;
    color: var(--carbon-color);
    opacity: 1 !important;
    width: fit-content;
}
.service-banner-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mega-breadcrumb h2 {
    font-size: unset !important;
    position: relative;
    top: 9px;
}

.people-banner-content .people-banner-para {
    font-family: "Inter-Regular";
    /* font-size: 32px;
     */
    /* font-size: 2.5em;
     */
    font-size: 3.35em;
    line-height: 140%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.people-banner-block,
.service-banner-block,
.outcome-post-banner {
    padding: 160px 0 0 0;
}
.bio-banner {
    padding: 160px 0 0 0;
}
.site-breadcrumb {
    margin: 0 0 32px 0;
    display: flex;
    align-items: center;
    gap: 11px;
}
.people-banner-content {
    /* max-width: 1054px;
     */
    max-width: 75%;
    width: 100%;
}
.filter {
    position: relative;
    display: flex;
    align-items: center;
    gap: 40px;
}
.filter-list {
    display: flex;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
        position: relative;
    top: -4px;
}
.filter-list li {
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s;
}
.filter-list li.active {
    opacity: 0.5;
} 
.filter-selected {
    display: none;
}
.filter-list a {
    font-family: "Inter-Medium";
    font-size: 14px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--primary-color) !important;
    text-decoration: none !important;
    transition: color 0.3s;
    max-width: 200px;
    white-space: nowrap;
    /* overflow: hidden;
     */
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
.desk-filter-title h2 {
    font-family: "Inter-Medium";
    font-size: 14px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--carbon-color);
    white-space: nowrap;
}
.proples-grid-wrap {
    padding: 70px 0 100px 0;
    gap: 79px;
}
.people-info {
    gap: 5px;
    padding: 23px 0 0 0;
}
.people-info .people-info-title {
    font-family: "Inter-Regular";
    /* font-size: 32px;
     */
    /* font-size: 2.5em;
     */
    font-size: 3.35em;
    color: var(--carbon-color);
    width: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.people-info .people-info-subtitle {
    font-family: "Inter-Regular";
    font-size: 14px;
    color: var(--carbon-color);
    width: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.g-4.people-grid-gutter {
    --bs-gutter-y: 7rem !important;
    --bs-gutter-x: 2.1rem !important;
}
.people-card {
    text-decoration: none;
    transition: all 0.3s ease;
}

.people-img {
    position: relative;
    overflow: hidden;
    /* max-width: 325px;
     */
    /* max-width: 33.9em;
     */
    padding-top: 91%;
    width: 100%;
}
.people-img img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
}
.people-card:hover .people-img img {
    transform: scale(1.05);
}
.people-lg-image img {
    max-width: 845px;
    height: 609px;
    /* height: auto; */
    object-fit: cover;
}
.people-intro .people-intro-para {
    font-family: "Inter-Regular-Italic", "Inter-Regular", Arial, sans-serif;
    /* font-size: 24px;
     */
    /* font-size: 1.77em;
     */
    font-style: italic;
    font-size: 2.5em;
    line-height: 140%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.people-contact .people-anchors {
    font-family: "Inter-Regular";
    font-size: 18px;
    color: var(--primary-color);
    text-decoration: none;
    width: fit-content;
    transition: all 0.3s ease;
}

.people-into-top {
    gap: 34px;
}
.people-contact {
    gap: 15px;
}
.people-social {
    display: flex;
    align-items: center;
    gap: 25px;
}
.people-social svg {
    transition: all 0.3s ease;
    width: 37px;
    height: 37px;
}
.people-social svg path {
    opacity: 0.5;
    transition: all 0.3s ease;
}
.people-social svg:hover path {
    opacity: 1;
}
.people-intro {
    gap: 32px;
    max-width: 520px;
    margin-left: auto;
    width: 100%;
}
.bio-banner-wrap {
    gap: 37px;
}
/* bio page */
.start-profile-box {
    gap: 70px;
    max-width: 386px;
    width: 100%;
    padding: 50px 0 0 0;
}
.prof-adm-col {
    list-style-type: none;
    gap: 15px;
    padding: 20px 0 0 0 !important;
}
.prof-para-col p,
.prof-edu-col p,
.prof-adm-col li {
    font-family: "Inter-Regular";
    font-size: 16px;
    line-height: 150%;
    color: var(--carbon-color);
}
.prof-adm-col li {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prof-col-exp p {
    font-family: "Inter-Regular";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
}
.prof-para-col {
    padding: 20px 0 0 0;
    gap: 20px;
}
.prof-edu-col {
    gap: 15px;
    padding: 20px 0 0 0;
}
.people-details-section {
    padding: 75px 0 35px 0;
}
.end-prof-top p {
    font-family: "Inter-Light";
    /* font-size: 24px;
     */
    font-size: 1.9rem;
    /* font-size: 2.5em;
     */
    line-height: 140%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.end-prof-top {
    gap: 25px;
}
.end-profile-box {
    max-width: 756px;
    width: 100%;
    margin-left: auto;
    padding: 0 0 0 25px;
}
.searcher_input {
    min-height: 27px;
}
.end-profile-box {
    gap: 70px;
}
.case-box h4 {
    font-family: "Inter-Regular";
    font-size: 24px;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-box p {
    font-family: "Inter-Light";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-box {
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    gap: 15px;
    background-color: var(--light-color);
    transition: all 0.3s ease;
    text-decoration: none;
}
.case-box-wrap {
    gap: 23px;
    padding: 20px 0 0 0;
}
.related-insights .insight-card {
    background: var(--light-color);
    padding: 20px 20px 0px 20px;
}
.related-insights .insight-card h6,
.related-insights .insight-card h4 {
    font-family: "Inter-Regular";
    /* font-size: 24px;
     */
    font-size: 2.5em;
    line-height: 140%;
    color: var(--carbon-color);
    padding: 0 29px 0 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.related-insights .insight-card p {
    font-family: "Inter-Light";
    /* font-size: 18px;
     */
    font-size: 1.875em;
    line-height: 150%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.insight-content {
    gap: 15px;
    padding: 30px 0 0 0;
}
.related-insights-wrap {
    gap: 35px;
}
.related-insights {
    padding: 65px 0 107px 0;
}
.insights-center-btn {
    text-align: center;
    padding: 2px 0 0 0;
    width: 100% !important;
}
.insights-center-btn a {
    margin: 0 auto !important;
}
.related-insights-wrap .row.g-4 {
    --bs-gutter-x: 2rem;
}
.related-insights.sec-insight .related-insights-wrap {
    margin-bottom: 5px;
}
/* service page */
.service-banner-content {
    gap: 30px;
}
a.contact-item-info:hover {
    color: var(--primary-color) !important;
}
.service-banner-content .service-banner-subtext {
    font-family: "Inter-Regular";
    font-size: 32px;
    font-size: 3.34em;
    line-height: 140%;
    color: var(--carbon-color);
    /* max-width: 1339px;
     */
    /* max-width: 74%;
     */
    max-width: 32em;
    width: 100%;

    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filled-block .filled-para-l {
    font-family: "Inter-Light";
    /* font-size: 24px;
    /* font-size: 1.88em;
     */
    font-size: 2.5em;
    line-height: 140%;
    color: var(--light-color);
}
.filled-block-cypress {
    /* padding: 40px;
     */
    padding: 4.168em;
    background: var(--cypress-light-color);
}
.challenge-block {
    padding: 70px 0 0 0;
}
.filled-block-stone h3 {
    font-family: "Inter-Regular";
    /* font-size: 28px;
     */
    font-size: 2.92em;
    line-height: 140%;
    color: var(--carbon-color);
    margin: 0 0 15px 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
}
.filled-para-s {
    font-family: "Inter-Light";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filled-block-stone {
    /* padding: 40px;
     */
    padding: 4.168em;
    background: var(--stone-light-color);
}
.filled-block-carbon {
    /* padding: 40px;
     */
    padding: 4.168em;
    background: var(--carbon-color);
}
.filled-block-carbon h3 {
    font-family: "Inter-Regular";
    /* font-size: 28px;
     */
    font-size: 2.92em;
    line-height: 140%;
    color: var(--light-color);
    margin: 0 0 15px 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    width: fit-content;
}
.filled-para-m {
    font-family: "Inter-Light";
    font-size: 18px;
    line-height: 150%;
    color: var(--light-color);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.carbon-filled-para p {
    margin: 0 0 20px 0 !important;
}
.filled-block-small small {
    font-family: "Inter-Regular";
    font-size: 12px;
    line-height: 150%;
    color: var(--light-color);
    display: inline-block;
    padding: 11px 0 0 0 !important;
}
.challenge-content-bottom {
    gap: 32px;
    padding: 35px 0 0 0;
}
.approach-block {
    padding: 80px 0 0 0;
}
.highligted-row-titlesmall {
    font-family: "Inter-Regular";
    /* font-size: 32px;
     */
    font-size: 3.334em;
    line-height: 100%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* industry page */
.industry-banner-wrap {
    gap: 70px;
}
.banking-spec-bottom .banking-spec-para {
    font-family: "Inter-Regular";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    margin-bottom: 20px !important;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.banking-spec-top .banking-spec-title {
    font-family: "Inter-Regular";
    /* font-size: 48px;
     */
    font-size: 5em;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: var(--carbon-color);
    width: fit-content;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.banking-spec-bottom {
    max-width: 1015px;
    width: 100%;
    padding: 0 0 0 75px;
    margin-left: auto;
    gap: 34px;
}
.spec-cta-row {
    display: flex;
    /* justify-content: space-between; */ 
    gap: 10px;
}
.banking-spec-wrap {
    gap: 40px;
}
.banking-spec-block {
    padding: 63px 0 55px 0;
}
.spec-cta-row .outcome-link a {
    max-width: 330px;
}
.fin-instit-col a {
    width: fit-content;
    text-decoration: none;
    transition: all 0.3s ease;
}
.fin-instit-top .fin-instit-title {
    font-family: "Inter-Regular";
    font-size: 32px;
    color: var(--carbon-color);
    width: fit-content;
    margin: 0 auto !important;
}
.fin-instit-col h4 {
    font-family: "Inter-Regular";
    font-size: 24px;
    line-height: 140%;
    color: var(--harbor-color);
    min-height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
}
.fin-instit-col p {
    font-family: "Inter-Regular";
    font-size: 18px;
    line-height: 150%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fin-instit-col {
    gap: 10px;
    padding: 0 16px;
}
.fin-institutions-block {
    background-color: var(--stone-light-color);
    padding: 70px 0;
}
.fin-instit-bottom {
    max-width: 1073px;
    width: 100%;
    margin: 0 auto;
}
.fin-instit-wrap {
    gap: 45px;
}
.outcome-colsection .outcomes-content .outcomes-row {
    --bs-gutter-x: 1.56rem !important;
}
/* .outcome-colsection {
     padding: 170px 0 150px;
}
 */
.outcome-post-end {
    max-width: 325px;
    width: 100%;
    margin-left: auto;
    position: sticky;
    top: 11%;
}
.profile-side-wrap {
    gap: 50px;
    padding: 30px 0 0 0;
}
/* style2 */
/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
}
* {
    scrollbar-width: thin;
}
.navlink,
.navlink-wrapper {
    position: relative;
    display: inline-block;
}
/* hidden by default */
.navlink::after,
.navlink-wrapper::after,
.active-navlink-wrapper::after,
.active-navlink::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -9px;
    width: 0;
    height: 4px;
    background-color: var(--mari-gold-color);
    transition: width 0.3s ease;
}

.active-navlink::after,
.active-navlink-wrapper::after {
    width: 100%;
}
/* show on hover */
.navlink:hover::after,
.navlink-wrapper:hover::after,
.navlink.active::after {
    width: 100%;
}
/* CONATCT PAGE START */
.contact-page {
    padding: 161px 0px 100px 0px;
}
.contact-title {
    font-family: "Inter-Regular";
    font-size: 18px;
    line-height: 150%;
    vertical-align: bottom;
    color: var(--carbon-color);
}
.contact-subtitle {
    font-family: "Inter-Regular";
    font-size: 5em;
    line-height: 130%;
    letter-spacing: -0.96px;
    max-width: 83%;
    color: var(--light-salmon-color);

    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about-page .highlighted-para {
    max-width: 100%;
}
.differentiation-block-headline h3 {
    font-size: 6.2rem;
    font-family: "Inter-Regular";
    line-height: 120%;
    color: var(--carbon-color);
    letter-spacing: -0.07rem;
}
.about-page .highligted-row-title {
    font-size: 3.6rem;
}
.contact-heading-cols {
    display: flex;
    flex-direction: column;
    /* gap: 40px;
     */
}
.contact-tag-line-col {
    padding-top: 52px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contact-page-content-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contact-description {
    font-family: "Inter-Regular";
    font-size: 3em;
    line-height: 140%;
    max-width: 78%;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contact-page .contact-description {
    max-width: 80%;
}
.contact-info {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
   padding: 23px 0 35px;
}
.contact-item .socail-contact-app {
    justify-content: center;
}
.contact-tag-line-col p {
    font-family: "Inter-Regular-Italic", "Inter-Regular", Arial, sans-serif;
    font-size: 24px;
    line-height: 140%;
    font-style: italic;
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contact-from-title {
    font-family: "Inter-Regular";
    font-size: 3.4em;
    line-height: 140%;
    text-align: center;
    color: #212c32;
    padding: 35px 0 !important;
    display: -webkit-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contact-tag-line-col a {
    font-family: "Inter-Medium";
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    line-height: 150%;
    color: var(--primary-color);
}
.contact-from {
    max-width: 842px;
    width: 100%;
    margin: 0 auto;
}
.form-group input,
textarea {
    padding: 18px 20px !important;
    font-family: "Inter-Regular";
    font-size: 16px !important;
    border: none;
    line-height: 150% !important;
    width: 100%;
    color: #2a2e3480 !important;
    background-color: var(--light-color);
}
[dir="rtl"] .form-group input,
[dir="rtl"] textarea {
    text-align: right;
}

input::placeholder,
textarea::placeholder {
    font-family: "Inter-Regular";
    text-transform: unset !important;
    color: #2a2e3480 !important;
    font-size: 16px !important;
}
.contact-us-form {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.contact-form-group {
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.sub-form-btn {
    margin-top: 8px;
}
.sub-form-btn .wpcf7-spinner {
    position: absolute;
}


.form-description {
    font-family: "Inter-Regular";
    font-size: 15px;
    line-height: 150%;
    color: #212c32;
}
.form-description a {
    text-decoration: none;
    color: var(--primary-color);
    transition: all 0.3s ease;
}
input:focus,
textarea:focus {
    box-shadow: none !important;
    outline: none !important;
}
.from-end-row {
    display: flex;
    align-items: center;
}
button.verify-call {
    position: absolute;
}
.verify-call {
    background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 99.89%);
    border: 1px solid #cccccc;
    font-family: "Inter-Regular";
    font-size: 14px;
    padding: 11px 16px;
    line-height: 100%;
    vertical-align: middle;
    color: #383838;
    display: flex;
    align-items: center;
    gap: 90px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.verify-call::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    background: var(--primary-color);
    transition: width 0.3s ease-in-out;
}
.verify-call:hover::before {
    width: 100%;
}
.nav-item.active:hover::after {
    width: 0;
}
.contact-submit-btn,
.active-navlink,
.filter-list a {
    font-family: "Inter-Medium";
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    border: none;
    width: fit-content;
    text-transform: uppercase;
    color: var(--primary-color) !important;
    position: relative;
    background: none;
    cursor: pointer;
    transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.contact-submit-btn::after,
.active-navlink::after,
.filter-list a::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--mari-gold-color);
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.5s ease 0.25s;
}
.contact-submit-btn::before,
.active-navlink::before,
.filter-list a::before {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--mari-gold-color);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease 0s;
}
.verify-call .signal {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #c8cedd;
    display: inline-block;
    margin-right: 16px;
    position: relative;
    top: 2px;
}
textarea {
    resize: none !important;
    height: 266px;
    scrollbar-width: thin;
}
.related-insights.sec-insight {
    padding: 52px 0 80px 0;
}
.from-group-col {
    display: flex;
}
.column-filled-desc {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.approach-block.about-dif {
    padding: 70px 0 130px 0;
}
.about-dif .dffren-content-top,
.about-dif .diffren-content {
    /* gap: 7.3em;
     */
    gap: 6.3em;
}
.about-careers .common-small-title {
    padding: 35px 0 40px 0;
}
.ofac-block.about-cta-sec {
    margin-top: 100px;
}
.about-filled-block-carbon h3 {
    font-family: "Inter-Regular";
    /* font-size: 28px;
     */
    font-size: 2.92em;
    line-height: 140%;
    color: var(--light-color);
    width: fit-content;
    margin: 0 0 15px 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about-filled-block-carbon {
    /* padding: 40px;
     */
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 4.5em 4.5em 3.5em 4.5em;
    background: var(--carbon-color);
}
.outcome-link a,
.vid-common-col a {
    font-family: "Inter-Medium";
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    border: none;
    width: fit-content;
    text-transform: uppercase;
    color: var(--primary-color);
    position: relative;
    background: none;
    cursor: pointer;
    gap: 3px;
    display: inline-flex;
    white-space: nowrap;
    transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.ofac-cta a {
    position: relative;
    background: none;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.outcome-link a::after,
.outcome-link a::before,
.vid-common-col a::after,
.vid-common-col a::before,
.ofac-cta a::after,
.ofac-cta a::before {
    content: "";
    position: absolute;
    bottom: 28px;
    left: 0;
    width: 0%;
    height: 4.21px;
    background-color: var(--mari-gold-color);
    transition: width 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.outcome-link a::before,
.vid-common-col a::before,
.ofac-cta a::before {
    transition-delay: 0s;
}
.outcome-link a::after,
.vid-common-col a::after,
.ofac-cta a::after {
    transition-delay: 0.25s;
}
.outcome-link a:hover::before,
.vid-common-col a:hover::before,
.ofac-cta a:hover::before {
    width: 100%;
    transition-delay: 0.25s;
}
.outcome-link a:hover::after,
.vid-common-col a:hover::after,
.ofac-cta a:hover::after {
    width: 100%;
    transition-delay: 0s;
}
.date-line {
    font-family: "Inter-Regular";
    font-size: 14px;
    line-height: 150%;
    color: var(--carbon-color);
}
.outcome-content .ing-cont-title {
    font-family: "Inter-Regular";
    font-size: 18px;
    color: var(--carbon-color);
    line-height: 150%;
}
.contact-item-title {
    font-family: "Inter-Regular";
    font-size: 24px;
    line-height: 140%;
    color: var(--primary-color);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.insights-post .outcome-content {
    gap: 15px;
    display: flex;
    flex-direction: column;
}
.simple-page.insights-post .outcome-content {
        gap: 22px;
}
.contact-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-item-info {
    font-family: "Inter-Regular";
    font-size: 16px;
    line-height: 150%;
    color: var(--carbon-color);
    text-decoration: none;
}
.contact-info .people-social {
    display: flex;
    margin: 0 auto;
    gap: 30px;
}
.about-author-section {
    background-color: var(--stone-light-color);
    padding: 100px 0;
}
.about-author-description {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* max-width: 97%;
     */
    max-width: 96%;
    margin-left: auto;
}
.about-top-section {
    padding-bottom: 71px;
}
.about-author-section .people-img img {
    /* max-width: 325px;
     */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-author-section p {
    font-size: 18px;
    /* font-size: 1.875em;
     */
    line-height: 150%;
    font-family: "Inter-Regular";
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.author-name {
    font-size: 3.4em;
    line-height: 140%;
    color: var(--carbon-color);
    font-family: "Inter-Medium";
}
.about-author-section .author-name,
.about-author-section .author-name a {
    font-size: 32px;
    color: var(--carbon-color);
    font-family: "Inter-Regular";
    text-decoration: none;
    transition: all 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.author-profession {
    font-size: 14px;
    line-height: 150%;
    font-family: "Inter-Regular";
    color: var(--carbon-color);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.author-deatils {
    display: flex;
    gap: 5px;
    flex-direction: column;
}
/* FOOTER SECTION START */
.footer-section {
    background-color: var(--carbon-color);
    padding: 68px 0 53px 0;
    gap: 8px;
    box-shadow: 0px 4px 4px 0px #00000040;
}
.footer-bottom-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-top: 55px;
    margin: 0 !important;
}
.socail-contact-app {
    display: flex;
    align-items: center;
    gap: 30px;
}
.socail-contact-app a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}
.footer-copyright-text,
.footer-address,
.footer-phone {
    font-family: "Inter-Regular";
    font-size: 12px;
    text-decoration: none;
    line-height: 150%;
    color: var(--light-color);
    transition: all 0.3s ease-in-out;
}
.footer-address-column {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.footer-copyright-text a {
    text-decoration: none;
    color: var(--light-color);
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 0.5;
        padding: 9px 0 0 0;
}
.footer-links-page-list a {
    font-family: "Inter-Medium";
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 3%;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--light-inovy-color);
    position: relative;
    display: inline-block;
    transition:
        color 0.3s,
        opacity 0.3s,
        transform 0.3s;
}


.footer-links-page-list .titile-in {
    font-family: "Inter-Medium";
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 3%;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--light-inovy-color);
    position: relative;
    display: inline-block;
    transition:
        color 0.3s,
        opacity 0.3s,
        transform 0.3s;
}

.footer-links-page-list a:hover,
.footer-links-list a:hover {
    color: var(--mari-gold-color);
}
.footer-links-list a {
    font-family: "Inter-Regular";
    font-size: 12px;
    line-height: 150%;
    text-decoration: none;
    color: var(--stone-light-color);
    position: relative;
    display: inline-block;
    transition:
        color 0.3s,
        opacity 0.3s,
        transform 0.3s;
}
.footer-links-list a:hover::after,
.footer-links-page-list a:hover::after {
    width: 100%;
}
.footer-links-list a::after,
.footer-links-page-list a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1.5px;
    background-color: var(--mari-gold-color);
    transition: width 0.3s ease;
}
.footer-links-list,
.footer-links-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-links-page-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.about-frame-section {
    background-color: var(--carbon-color);
    padding: 70px 0px 41px;
}
.about-frame-row {
    display: flex;
    /* gap: 42px;
     */
     flex-wrap: wrap;
    justify-content: space-between;
}
.frame-column {
    display: flex;
    gap: 22px;
    max-width: 238px;
    /* max-width: 226px;
     */
    width: 16%;

    flex-direction: column;
        margin-bottom: 35px;
}
.frame-column:last-child {
    padding: 0 12px 0 0;
}
.about-frame-subtitle h4 {
    font-family: "Inter-Regular";
    font-size: 24px;
    line-height: 140%;
    color: var(--stone-light-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.frame-links-col a {
    font-family: "Inter-Medium";
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--light-color);
    text-decoration: none;
    width: fit-content;
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.frame-links-col a::after,
.frame-links-col a::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 4.21px;
    background-color: var(--mari-gold-color);
    /* always set, never transparent */
    transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
/* Visible by default — wipes OUT on hover (collapses to right) */
.frame-links-col a::after {
    transform: scaleX(1);
    transform-origin: right;
    transition-delay: 0.25s;
}
/* Hidden by default — wipes IN on hover (expands from left) */
.frame-links-col a::before {
    transform: scaleX(0);
    transform-origin: left;
    transition-delay: 0s;
}
/* ON HOVER — before wipes in from left, after wipes out to right */
.related-insights .insight-card h2 {
    font-family: "Inter-Regular";
    /* font-size: 24px;
     */
    font-size: 2.5em;
    line-height: 140%;
    color: var(--carbon-color);
    padding: 0 29px 0 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Parent dropdown */
.dropdown-panel {
    position: absolute;
    top: 100%;
    padding: 35px 40px 38px 0px;
    background: var(--carbon-color);
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 100;
    margin: 0 0 0 -93px;
}
.dropdown-panel::after {
    content: "";
    position: absolute;
    left: -100%;
    bottom: 0;
    width: 200vw;
    height: 100%;
    background: var(--carbon-color);
    transition: width 0.3s ease;
    z-index: -1;
}
/* Show on hover */
.nav-dropdown:hover .dropdown-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega-dropdown-column .harbor-title {
    font-size: 16px;
    line-height: 140%;
    text-decoration: none;
    font-family: "Inter-Semibold";
    margin-bottom: 15px !important;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: var(--harbor-color) !important;
    cursor: default !important;
    user-select: none !important;
    pointer-events: none !important;
	display:block;
}
.mega-dropdown-column .harbor-title:hover {
    color: var(--harbor-color) !important;
}
.mega-dropdown-column .cypress-title {
    font-size: 16px;
    line-height: 140%;
    text-decoration: none;
    font-family: "Inter-Semibold";
    margin-bottom: 15px !important;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: var(--cypress-light-color) !important;
    cursor: default !important;
    user-select: none !important;
    pointer-events: none !important;
	display:block;
}
.mega-dropdown-column .cypress-title:hover {
    color: var(--cypress-light-color) !important;
}
.mega-dropdown-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mega-dropdown-column ul li {
    margin-bottom: 15px;
}
.mega-menu-col {
    display: flex;
    flex-wrap: wrap;
    gap: 61px;
}
.mega-dropdown-column ul li a {
    text-decoration: none;
    color: var(--light-color) !important;
    font-size: 14px;
    line-height: 150%;
    font-family: "Inter-Regular";
    transition: 0.2s;
    text-transform: unset !important;
}
.mega-dropdown-column ul li a:hover {
    color: var(--primary-color) !important;
}
.navlink-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}
.dropdown-arrow {
    transition: transform 0.3s ease;
    display: none;
}
.navbar-brand {
    z-index: 1000;
}
.about-careers .ofac-cta {
    padding-top: 24px;
}
.insights-post .insights-post-contents {
    padding: 20px 0 0 0;
    gap: 40px;
}
.insights-post-contents .outcome-content-title h1 {
    max-width: 98%;
}
.insight-post-banner .site-breadcrumb {
    margin: 0 0 51px 0;
}
.insights-banner-block .site-breadcrumb {
    margin: 0 0 35px 0;
}
.contact-from .gx-4 {
    --bs-gutter-x: 20px !important;
}
.foot-nth.col-lg-2 {
    width: 13%;
}
.foot-nth.col-lg-1 {
    width: 11%;
}
.foot-wth.col-lg-2 {
    width: 21.3%;
}
.footer-links-page-list li,
.footer-section ul {
    list-style: none !important;
}
/* style2 end */
.author-details-col .col-md-4 {
    width: 31.2%;
}
.author-details-col .col-md-8 {
    width: 68.8%;
}
.author-details-row {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}
.author-detail-wrap {
    max-width: 1067px;
    width: 100%;
    margin: 0 auto;
}
.line-wrap {
    display: block;
    overflow: hidden;
}
.headline-line {
    display: block;    
    opacity: 1; 
    will-change: transform, opacity;
    display: -webkit-box !important;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lang-dropdown-list {
    list-style-type: none !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0 2px 0 !important;
}
.lang-dropdown-list li {
    font-family: "Inter-Regular";
    font-size: 14px;
    color: var(--light-color);
    text-align: right;
    cursor: pointer;
    transition: all 0.3s ease;
}
.lang-dropdown-list li:hover,
.lang-std {
    color: var(--primary-color) !important;
}
.lang-title span {
    font-family: "Inter-Semibold";
    font-size: 16px;
    text-align: right;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--stone-light-color);
}
.lang-dropdown-main .dropdown-panel {
    left: 0 !important;
    margin: 0 !important;
}
.lang-dropdown-main .dropdown-panel .mega-menu-col {
    justify-content: end;
}
/* ===== RTL (Arabic) Support ===== */
[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}
[dir="rtl"] .lang-dropdown-list li {
    text-align: right;
}
[dir="rtl"] .searcher_wrap {
    justify-content: flex-end;
}
/* Navbar */
[dir="rtl"] .nav-links {
    justify-content: start;
    flex-direction: row-reverse;
    direction: ltr;
}
[dir="rtl"] .container-fluid {
    direction: rtl;
}

[dir="rtl"] .navbar-brand {
    margin-right: 0 !important;
    margin-left: auto;
}
/* Dropdown */

[dir="rtl"] .dropdown-panel::after {
    /* left: auto;
     */
    right: -100%;
}
[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}
[dir="rtl"] .lang-selector::after {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}
/* Hero */
[dir="rtl"] .hero-content-wrap {
    text-align: right;
}
[dir="rtl"] .hero-headline {
    text-align: right;
    direction: ltr;
}
/* Video section */
[dir="rtl"] .vid-end-col {
    text-align: right;
}
/* Differentiation block */
[dir="rtl"] .highlight-col .highlighted-para {
    margin-right: auto !important;
}
[dir="rtl"] .diffren-content-bottom {
    margin-left: 0;
    margin-right: auto;
}
/* Outcomes */
[dir="rtl"] .outcome-meta,
[dir="rtl"] .outcome-dics,
[dir="rtl"] .outcome-body {
    text-align: right;
}
[dir="rtl"] .outcome-mera-row {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
[dir="rtl"] .outcome-para {
    padding: 0 0 0 20px !important;
}
[dir="rtl"] .outcome-link a,
[dir="rtl"] .vid-common-col a {
    direction: rtl;
}
[dir="rtl"] .outcomes-bottom .outcome-link a {
    margin: 0 auto !important;
}
/* OFAC block */
[dir="rtl"] .ofac-hero-content {
    text-align: center;
}
/* Footer */
[dir="rtl"] .footer-section {
    direction: rtl;
}
/* [dir="rtl"] .footer-row {
     flex-direction: row-reverse;
}
 */
/* [dir="rtl"] .footer-bottom-row {
     flex-direction: row-reverse;
}
 */
[dir="rtl"] .footer-links-list a::after,
[dir="rtl"] .footer-links-page-list a::after {
    left: auto;
    right: 0;
}
[dir="rtl"] .footer-address-column {
    text-align: right;
}
/* Highlighted anchor underline fix */
[dir="rtl"] .highlighted-anchor::after {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}
/* Breadcrumb */
[dir="rtl"] .cust-lang {
    min-width: auto;
}
[dir="rtl"] .outcome-post-end {
    margin-right: auto;
    margin-left: unset !important;
}
[dir="rtl"] .banking-spec-bottom {
    margin-right: auto;
    padding: 0 75px 0 0;
    margin-left: unset !important;
}
[dir="rtl"] .ofac-content .ofac-title {
    direction: ltr;
}
[dir="rtl"] .contact-subtitle {
    direction: ltr;
}
[dir="rtl"] p,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5 {
    direction: ltr;
}
[dir="rtl"] .verify-call .signal {
    margin-left: 16px;
    margin-right: 0 !important;
}
/* [dir="rtl"] .dropdown-panel {
     left: 0;
     direction: rtl;
}
 [dir="rtl"] .mega-menu-col {
     flex-direction: row-reverse;
}
 [dir="rtl"] .nav-links.mobile-open .cust-lang {
             margin-left: auto !important;
 } */
/* [dir="rtl"] .nav-dropdown.lang-dropdown-main .navlink-wrapper {
             padding: 10px 0px 16px 0px;
 } */

.navbar.scrolled .dropdown-panel {
    top: 89%;
}
.footer-main-logo a {
    display: inline-block;
}
.footer-main-logo a img {
    width: 184px;
    height: auto;
}
.related-insights.home-news-block {
    padding: 200px 0 40px 0;
}
.custom-toggler .line {
    transition: all 0.4s ease;
    transform-origin: center;
}
/* OPEN STATE → make X */
.custom-toggler.open .top {
    transform: translateY(11px) rotate(45deg);
}
.custom-toggler.open .middle {
    opacity: 0;
}
.custom-toggler.open .bottom {
    transform: translateY(-10px) rotate(-45deg);
}
/* Today STYLE 2 START */
.filled-para-m span {
    font-family: "Inter-Semibold";
}
.footer-main-logo {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.footer-main-logo p {
    font-size: 14px;
    line-height: 150%;
    max-width: 205px;
    color: var(--light-color);
    font-family: "Inter-regular";
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.foot-nth.col-lg-1 {
    width: 14%;
}
.foot-wth.col-lg-2 {
    width: 20.3%;
}
.foot-nth.col-lg-2 {
    width: 12%;
}
.nav-link-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 36px;
}


.fin-instit-bottom .row {
        --bs-gutter-y: 2rem !important;
}


.insights-center-btn #load-more {
        margin-top: 20px !important;
}



 


/* ===== RTL PSEUDO-ELEMENT FIXES ===== */

/* outcome-link, vid-common-col, ofac-cta anchors */
[dir="rtl"] .outcome-link a::after,
[dir="rtl"] .outcome-link a::before,
[dir="rtl"] .vid-common-col a::after,
[dir="rtl"] .vid-common-col a::before,
[dir="rtl"] .ofac-cta a::after,
[dir="rtl"] .ofac-cta a::before {
    left: auto;
    right: 0;
}

/* contact-submit-btn, active-navlink, filter-list a */
[dir="rtl"] .contact-submit-btn::after,
[dir="rtl"] .active-navlink::after,
[dir="rtl"] .filter-list a::after {
    left: auto;
    right: 0;
    transform-origin: right;
}

[dir="rtl"] .contact-submit-btn::before,
[dir="rtl"] .active-navlink::before,
[dir="rtl"] .filter-list a::before {
    left: auto;
    right: 0;
    transform-origin: left;
}

/* contact-submit-btn, active-navlink, filter-list a — hover direction reverse */
[dir="rtl"] .contact-submit-btn:hover::after,
[dir="rtl"] .active-navlink:hover::after,
[dir="rtl"] .filter-list a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
}

[dir="rtl"] .contact-submit-btn:hover::before,
[dir="rtl"] .active-navlink:hover::before,
[dir="rtl"] .filter-list a:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

/* frame-links-col anchors */
[dir="rtl"] .frame-links-col a::after,
[dir="rtl"] .frame-links-col a::before {
    left: auto;
    right: 0;
}

/* frame-links-col default: after visible (scaleX 1 from left), before hidden */
[dir="rtl"] .frame-links-col a::after {
    transform-origin: left;
}

[dir="rtl"] .frame-links-col a::before {
    transform-origin: right;
}

/* frame-links-col hover: after wipes out to left, before wipes in from right */
[dir="rtl"] .frame-links-col a:hover::after {
    transform: scaleX(0);
    transform-origin: left;
}

[dir="rtl"] .frame-links-col a:hover::before {
    transform: scaleX(1);
    transform-origin: right;
}

/* navlink, navlink-wrapper underlines */
[dir="rtl"] .navlink::after,
[dir="rtl"] .navlink-wrapper::after,
[dir="rtl"] .active-navlink::after,
[dir="rtl"] .active-navlink-wrapper::after {
    left: auto;
    right: 0;
}

/* footer-links-list, footer-links-page-list underlines */
/* (already in your RTL block but confirming direction) */
[dir="rtl"] .footer-links-list a::after,
[dir="rtl"] .footer-links-page-list a::after {
    left: auto;
    right: 0;
}

















.simple-page-sec p a {
font-family: 'Inter-Regular';
font-size: 16px;
color: #A01419;
text-decoration: none !important;



}
.outcome-content p a {

    transition: all 0.3s;
}
.outcome-content p a:hover {
    color: var(--mari-gold-color) !important;

}

.service-appr {
        padding-bottom: 110px;
}


.simple-page-sec {
    max-width: 991px;
    margin: 0 auto;

}
.simple-mega-title {
    max-width: 991px;
    margin: 0 auto;
    width: 100%;
    opacity: 1 !important;

}
.simple-page-title {
font-family: 'Inter-Regular';
    font-size: 4.5rem !important;
line-height: 120%;
letter-spacing: -0.02em;
color: #2A2E34;
}
.simple-page {
    padding-bottom: 75px;
}
table {
    background-color: var(--light-color);
    border: 1px solid #2a2e3480;
    border-collapse: collapse;
}
 
table th,
table td {
    border-bottom: 1px solid #2a2e3480;
    padding: 10px;
    min-height: 45px !important;
    height: 45px !important;
        font-size: 14px !important;
}
table th {
        font-weight: 500 !important;
}
.outcome-content ol,
.outcome-content ul {
        padding-left: 20px; 
}
.outcome-content ol li,
.outcome-content ul li {
    padding-bottom: 8px; 
    font-family: "Inter-Light";
    font-size: 16px;
    line-height: 150%;
}
/* Media queries */
@media (max-width: 1500px) {
    /* .author-detail-wrap {
         max-width: 118em;
    }
     */
    .frame-column {
        width: 17%;
    }
    .frame-column:last-child {
        padding: 0;
    }
}
@media (max-width: 1400px) {
    .banner-block {
         padding: 130px 0px 75px;
    }
    .container-fluid {
        padding-inline: 30px !important;
    }
    .hero-content-wrap {

            gap: 24px;
    }
    .video-sticky {
        /* max-width: 95%; */
        margin: 0 auto;
        /* top: 13.6%; */
        top: 14%;
        height: 100vh;
        min-height: 100vh;
    }
    .vid-common-col {
        max-width: 275px;
    }
    .vid-common-col p {
        font-size: 20px;
        line-height: 145%;
    }
    .vid-common-disc {
        gap: 22px;
    }
    .searcher_wrap.searcher_active {
        width: 140px;
    }
    .searcher_input {
        min-height: 20px;
        font-size: 14px;
    }
    .people-intro .people-intro-para,
    .end-prof-top p {
        font-size: 3rem;
    }
    .mega-breadcrumb a,
    .mega-breadcrumb {
        font-size: 2.7rem;
    }
    .related-insights.home-news-block {
        padding: 145px 0 50px 0;
    }
    .hero-headline {
            font-size: 9em;
    }
    .vid-content-block {
            top: -46px;
    }
}
@media (max-width: 1300px) {
    .filter-list,
    .filter {
        gap: 20px;
    }
    .case-box h4,
    .related-insights .insight-card h6,
    .related-insights .insight-card h4 {
        font-size: 20px;
    }
    .case-box p {
        font-size: 17px;
    }
    .case-box {
        padding: 20px 16px;
    }
    .related-insights .insight-card p {
        font-size: 16px;
    }
    .insight-content {
        gap: 14px;
        padding: 17px 0 0 0;
    }
    .bio-banner-wrap,
    .people-into-top {
        gap: 26px;
    }
    .people-details-section {
        padding: 70px 0 30px 0;
    }
    .people-contact {
        gap: 12px;
    }
    .container-fluid {
        padding-inline: 22px !important;
    }
    .banking-spec-wrap,
    .fin-instit-wrap {
        gap: 32px;
    }
    .people-banner-block,
    .service-banner-block,
    .outcome-post-banner {
        padding: 140px 0 0 0;
    }
    .related-insights.home-news-block {
        padding: 135px 0 50px 0;
    }
    .vid-content-block {
            top: -42px;
    }
}
@media (max-width: 1260px) {
        .vid-content-block {
        top: -29px;
    }
    /* .nav-links {
         gap: 27px;
    } */
    .dropdown-panel {
        margin: 0 0 0 -81px;
    }
    .video-sticky {
        max-width: 90%;
                top: 13%;
    }
    .navbar-brand svg,
    .navbar-brand img {
        width: 195px;
    }
    .navbar.scrolled .navbar-brand svg,
    .navbar.scrolled .navbar-brand img {
        width: 175px;
    }
    .searcher_icon svg {
        width: 20px;
        height: 20px;
    }
    .searcher_wrap.searcher_active {
        width: 133px;
    }
    .site-breadcrumb {
        margin: 0 0 30px 0;
    }
    .people-intro .people-intro-para {
        font-size: 3.2rem;
    }
    .end-prof-top p {
        font-size: 2.2rem;
    }
    .proples-grid-wrap {
        padding: 40px 0 85px 0;
        gap: 57px;
    }
    .fin-instit-col h4 {
        font-size: 20px;
    }
    .fin-instit-col {
        gap: 9px;
        padding: 0 7px;
    }
    .fin-instit-col p {
        font-size: 17px;
        line-height: 145%;
    }
    .banking-spec-bottom {
        max-width: 95%;
        gap: 27px;
        padding: 0 0 0 25px;
    }
    .fin-instit-top .fin-instit-title {
        font-size: 28px;
    }
    .people-banner-content {
        max-width: 95%;
    }
    .outcomes-content {
        gap: 40px;
    }
    .outcomes-top,
    .dffren-content-top {
        gap: 23px;
    }
    .diffren-content-bottom {
        gap: 60px;
        max-width: 120em;
    }
    .outcomes-block {
        padding: 100px 0 0 0;
    }
    .ofac-block {
        padding: 100px 0;
        margin: 100px 0 0 0;
    } 
    .banner-block {
        padding: 125px 0px 60px;
    }
    .contact-page {
        padding: 130px 0px 70px;
    }
    .outcome-dics .outcome-disc-title {
        font-size: 22px;
    }
    .outcome-body {
        padding: 18px 18px 26px;
        gap: 20px;
    }
    .filled-block-cypress,
    .filled-block-stone,
    .filled-block-carbon,
    .about-filled-block-carbon {
        padding: 3em;
    }
    .carbon-filled-para p {
        margin: 0 0 12px 0 !important;
    }
    .challenge-content-bottom {
        gap: 27px;
        padding: 22px 0 0 0;
    }
    .people-banner-block,
    .service-banner-block,
    .outcome-post-banner {
        padding: 125px 0 0 0;
    }
    .outcome-colsection,
    .outcomes-block.outcome-colsection {
        padding: 125px 0 95px;
    }
    .people-banner-block.about-top-section {
        padding: 125px 0 95px;
    }
    .about-author-description {
        max-width: 96%;
    }
    .about-author-section .author-name {
        font-size: 27px;
    }
    .cust-lang {
        margin: 0 0 0 7px;
    }
    .related-insights {
        padding: 65px 0 65px 0;
    }
    .page-vids .page-vids-poster,
    .page-vids video {
        height: 403px;
    }
    .service-appr {
        padding-bottom: 90px;
    }
}
@media (max-width: 1160px) {
    .vid-common-col h2,
    .com-small-title {
        font-size: 15px;
        line-height: normal;
    }
    .vid-common-col p {
        font-size: 17px;
        line-height: 140%;
    }
    .vid-common-col {
        max-width: 210px;
    }
    .ofac-block {
        padding: 90px 0;
        margin: 90px 0 0 0;
    }
    .outcomes-block {
        padding: 90px 0 0 0;
    }
    .filter-list a {
        font-size: 13px;
    }
    .filter-list,
    .filter {
        gap: 16px;
    }
    .people-info .people-info-title {
        font-size: 3.2em;
    }
    .banking-spec-bottom {
        padding: 0;
    }
    .out-meta-title {
        font-size: 15px;
    }
    .banking-spec-bottom {
        max-width: 100%;
    }
    .outcome-colsection,
    .outcomes-block.outcome-colsection {
        padding: 170px 0 100px;
    }
    .people-banner-content {
        max-width: 100%;
    }
    .challenge-block {
        padding: 45px 0 0 0;
    }
    .approach-block.about-dif {
        padding: 70px 0;
    }
    .nav-links {
        gap: 21px;
    }
    .mega-breadcrumb a,
    .mega-breadcrumb {
        font-size: 3.7rem;
    }
    .people-lg-image img {
        height: 460px;
    }
    #video-section {
        margin-bottom: -9vh;
    }
    .nav-link-row {
        gap: 24px;
    }
}
@media (max-width: 991px) {
    .nav-dropdown:hover .dropdown-panel {
        position: unset !important;
        display: none !important;
    }
.nav-links .navlink-wrapper {
    font-family: "Inter-Regular" !important;
    font-weight: 400 !important;
}

/* Match the other menu links when the submenu is closed */
.nav-links.mobile-open .mega-menu-drop .navlink-wrapper,
.nav-links.mobile-open .mega-menu-drop .navlink-wrapper span {
    color: #D4CABF !important;
}

/* Marigold only while the submenu is expanded */
.nav-links.mobile-open .mega-menu-drop.active .navlink-wrapper,
.nav-links.mobile-open .mega-menu-drop.active .navlink-wrapper span {
    color: #C9A227 !important;
}
    .container-fluid {
        padding-inline: 20px !important;
    }
    .navbar-brand svg,
    .navbar-brand img,
    .navbar.scrolled .navbar-brand svg,
    .navbar.scrolled .navbar-brand img {
        width: 230px;
    }
    /* .navbar.scrolled .navbar-brand svg, .navbar.scrolled .navbar-brand img {
         width: 170px;
    } */

    .vid-content-block {
        position: static;
    }
    .vid-content-row {
        gap: 20px;
    }
    .video-wrapper {
        clip-path: none !important;
        transform: none !important;
        scale: 1 !important;
    }
    #video-section {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        padding: 25px 0 70px;
        gap: 54px;
        margin-bottom: unset !important;
    }
    .video-sticky {
        position: relative;
        top: unset;
        max-width: 100%;
        height: 56vw;
        min-height: unset;
    }
    .hero-headline {
        font-size: 7.4rem;
        line-height: 1.1;
    }
    .hero-content-wrap p {
        font-size: 3.2rem;
        -webkit-line-clamp: 9;
    }
    .banner-block {
        overflow: unset !important;
        padding: 112px 0px 0px;
                height: auto !important;
        min-height: auto !important;
    }
    .people-lg-image img {
        height: 325px;
    }
    .vid-common-disc {
        gap: 14px;
    }
    .diffren-content,
    .outcomes-top,
    .outcomes-content {
        gap: 30px;
    }
    /* .out-meta-title, .outcome-mera-row {
         font-size: 14px;
    }
     */
    .outcome-dics .outcome-disc-title {
        font-size: 20px;
        margin-bottom: 12px !important;
    }
    .outcome-para {
        font-size: 17px;
    }
    .outcome-body {
        padding: 14px 14px 35px;
        gap: 20px;
    }
    .outcome-mera-row {
        gap: 3px;
    }
    .hero-content-wrap {
        gap: 15px;
    }
    .highlight-col p,
    .highlight-col .highlighted-para {
        font-size: 16px;
    }
    .diff-highlight-row {
        padding-bottom: 19px;
    }
    /* .diff-highlighted-box:hover {
        opacity: 0.35 !important;
    } */
    .diff-highlighted-box.active:hover {
        opacity: 1 !important;
    }
    .people-banner-content .people-banner-para {
        font-size: 4rem;
        -webkit-line-clamp: 15;
    }
    .g-4.people-grid-gutter {
        --bs-gutter-y: 4.37rem !important;
    }
    .g-4.people-grid-gutter {
        --bs-gutter-x: 1.5rem !important;
    }
    .people-banner-block,
    .bio-banner,
    .outcome-post-banner {
        padding: 112px 0 0 0;
    }
    .simple-page {
    padding-bottom: 75px !important;
}
    .outcome-colsection,
    .outcomes-block.outcome-colsection {
        padding: 112px 0 50px 0;
    }
    .service-banner-block {
        padding: 112px 0 0 0;
    }
    .people-contact .people-anchors {
        font-size: 16px;
    }
    .people-social svg {
        width: 30px;
        height: 30px;
    }
    .fin-instit-col h4 {
        font-size: 17px;
        -webkit-line-clamp: 3;
    }
    .fin-instit-col p {
        font-size: 15px;
        line-height: 141%;
    }
    .site-breadcrumb a:nth-of-type(3) {
        max-width: 469px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 100%;
    }
    .about-careers .ofac-cta {
        padding: 0 0 10px !important;
    }
    .about-careers .common-small-title {
        padding: 7px 0 27px 0;
    }
    .people-social {
        gap: 21px;
        justify-content: center;
    }
    .site-breadcrumb {
        flex-wrap: wrap;
        margin: 0 0 13px 0;
    }
    .service-banner-content .service-banner-subtext {
        font-size: 4rem;
        -webkit-line-clamp: 17;
    }
    .about-frame-section {
        padding: 70px 0px 40px;
    }
    .proples-grid-wrap {
        padding: 25px 0 65px 0;
        gap: 45px;
    }
    .people-card:hover .people-img img {
        transform: scale(1);
    }
    .related-insights .insight-card h6,
    .related-insights .insight-card h4 {
        font-size: 22px;
    }
    .end-prof-top p {
        font-size: 2.6em;
    }
    .highlighted-para-approach {
        max-width: 100%;
        -webkit-line-clamp: 20;
    }
    .site-breadcrumb {
        gap: 5px;
    }
    .navbar {
        padding: 13px 0 !important;
    }
    /* .navbar.scrolled {
         padding: 10px 0px !important;
    } */
    .profile-side-wrap .profile-side-col {
        width: 49%;
    }
    /* .outcome-post-banner.insight-post-banner .profile-side-wrap .profile-side-col {
         width: 100%;
    }
     */
    .nav-link-row {
        gap: 0;
        flex-direction: column;
        background: linear-gradient(97.52deg, #ed1c24 0%, #a01419 50%, #6e0009 100%);
        padding: 123px 0 92px 0;
    }
    .outcome-post-banner.insight-post-banner .col-12.ps-md-5 {
        padding-left: 7px !important;
    }
    .profile-side-wrap {
        flex-direction: row;
        gap: 10px;
        padding: 34px 0 0 0;
    }
    .filled-block .filled-para-l {
        font-size: 18px;
    }
    .filled-block-stone h3,
    .filled-block-carbon h3,
    .about-filled-block-carbon h3 {
        font-size: 20px;
        margin: 0 0 9px 0 !important;
        -webkit-line-clamp: 4;
    }
    /* misc */
    html {
        overflow-x: hidden !important;
    }
    .vid-content-row {
        width: 100% !important;
        overflow: hidden !important;
    }
    .vid-common-col {
        max-width: 100% !important;
        width: 100% !important;
        gap: 16px;
    }
    .video-wrapper {
        position: relative !important;
        inset: unset !important;
        clip-path: none !important;
        transform: none !important;
        scale: unset !important;
        will-change: auto !important;
        backface-visibility: visible !important;
        perspective: none !important;
        overflow: visible !important;
        width: 100% !important;
        height: 100% !important;
    }
    .video-wrapper video {
        position: relative !important;
        inset: unset !important;
        transform: none !important;
        will-change: auto !important;
        backface-visibility: visible !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        display: block;
    }
    /* Container must not clip or hide the video */
    .video-placeholder {
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
    }
    .video-sticky {
        position: relative !important;
        top: unset !important;
        overflow: visible !important;
        padding-bottom: initial !important;
    }
    .diffren-content-bottom {
        gap: 50px;
    }
    .outcomes-block {
        padding: 70px 0 0 0;
    }
    .ofac-block {
        padding: 70px 0;
        margin: 70px 0 0 0;
    }
    .ofac-content .ofac-title {
        /* font-size: 2.75rem;
         */
        margin-bottom: 25px !important;
    }
    .contact-page .contact-description {
        max-width: 100%;
    }
    .mega-breadcrumb {
        gap: 17px;
    }
    .people-details-section {
        padding: 50px 0 25px 0;
    }
    .prof-para-col {
        gap: 15px;
    }
    .spec-cta-row .outcome-link a {
        font-size: 13px;
    }
    .outcome-colsection {
        padding: 100px 0 60px;
    }
    .footer-links-page-list a:hover,
    .footer-links-list a:hover {
        color: var(--stone-light-color) !important;
    }
    .footer-links-list a:hover::after,
    .footer-links-page-list a:hover::after {
        display: none !important;
    }
    .contact-tag-line-col {
        padding-top: 30px;
    }
    .contact-heading-cols {
        /* gap: 30px;
         */
    }
    .contact-info,
    .contact-page-content-col {
        gap: 22px;
    }
    /* style2 */
    .about-frame-row {
        flex-wrap: wrap;
        justify-content: start;
        /* gap: 45px; 
         */
    }
    .navlink-wrapper {
        justify-content: center !important;
        padding: 3px;
        transition: none !important;
        width: 100%;
        color: #d4cabf !important;
        transition: all 0.3s !important;
    }
    .nav-dropdown:hover .dropdown-panel {
        opacity: 0;
        visibility: hidden;
    }
    .nav-dropdown.active .dropdown-panel {
        opacity: 1;
        position: static;
        visibility: visible;
        transform: translateY(0px);
        margin: 7px 0 14px 0 !important;
        display: block !important;
    }
    .mega-menu-drop {
        transition: all 0.3s !important;
    }
    .mega-menu-drop.nav-dropdown.active .dropdown-panel {
        padding: 31px 0px 28px 0;
        background: var(--carbon-color);
        box-shadow: inset 0px 8px 8px rgba(0, 0, 0, 0.25);
        /* transition: all 0.4s !important; */
    }

    .nav-dropdown.active .dropdown-arrow {
        transform: rotate(180deg);
    }
    .dropdown-arrow {
        transition: transform 0.3s ease;
    }
    .mega-dropdown-column ul li,
    .mega-dropdown-column .cypress-title,
    .mega-dropdown-column .harbor-title {
        margin-bottom: 0 !important;
    }
    .foot-nth.col-lg-2,
    .foot-nth.col-lg-1 {
        width: 33%;
    }
    /* .dropdown-arrow {
         display: block;
    } */
    .navlink::after,
    .navlink-wrapper::after,
    .active-navlink-wrapper::after,
    .active-navlink::after {
        display: none !important;
    }
    .foot-wth.col-lg-2 {
        width: 33%;
    }
    .nav-dropdown {
        position: relative;
        width: 100%;
    }
    .service-appr {
        padding-bottom: 0px;
    }
    .searcher_icon svg path {
        fill: var(--stone-light-color) !important;
    }
    .nav-dropdown.lang-dropdown-main .navlink-wrapper {
        padding: 24px 0 7px;
    }
    .nav-dropdown.lang-dropdown-main {
        height: 100%;
        /* margin-top: 80px; */
        padding-bottom: 32px;
        background: var(--carbon-color);
        position: relative;
    }

    .nav-dropdown.lang-dropdown-main.active::after {
        background: var(--carbon-color);
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        z-index: -1;
    }

    .searcher_icon svg {
        /* width: 28px; */
        width: 4.5rem;
        height: 4.5rem;
    }

    .dropdown-panel {
        padding: 0;
        box-shadow: unset;
        background: unset;
        margin: 0 !important;
    }
    .mega-menu-col {
        gap: 19px;
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }
    [dir="rtl"] .mega-menu-col {
        flex-direction: column;
    }
    .searcher_input {
        min-height: auto !important;
        transition: none;
    }
    .dropdown-panel::after {
        display: none !important;
    }
    .mega-dropdown-column ul li a,
    .mega-dropdown-column ul li a:hover {
        font-size: 2.45rem !important;
        color: #f4f2f0 !important;
        padding: 5px 4px 5px 4px !important;
    }
    /* .people-social svg path {
         opacity: 1 !important;
    }
     */
    .nav-dropdown:hover .dropdown-panel {
        position: static;
    }

    .navlink-wrapper:hover {
        transform: none !important;
        /* width: fit-content; */
    }
    .mega-dropdown-column .cypress-title {
        margin-bottom: 2px !important;
    }
    .author-details-col .col-md-4 {
        width: 40.2%;
    }
    .author-details-col .col-md-8 {
        width: 59.8%;
    }
    .about-author-section p {
        font-size: 16px;
    }
    .about-author-description {
        max-width: 96%;
        gap: 11px;
    }
    /* style2 end */
    .footer-links-page-list,
    .footer-links-list,
    .footer-links-column {
        gap: 19px !important;
        padding: 0 !important;
    }
    .contact-from {
        max-width: 100%;
    }
    .footer-row .col-sm-6 {
        margin-top: 43px !important;
    }
    .filled-para-s,
    .filled-para-m {
        -webkit-line-clamp: 20;
    }
    .carbon-filled-para p {
        margin: 0 0 18px 0 !important;
    }
    .filled-para-m span {
        font-family: "Inter-Semibold";
        padding: 8px 0 0 0;
        display: inline-block;
    }
    .outcome-img img {
        height: 275px;
    }
    /*from top*/
    .nav-links {
        position: fixed;
        inset: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 7px !important;
        z-index: 999;
        overflow-y: auto !important;

        touch-action: pan-y;
        overscroll-behavior: contain;
        display: flex;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition:
            transform 1s cubic-bezier(0.22, 1, 0.56, 1),
            opacity 1.1s cubic-bezier(0.22, 1, 0.56, 1);
        height: 100vh;
        max-height: 100vh;
        gap: 0 !important;
        -webkit-overflow-scrolling: touch;

        background-color: var(--carbon-color);
    }

    .nav-links.mobile-open {
        height: 100vh !important;
        transform: translateY(0%);
        opacity: 1;
        visibility: visible;
    }

    body.menu-open .nav-links {
        overflow-y: auto !important;
        transform: translateY(0%);
        opacity: 1;
        visibility: visible;
    }

    body.menu-open .site-logo {
        opacity: 0;
    }
    body.menu-open .site-logo-light {
        opacity: 1;
        filter: brightness(100);
    }
    .navbar.scrolled,
    .navbar {
        padding: 14px 0px 14px !important;
    }
    /* ACTIVE STATE */

    .nav-links a {
        font-family: "Inter-Regular" !important;
        /* font-size: 3.15rem !important; */
        font-size: 5rem !important;
        color: #d4cabf !important;
        line-height: 140%;
        padding: 3px;
        width: 100%;
        text-align: center;
    }
    .active-navlink {
        font-family: "Inter-Regular" !important;
    }
    /* .mega-dropdown-column ul {
    display: none;
  } */
    /* .nav-links.mobile-open > a:first-child {
          margin-top: 17px;
} */

    .nav-links.mobile-open ul li a {
        border-bottom: none !important;
    }

    /* body.menu-open .custom-toggler .line {
     stroke: var(--stone-light-color);
    } */
    .nav-links a {
        font-size: 16px;
    }
    .nav-links.mobile-open .cust-lang {
        margin: 0 !important;
    }
    .lang-dropdown {
        top: 171%;
        right: -91%;
    }
    .outcome-content p {
        -webkit-line-clamp: 26;
    }
    .frame-column {
        width: 32%;
        margin-bottom: 36px;
        gap: 7px;
        padding: 0 35px 0 0;
        max-width: 100%;
    }
    .about-frame-subtitle h4 {
        font-size: 20px;
    }
    .people-banner-block.about-top-section {
        padding: 120px 0 45px;
    }
    .contact-description {
        font-size: 3.6rem;
        max-width: 86%;
    }
    .about-author-section {
        padding: 70px 0;
    }
    .vid-common-col a:hover,
    .outcome-link a:hover {
        color: var(--primary-color) !important;
    }
    .outcome-link a::after,
    .outcome-link a::before,
    .vid-common-col a::after,
    .vid-common-col a::before,
    .ofac-cta a::after,
    .ofac-cta a::before {
        display: none !important;
    }
    .footer-links-page-list a:hover,
    .footer-links-list a:hover {
        color: var(--light-inovy-color) !important;
    }
    .footer-links-list .footer-links-page-list a:hover,
    .footer-links-list .footer-links-list a:hover {
        color: var(--stone-light-color) !important;
    }
    .footer-links-column .footer-links-page-list a:hover,
    .footer-links-column .footer-links-list a:hover {
        color: var(--light-inovy-color) !important;
    }
    .foot-wth .footer-links-list a:hover,
    .half-wth .footer-links-list a:hover {
        color: var(--stone-light-color) !important;
    }
    .related-insights .insight-card h2 {
        font-size: 3em;
        padding: 0px !important;
    }
    .related-insights-wrap {
        gap: 23px;
    }
    .related-insights.sec-insight {
        padding: 50px 0 70px 0;
    }
    .related-insights .insight-card {
        padding: 16px 13px 4px 16px;
    }
    .outcome-link {
        padding: 14px 0 0 0;
    }
    .insight-content {
        padding: 16px 0 3px 0;
    }
    .mob-search-wrap {
        position: absolute;
        right: 75px;
        margin-bottom: 6px;
    }
    .insight-post-banner .site-breadcrumb {
        margin: 0;
    }
    .searcher_wrap {
        top: 0;
        display: flex;
        padding: 13px;
        order: 1;
        width: 100%;
        /* border-bottom: 1px solid #d4cabf2b; */
        transition: none; /* ← kills all transitions including height-touching ones */
        height: auto; /* ← locks height, no animation */
        min-height: unset; /* ← removes any min-height inheritance */
        overflow: visible;
    }

    .searcher_input.searcher_active,
    .searcher_input.searcher_active::placeholder {
        color: var(--stone-light-color) !important;
        font-size: 3rem !important;
        height: 27px !important;
    }
    .searcher_wrap form {
        /* min-height: 36px; */
        width: 0;
    }
    .searcher_active form {
        width: 100%;
        transition: width 0.3s ease;
        padding: 0 21px 0 0;
        display: block !important;
        position: relative;
    }
    .searcher_wrap.searcher_active {
        width: 100%;
        transition: none;
    }
    .lang-selector,
    .lang-title span,
    .lang-dropdown-list li {
        font-size: 1.75rem !important;
    }
    .nav-links .dropdown-panel {
        min-height: 0 !important;
        transition: all 0.3s !important;
        height: auto !important;
    }

    .nav-links .cust-lang {
        min-height: 0 !important;
    }

    /* Collapse inactive dropdown panels */
    .nav-dropdown:not(.active) .dropdown-panel {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        transition: all 0.3s !important;
    }
    [dir="rtl"] .nav-links {
        flex-direction: column;
        align-items: flex-end;
        /* padding: 72px 23px 20px 0 !important; */
    }
    [dir="rtl"] .mob-search-wrap {
        right: auto;
        left: 75px;
    }
    [dir="rtl"] .custom-toggler {
        right: auto;
        left: 0;
    }
    [dir="rtl"] .mega-dropdown-column ul li a {
        padding: 2px 42px 2px 0 !important;
    }
    [dir="rtl"] .lang-dropdown {
        right: auto;
        left: -91%;
    }
    /* [dir="rtl"] .navlink-wrapper {
         justify-content: end;
         width: 100%;
         padding-right: 21px !important;
    } */
    .related-insights .insight-card h6,
    .related-insights .insight-card h4 {
        padding: 0 !important;
    }
    .people-intro {
        max-width: 92%;
    }
    .lang-dropdown-list li {
        /* font-size: 3rem; */
        line-height: 150%;
        font-family: "Inter-Regular";
        transition: 0.2s;
        text-transform: unset !important;
        text-align: center;
        color: var(--stone-light-color) !important;
    }
    .lang-dropdown-list {
        gap: 6px;
        padding: 6px 0 0 0 !important;
        align-items: center;
    }
    .lang-title {
        text-align: center;
        display: none;
    }
    /* .lang-title span {
         color: var(--stone-light-color) ;
         font-size: 3rem;
    } */
    .contact-item-title {
        font-size: 22px;
    }
    /* .navbar.scrolled .lang-title span, .navbar.scrolled .lang-dropdown-list li, .navbar.scrolled .lang-title span {
       color: var(--stone-light-color) ;
         font-size: 2rem;
    } */

    .outcome-post-end {
        max-width: 100%;
        margin-left: 0;
        position: unset;
        padding: 70px 0 0 0;
    }
    .outcome-post-banner.insight-post-banner .outcome-post-end {
        padding: 54px 0 0 0;
    }
    .nav-links a,
    .nav-links .navlink-wrapper {
        transition-delay: 0s !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    [dir="rtl"] .custom-toggler.open .bottom {
        transform: translateY(-10px) rotate(45deg);
    }
    [dir="rtl"] .custom-toggler.open .top {
        transform: translateY(11px) rotate(-45deg);
    }

    [dir="rtl"] .banking-spec-bottom {
        padding: 0 !important;
    }

    .lang-dropdown-list li:hover {
        color: var(--stone-light-color) !important;
    }
    .lang-dropdown-list li.lang-std {
        color: var(--primary-color) !important;
    }
    .navbar.scrolled .searcher_input,
    .navbar.scrolled .searcher_input::placeholder {
        color: var(--stone-light-color) !important;
    }

    .lang-selector {
        color: var(--mari-gold-color) !important;
    }
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title,
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title:hover {
        color: var(--cypress-light-color) !important;
        border: none !important;
        padding: 0 !important;
        font-size: 2.34rem !important;
    }
    .nav-links.mobile-open .mega-dropdown-column a.harbor-title,
    .nav-links.mobile-open.mega-dropdown-column a.harbor-title:hover {
        color: var(--harbor-color) !important;
        border: none !important;
        padding: 0 !important;
        font-size: 2.34rem !important;
    }
    .nav-dropdown.active .active-navlink.navlink-wrapper {
        color: var(--carbon-color) !important;
        transition: all 0.3s !important;
    }

    /* Hide close icon by default, show hamburger */
    .custom-toggler .close-icn {
        display: none;
    }

    /* When open: hide hamburger SVG, show close icon */
    .custom-toggler.open > svg:first-of-type {
        display: none;
    }

    .custom-toggler.open .close-icn {
        display: flex;
    }

    /* Remove the old SVG line transforms since we're swapping icons now */
    .custom-toggler.open .top,
    .custom-toggler.open .middle,
    .custom-toggler.open .bottom {
        transform: none;
        opacity: 1;
    }

    .mega-dropdown-column .cypress-title,
    .navlink-wrapper,
    .mega-dropdown-column .harbor-title,
    .lang-title span,
    .lang-dropdown-list li {
        font-size: 5rem !important;
    }
    .mega-menu-drop.active .navlink-wrapper {
        color: var(--carbon-color) !important;
    }
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title,
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title:hover,
    .nav-links.mobile-open .mega-dropdown-column a.harbor-title,
    .nav-links.mobile-open.mega-dropdown-column a.harbor-title:hover {
        font-size: 3.9rem !important;
    }
    .mega-menu-drop.nav-dropdown .dropdown-panel {
        display: block !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: visible !important;
        transition:
            max-height 1.2s ease,
            opacity 0.3s ease,
            padding 0.3s ease !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    .mega-menu-drop.nav-dropdown.active .dropdown-panel {
        max-height: 800px !important;
        opacity: 1 !important;
        padding: 31px 0px 28px 0 !important;
        margin: -1px 0 5px 0 !important;
    }
    .lang-selector,
    .lang-title span,
    .lang-dropdown-list li {
        font-size: 3rem !important;
    }

    .page-vids .page-vids-poster,
    .page-vids video {
        height: 503px;
    }
    .mega-dropdown-column .harbor-title {
        margin: 4px 0 5px !important;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .hero-headline {
        font-size: 6.2rem;
        line-height: 1.05;
    }
}
@media (min-width: 991px) {
    .nav-links a:hover {
        color: var(--mari-gold-color) !important;
    }
    .people-card:hover .people-info .people-info-title {
        color: var(--primary-color);
    }
    .people-contact .people-anchors:hover {
        color: var(--mari-gold-color) !important;
    }
    .case-box:hover {
        transform: translateX(-10px);
    }
    [dir="rtl"] .case-box:hover {
        transform: translateX(10px);
    }
    [dir="rtl"] .dropdown-panel {
        padding: 35px 0px 50px 40px;
    }
    [dir="rtl"] .lang-dropdown-main .dropdown-panel .mega-menu-col {
        justify-content: start;
    }

    [dir="rtl"] .nav-link-row {
        justify-content: left;
        flex-direction: row-reverse;
    }
.spec-cta-row .outcome-link:nth-child(2) {
    text-align: center !important;
}

    .mega-breadcrumb a:hover {
        color: var(--primary-color) !important;
    }
    .navbar.scrolled .searcher_icon svg {
        filter: invert(1) !important;
    }
    .lang-selector:hover {
        color: var(--primary-color) !important;
    }
    #videoWrapper {
        clip-path: inset(0% 28% 34.25% 28% round 1px);
        transform: scale(0.95);
    }
    .form-description a:hover {
        color: var(--mari-gold-color);
    }
    .fin-instit-col a:hover h4 {
        color: var(--primary-color) !important;
    }
    .verify-call:hover {
        color: var(--light-color);
    }
    .site-breadcrumb a {
        max-width: 469px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .about-author-section .author-name a:hover {
        color: var(--primary-color) !important;
    }
    .navlink-wrapper:hover {
        color: var(--primary-color) !important;
    }
    .frame-links-col a:hover::before {
        transform: scaleX(1);
        transform-origin: left;
        transition-delay: 0.25s;
    }
    .frame-links-col a:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition-delay: 0s;
    }
    .lang-dropdown-main {
        width: 66px;
        display: flex;
        justify-content: end;
    }

    .frame-links-col a:hover {
        color: var(--mari-gold-color);
    }
    [dir="rtl"] .lang-dropdown-main {
        justify-content: start;
    }
    .contact-submit-btn:hover::before,
    .active-navlink:hover::before,
    .filter-list a:hover::before {
        transform: scaleX(1);
        transform-origin: left;
        transition: transform 0.5s ease 0.25s;
    }
    .contact-submit-btn:hover::after,
    .active-navlink:hover::after,
    .filter-list a:hover::after {
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.5s ease 0s;
    }
    .footer-copyright-text a:hover {
        color: var(--mari-gold-color);
    }
    .socail-contact-app a:hover {
        transform: translateY(-7px);
        background-color: var(--primary-color);
    }
    .site-breadcrumb a:hover {
        color: var(--primary-color) !important;
    }
    .nav-links a:hover,
    .nav-links a.active-navlink {
        color: var(--primary-color) !important;
        position: relative;
    }
    .footer-phone:hover {
        color: var(--mari-gold-color);
    }
    .outcome-mera-row a:hover .out-meta-title {
        color: var(--mari-gold-color) !important;
    }
    .vid-common-col a:hover,
    .outcome-link a:hover,
    .ofac-cta a:hover {
        color: var(--mari-gold-color) !important;
    }
    .nav-dropdown {
        padding: 9px 0 9px 0;
    }
    .unselected-filter {
        display: none !important;
    }
    .gap-op {
        padding-left: 3rem !important;
    }
    .gap-content {
        padding-left: 25px;
    }
    .footer-address-column .footer-address:first-of-type {
        padding-right: 10px !important;
    }
    [dir="rtl"] .related-insights .insight-card h2 {
        padding: 0 0 0 29px !important;
    }
    [dir="rtl"] .about-author-description {
        margin-left: unset;
        margin-right: auto;
    }
    [dir="rtl"] .people-intro {
        margin-left: unset;
        margin-right: auto;
    }
    [dir="rtl"] .end-profile-box {
        margin-left: unset;
        margin-right: auto;
        padding: 0 25px 0 0;
    }
    [dir="rtl"] .highlighted-para-approach {
        margin-left: unset !important;
        margin-right: auto !important;
    }
    [dir="rtl"] .ps-md-5 {
        padding-right: 3rem !important;
        padding-left: 0 !important;
    }
    [dir="rtl"] .related-insights .insight-card h6,
    [dir="rtl"] .related-insights .insight-card h4 {
        padding: 0 0 0 29px !important;
    }
    .outcome-card:hover img {
        transform: scale(1.03);
    }
    .navbar.scrolled .nav-links a {
        color: var(--light-color) !important;
    }
    .navbar.scrolled .navlink-wrapper,
    .navbar.scrolled .lang-selector:hover {
        color: var(--primary-color) !important;
    }
    .navbar.scrolled .nav-dropdown.mega-menu-drop .navlink-wrapper {
        color: var(--light-color) !important;
    }
    .navbar.scrolled .nav-links a:hover,
    .navbar.scrolled .nav-links a.active-navlink {
        color: var(--primary-color) !important;
    }

    .navbar.scrolled .lang-selector,
    .navbar.scrolled .navbar.scrolled .nav-links a:hover {
        color: var(--mari-gold-color) !important;
    }
    .navbar.scrolled .mega-dropdown-column .cypress-title {
        color: var(--cypress-light-color) !important;
    }
    .navbar.scrolled .mega-dropdown-column .harbor-title {
        color: var(--harbor-color) !important;
    }
    .outcomes-block.related-outc-block {
        padding-bottom: 9px;
    }
    section.outcome-post-banner {
        padding-bottom: 47px;
    }
    .outcome-link.bio-related-links a {
        top: 3px;
    }
}
@media (max-width: 867px) {
    /* .out-meta-title, .outcome-mera-row {
         font-size: 12px;
    }
     .outcome-dics .outcome-disc-title {
         font-size: 18px;
         margin-bottom: 10px !important;
    }
     .outcome-para {
         font-size: 16px;
    }
     */
    .spec-cta-row {
        padding: 18px 0 0 0;
        flex-wrap: wrap;
    }
    .spec-cta-row .outcome-link {
        padding: 0 !important;
    }
    .spec-cta-row .outcome-link:nth-child(2) a {
        margin: 0 !important;
    }
    .people-info .people-info-title {
        font-size: 4.2em;
    }
    .people-info {
        gap: 5px;
        padding: 16px 0 0 0;
    }
}
@media (max-width: 767px) {
    .diffren-content,
    .outcomes-top,
    .outcomes-content,
    .related-outc-block .outcomes-content {
        gap: 20px;
    }
    .diff-highlight-row {
        gap: 12px;
    }
    /* .diffren-content-bottom {
         gap: 40px;
    }
     */
    .outcome-dics .outcome-disc-title {
        font-size: 22px;
        margin-bottom: 9px !important;
    }
    .outcome-para {
        font-size: 16px;
        -webkit-line-clamp: 17;
        padding: 0 0 6px !important;
    }
    .outcome-body {
        padding: 18px 16px 40px;
        gap: 20px;
    }
    .outcomes-row {
        gap: 37px;
        padding: 14px 0 0 0;
    }
    .container-fluid {
        padding-inline: 20px !important;
    }
    /* .nav-links {
         padding: 72px 0 15px 15px !important;
    } */
    .diffren-content,
    .outcomes-top {
        gap: 25px;
    }
    .out-meta-title,
    .outcome-mera-row {
        font-size: 14px;
    }
    .out-meta-title {
        font-size: 14px;
    }
    .vid-common-col p {
        font-size: 16px;
    }
    .outcome-img img {
        height: 300px;
    }
    .vid-common-col a,
    .outcome-link a,
    .ofac-cta a {
        font-size: 13px;
    }
    .people-intro {
        margin: 0 !important;
        padding: 26px 0 0 0;
        max-width: 506px;
        gap: 29px;
    }
    .people-intro .people-intro-para,
    .end-prof-top p {
        font-size: 4em;
    }
    .mega-breadcrumb a,
    .mega-divider {
        font-size: 4rem;
    }
    .start-profile-box {
        gap: 60px;
        max-width: 100%;
        width: 100%;
        padding: 50px 0 0 0;
    }
    .end-profile-box {
        gap: 50px;
        padding: 43px 0 0 0;
    }
    .case-box h4 {
        font-size: 24px;
        line-height: 140%;
    }
    .related-insights {
        padding: 40px 0 59px;
    }
    .related-insights-wrap {
        gap: 20px;
    }
    .start-profile-box {
        padding: 0 !important;
    }
    /* .prof-col-exp p {
         font-size: 16px;
    }
     */
    .prof-adm-col {
        gap: 12px;
    }
    .case-box p {
        font-size: 16px;
    }
    .case-box {
        padding: 17px 14px;
        gap: 9px;
    }
    .page-vids-controls svg {
        width: 28px;
        height: 28px;
    }
    .page-vids .page-vids-play-btn i {
        margin: 0px 0 0 6px;
    }
    .fin-instit-col h4 {
        font-size: 19px;
        min-height: auto;
    }
    .fin-instit-col {
        gap: 5px;
        padding: 0;
    }
    .fin-instit-bottom .row {
        --bs-gutter-x: 30px;
        --bs-gutter-y: 30px;
    }
    .nav-links a {
        font-size: 15px;
    }
    /* style2 */
    .footer-section {
        padding: 40px 0 60px;
    }
    .footer-address-column {
        gap: 6px;
    }
    .footer-bottom-row {
        padding-top: 40px;
    }
    .about-author-section {
        padding: 65px 0px;
    }
    .foot-nth.col-lg-2,
    .foot-nth.col-lg-1 {
        width: 50%;
    }

    .from-group-col {
        gap: 23px;
    }
    /* style2 end */
    .about-author-description {
        padding: 25px 0 0 0;
        max-width: 100%;
    }
    .author-details-col .col-md-4 {
        width: 100%;
    }
    .author-details-col .col-md-8 {
        width: 100%;
    }
    .related-insights-wrap .row.g-4 {
        gap: 23px !important;
        padding-top: 15px;
    }
    .people-banner-content .people-banner-para {
        font-size: 5rem;
    }
    .mega-breadcrumb a,
    .mega-breadcrumb {
        font-size: 2.34rem;
        line-height: normal !important;
        flex-direction: column;
        align-items: flex-start;
    }
    .mega-breadcrumb .mega-breadcrumb-title {
        font-size: 9rem;
    }
    .mega-divider {
        display: none;
    }
    .mega-breadcrumb a,
    .mega-breadcrumb {
        font-size: 5rem;
    }
    /* Today STYLE 2 START */
    .fin-institutions-block {
        padding: 50px 0;
    }
    .fin-instit-top .fin-instit-title {
        padding-bottom: 12px;
    }
    /* .footer-section {
         padding: 60px 0 65px 0;
    }
     */
    .footer-main-logo {
        gap: 20px;
    }
    .footer-row .col-sm-6 {
        margin-top: 50px !important;
    }
    .outcomes-block.related-outc-block.industry-otb {
        padding: 50px 0 0 0;
    }
    .challenge-content-bottom {
        gap: 35px;
    }
    .diff-highlight-row {
        gap: 16px;
    }
    .people-lg-image img {
        height: 420px;
    }
    .frame-column {
        width: 50%;
    }
    /* .nav-links a,
  .nav-links a:hover {
    font-size: 4rem !important;
  } */
    .foot-wth.col-lg-2 {
        width: 50%;
    }
    /* .mega-dropdown-column .cypress-title,
  .navlink-wrapper,
  .mega-dropdown-column .harbor-title,
  .lang-selector,
  .lang-title span,
  .lang-dropdown-list li,
  .nav-links.mobile-open .mega-dropdown-column a.cypress-title,
  .nav-links.mobile-open .mega-dropdown-column a.cypress-title:hover,
  .nav-links.mobile-open .mega-dropdown-column a.harbor-title,
  .nav-links.mobile-open.mega-dropdown-column a.harbor-title:hover {
    font-size: 4rem !important;
  }
  .searcher_input.searcher_active,
  .searcher_input.searcher_active::placeholder {
    font-size: 4rem !important;
  } */
    .searcher_icon svg {
        width: 6.1rem;
        height: 6.1rem;
    }
    .searcher_wrap {
        padding: 12px 21px 12px 21px;
    }
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title,
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title:hover,
    .nav-links.mobile-open .mega-dropdown-column a.harbor-title,
    .nav-links.mobile-open.mega-dropdown-column a.harbor-title:hover {
        font-size: 4rem !important;
    }
    .mega-dropdown-column ul li a,
    .mega-dropdown-column ul li a:hover {
        font-size: 3.45rem !important;
    }
    /* Today STYLE 2 END */
}
@media (max-width: 649px) {
    .mob-search-wrap {
        margin-bottom: 10px;
    }
    .hero-headline {
        font-size: 4.1rem;
        line-height: 130%;
    }
    .vid-common-col h2,
    .com-small-title {
        font-size: 16px;
    }
    .vid-common-col p {
        font-size: 18px;
        line-height: 148%;
    }
    .vid-content-row {
        flex-direction: column;
        gap: 47px;
    }
    .outcomes-block.home-outcomes-block {
    padding: 17px 0 0 0;
}
    .people-banner-content .people-banner-para {
        font-size: 2.338rem;
    }
    .people-info .people-info-title {
        font-size: 3.12rem;
    }
    .g-4.people-grid-gutter {
        --bs-gutter-y: 5.4rem !important;
    }
    .g-4.people-grid-gutter {
        --bs-gutter-x: 1rem !important;
    }
    .g-4.people-grid-gutter .col-12 {
        /* padding-left: 6px !important;
         padding-right: 6px !important;
         */
        width: 100% !important;
    }
    .lang-title span {
        font-size: 2rem !important;
    }
    .searcher_wrap {
        padding: 14px 21px 14px 21px;
    }
    .people-info {
        gap: 5px;
        padding: 22px 0 0 0;
    }
    .footer-main-logo a img {
        width: 155px;
    }
    .searcher_icon svg {
        width: 2.7rem;
        height: 2.7rem;
    }
    .page-vids .page-vids-poster,
    .page-vids video {
        height: 403px;
    }
    .people-intro .people-intro-para {
        font-size: 2.34rem;
    }
    .differentiation-block.approach-block .diffren-content,
    .about-dif .dffren-content-top {
        gap: 39px;
    }
    .outcome-poster img {
        min-height: 203px;
    }
    .end-prof-top p {
        font-size: 1.75rem;
        line-height: 150%;
    }
    .service-banner-content .service-banner-subtext {
        font-size: 2.2em;
        max-width: 100%;
    }
    .service-banner-content .service-banner-title {
        font-size: 3.3rem;
    }
    .searcher_input.searcher_active,
    .searcher_input.searcher_active::placeholder {
        font-size: 2rem !important;
    }
    .filled-block-cypress,
    .filled-block-stone,
    .filled-block-carbon,
    .about-filled-block-carbon {
        padding: 1.6rem;
    }
    .filled-block .filled-para-l {
        font-size: 1.5em;
    }
    .filled-block-stone h3,
    .filled-block-carbon h3 {
        font-size: 2em;
    }
    .dffren-content-top .highligted-main-title {
        font-size: 2.2rem;
    }
    .common-small-title .outcomes-heading {
        font-size: 2rem !important;
        -webkit-line-clamp: 3;
    }
    .ofac-content .ofac-title {
        font-size: 3.1rem;
        max-width: 91%;
    }
    .ofac-home .ofac-content .ofac-title {
        max-width: 89%;
    }
    .banking-spec-top .banking-spec-title {
        font-size: 2em;
    }
    /* .outcome-card .outcome-link a, .outcome-card .vid-common-col a {
         font-size: 12px;
    }
     */
    .outcome-content-title h1 {
        font-size: 3.05rem;
    }
    .outcome-post-contents {
        gap: 36px;
        padding: 38px 0 0 0;
    }
    .outcome-post-banner .outcome-post-contents {
        gap: 30px;
        padding: 36px 0 0 0;
    }
    .outcome-content .out-cont-title {
        font-size: 18px;
    }
    .outcome-post-end {
        padding: 63px 0 0 0;
        position: static;
    }
    .profile-side-wrap {
        flex-direction: column;
        gap: 60px;
    }
    .profile-side-wrap .profile-side-col {
        width: 100%;
    }
    .profile-side-wrap .profile-side-col .profile-side-title {
        font-size: 2.2em;
    }
    .profile-side-wrap .profile-side-col .profile-side-para {
        font-size: 1.75em;
        line-height: 150%;
    }
    .profile-side-wrap .profile-side-col .profile-side-para a {
        font-size: 1.75em;
    }
    .related-insights.sec-insight {
        padding: 40px 0 59px;
    }
    .related-insights-wrap {
        gap: 20px;
    }
    .outcome-post-banner {
        padding: 112px 0 27px 0;
    }
    .footer-address {
        font-size: 14px;
    }
    .industry-banner-wrap,
    .insight-post-wrap {
        gap: 33px;
    }
    .page-vids .page-vids-play-btn,
    .page-vids .page-vids-pause-btn {
        width: 64px;
        height: 64px;
    }

    /* style2 */
    .contact-subtitle {
        font-size: 3em;
        max-width: 100%;
    }
    .contact-description {
        font-size: 2.2em;
        max-width: 100%;
    }
    .contact-heading-cols {
        /* gap: 20px;
         */
    }
    .contact-page {
        padding: 100px 0px 61px 0px;
    }
    .contact-tag-line-col p {
        font-size: 18px;
    }
    .contact-from-title {
        font-size: 2.5rem;
        padding: 20px 0 !important;
    }
    .contact-form-group,
    .from-group-col {
        gap: 15px;
    }
    .verify-call .signal {
        margin-right: 4px;
    }
    .verify-call {
        padding: 11px;
        gap: 12px;
    }
    .highlight-col .highligted-row-title {
        font-size: 2.1rem;
    }
    .hero-content-wrap p {
        font-size: 2.329rem;
    }
    .hero-content-wrap p span {
        display: inline;
    }
    .video-sticky {
        height: 286px;
    }
    #video-section {
        gap: 59px;

        padding: 60px 0 64px;
    }
    .vid-common-col a,
    .outcome-link a,
    .ofac-cta a {
        font-size: 14px;
        padding-bottom: 4px;
    }
    .highlight-col .highligted-row-title,
    .common-small-title .outcomes-heading {
        font-size: 3.1rem !important;
        -webkit-line-clamp: 2;
        max-width: 91%;
    }
    .highlight-col p,
    .highlight-col .highlighted-para {
        font-size: 1.75rem;
        margin: 0 !important;
        max-width: 100%;
    }
    .related-insights.home-news-block {
        padding: 70px 0 22px 0;
    }
    .related-insights .insight-card h6,
    .related-insights .insight-card h4 {
        font-size: 2.34rem;
    }
    .outcome-card {
        padding: 15px 15px 0px 15px;
    }
    .outcome-body {
        padding: 20px 0 0 0;
        gap: 16px;
    }
    .outcome-meta {
        gap: 7px;
    }
    .outcomes-top.common-small-title.column-content {
        gap: 30px;
    }
    .outcomes-content.column-content {
        gap: 20px;
    }
    .outcomes-block.outcome-colsection .outcomes-content.column-content {
        gap: 57px;
    }
    .outcomes-block.related-outc-block.industry-otb .outcomes-content.column-content {
        padding: 0 0 45px 0;
    }
    .people-intro {
        padding: 26px 0 0 0;
        max-width: 100%;
    }
    .people-contact {
        gap: 9px;
        align-items: center;
    }
    .outcome-dics .outcome-disc-title {
        font-size: 24px;
        line-height: 140% !important;
        margin-bottom: 16px !important;
        -webkit-line-clamp: 3;
        max-width: 97%;
    }
    .outcomes-bottom .outcome-link a {
        margin: 0 !important;
    }
    .ofac-block {
         padding: 72px 0 42px;
        margin: 30px 0 0 0;
    }
    .ofac-hero-content {
        gap: 45px;
    }
    .diff-highlight-row {
        padding-bottom: 18px;
    }
    .insights-center-btn a {
        margin: 0 !important;
    }
    .desk-filter-title h2 {
        display: none;
    }
    .filter-drop-row {
        background: var(--stone-light-color);
    }
    .filter-selected {
        display: block;
        cursor: pointer;
        border: none !important;
        text-transform: uppercase;
        white-space: nowrap;
        font-family: "Inter-SemiBold";
        font-size: 16px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--carbon-color);
        width: 100%;
        padding: 9px;
        text-align: center;
    }
    .filter-drop-row .filter {
        justify-content: center;
    }
    .filter-list {
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
        position: absolute;
        width: 100%;
        top: 40px;
        z-index: 10;
        display: block !important;
        transition:
            opacity 0.25s ease,
            transform 1s ease;
    }
    .filter-list li {
        padding: 8px 12px;
        cursor: pointer;
        color: var(--light-inovy-color);
        border-radius: 0px !important;
        transition: background-color 0.2s;
    }
    .filter.open .filter-list {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        background-color: var(--stone-light-color);
        padding-bottom: 10px !important;
    }
    .filter-list li::after {
        left: 9px;
        bottom: 1px;
        width: 97%;
        height: 2px;
    }
    .filter {
        gap: 0px;
    }
    .filter-list a {
        font-family: "Inter-SemiBold";
        font-size: 16px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--carbon-color) !important;
        width: 100%;
        padding: 0px;
        max-width: 100%;
        text-align: center;
    }
    .filter-list a::after {
        display: none;
    }
    .proples-grid-wrap {
        gap: 58px;
    }
    .bio-banner-wrap {
        gap: 20px;
    }
    .people-lg-image img {
        height: 329px;
    }
    .industry-banner .people-lg-image img {
        min-height: 241px;
    }
    .mega-breadcrumb .mega-breadcrumb-title {
        font-size: 4.1rem;
        letter-spacing: normal;
    }
    .mega-breadcrumb a,
    .mega-breadcrumb {
        font-size: 2.34rem;
    }
    .people-details-section {
        padding: 45px 0 25px 0;
    }
    .case-box {
        gap: 14px;
    }
    .case-box-wrap {
        padding: 24px 0 0 0;
    }
    /* style2 end */
    /* Today STYLE 2 START */
    .service-banner-content .service-banner-title {
        font-size: 4.1rem;
    }
    .service-banner-block.industry-banner .service-banner-content .service-banner-title {
        max-width: 97%;
    }
    .service-banner-content .service-banner-subtext {
        font-size: 2.329rem;
        max-width: 100%;
    }
    .people-intro .people-intro-para {
        font-size: 2.329rem;
    }
    .banking-spec-top .banking-spec-title {
        font-size: 3.2em;
    }
    .banking-spec-bottom .banking-spec-para {
        font-size: 16px;
        -webkit-line-clamp: 18;
    }
    .spec-cta-row .outcome-link a {
        font-size: 14px;
    }
    .spec-cta-row {
        flex-direction: column;
    }
    .fin-instit-top .fin-instit-title {
        font-size: 3.2em;
    }
    .fin-instit-col h4 {
        font-size: 24px;
    }
    .fin-instit-col p {
        font-size: 18px;
        line-height: 150%;
    }
    .footer-links-list a {
        font-size: 14px;
    }
    .footer-links-page-list a {
        font-size: 16px;
    }
	.footer-links-page-list .titile-in {
        font-size: 16px;
    }
    .filled-block-stone h3,
    .filled-block-carbon h3,
    .about-filled-block-carbon h3 {
        font-size: 2.71rem;
    }
    .filled-block .filled-para-l {
        font-size: 1.8em;
    }
    .highligted-row-titlesmall {
        font-size: 3.2em;
        margin-bottom: 3px !important;
    }
    .approach-block {
        padding: 70px 0 0 0;
    }
    .diffren-content-bottom {
        gap: 46px;
    }
    .approach-block .diff-highlight-row {
        padding-bottom: 19px;
    }
    .outcome-colsection .outcomes-content .outcomes-row {
        gap: 5px;
    }
    .site-breadcrumb {
        display: inline-block;
    }
    .bread-divide {
        margin: 0 3px 0 7px;
    }
    .outcome-post-start {
        padding: 12px 0 0 0;
    }
    .service-banner-content {
        gap: 14px;
    }
    .insights-post .insights-post-contents {
        gap: 14px;
    }
    .challenge-block {
        padding: 40px 0 0 0;
    }
    .industry-banner-wrap .people-intro {
        padding: 40px 0 0 0;
    }
    .industry-banner-wrap .people-into-top {
        gap: 21px;
    }
    .banking-spec-block {
        padding: 52px 0 55px 0;
    }
    .banking-spec-wrap {
        gap: 22px;
    }
    .spec-cta-row {
        padding: 29px 0 0 0;
        gap: 39px;
    }
    .fin-institutions-block {
        padding: 30px 0;
        max-width: 91%;
        margin: 0 auto;
    }
    .fin-instit-bottom .row {
        --bs-gutter-y: 0;
        gap: 27px;
    }
    .fin-instit-wrap {
        gap: 7px;
    }
    .fin-instit-col {
        gap: 7px;
    }
    /* Today STYLE 2 END */

    .nav-links a,
    .nav-links a:hover {
        font-size: 3.11rem !important;
    }

    .mega-dropdown-column .cypress-title,
    .navlink-wrapper,
    .mega-dropdown-column .harbor-title {
        font-size: 3.11rem !important;
        width: 100%;
    }

    .lang-selector,
    .lang-dropdown-list li,
    .lang-title span {
        font-size: 1.75rem !important;
    }
    .out-meta-title {
        font-size: 14px;
    }
    /* 
.lang-dropdown-list li {
         font-size: 3.11rem !important;

     } */

    .nav-links.mobile-open .mega-dropdown-column a.cypress-title,
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title,
    .nav-links.mobile-open .mega-dropdown-column a.cypress-title:hover,
    .nav-links.mobile-open .mega-dropdown-column a.harbor-title,
    .nav-links.mobile-open .mega-dropdown-column a.harbor-title:hover {
        font-size: 2.34rem !important;
    }
    .outcome-meta {
        gap: 3px;
    }
    .mega-dropdown-column ul li a,
    .mega-dropdown-column ul li a:hover {
        font-size: 1.56rem !important;
    }
}
@media (max-width: 576px) {
    .navbar-brand svg,
    .navbar-brand img,
    .navbar.scrolled .navbar-brand svg,
    .navbar.scrolled .navbar-brand img {
        width: 188px;
    }

    .ofac-content .ofac-subtext {
        font-size: 17px;
        line-height: 135%;
    }
    .foot-nth.col-lg-2,
    .half-wth.col-12,
    .foot-nth.col-lg-1,
    .foot-wth.col-lg-2 {
        width: 50%;
    }
    .frame-column {
        width: 49%;
        margin-bottom: 43px;
    }
    button.verify-call {
        position: static;
    }
    .sub-form-btn {
        margin-top: 25px !important;
    }
    .mob-search-wrap {
        right: 68px;
        margin-bottom: 7px;
    }
    /* Today STYLE 2 START */
    .foot-nth.col-lg-2,
    .half-wth.col-12,
    .foot-wth.col-lg-2 {
        width: 50%;
    }
    .foot-nth.col-lg-1 {
        width: 100%;
        text-align: center;
    }
    .footer-bottom-row {
        padding-top: 29px;
    }
    .footer-bottom-row {
        gap: 29px;
    }
    .footer-bottom-row {
        flex-direction: column-reverse;
        align-items: center;
        padding-top: 40px;
    }

    .outcome-img img {
        height: 275px;
    }

    .page-vids .page-vids-poster,
    .page-vids video {
        height: 303px;
    }
}
/* Today STYLE 2 END*/
@media (max-width: 480px) {
    .socail-contact-app {
        justify-content: center;
    }
    .footer-links-page-list {
        gap: 16px;
    }
    .frame-column {
        gap: 7px;
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .frame-links-col a {
        font-size: 13px;
    }
    .half-wth.col-12 {
        width: 100%;
    }
    .sub-form-btn {
        margin: 0 0 8px 0;
    }
    .outcome-img img {
        height: 185px;
    }
    button.verify-call {
        position: static;
    }
    .from-end-row .col-12 {
        display: flex;
        align-items: center;
        gap: 24px;
    }
    [dir="rtl"] .footer-bottom-row {
        flex-direction: column;
    }
    /* Today STYLE 2 START */
    .half-wth.col-12,
    .foot-wth.col-lg-2 {
        width: 100%;
    }

    /* Today STYLE 2 END */
}
@media (max-width: 420px) {
    .mob-search-wrap {
        right: 60px;
        margin-bottom: 7px;
    }
    .searcher_input::placeholder {
        font-size: 12px;
    }

    .page-vids .page-vids-poster,
    .page-vids video {
        height: 235px;
    }
}
/* ============================================================
   LANGUAGE SWITCHER — native names
   Append to the END of assets/css/style.css
   (must come after .nav-links a and .lang-selector to win)
   ============================================================ */

/* The uppercase comes from `.nav-links a` and `.lang-selector`.
   These selectors are more specific, so no !important needed. */
.lang-dropdown-list li a,
.lang-selector .selected-lang {
    text-transform: none;
}

/* Arabic script fallback — the Inter subsets carry no Arabic glyphs,
   so without this the browser picks whatever it likes. */
.lang-dropdown-list li a[lang="ar"],
.lang-selector .selected-lang[lang="ar"] {
    font-family: "Noto Sans Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;
    font-size: 1.15em;
    line-height: 1.6;
    direction: rtl;
    unicode-bidi: isolate;
    display: inline-block;
}

/* Cyrillic sits slightly small against Latin at the same size */
.lang-dropdown-list li a[lang="ru"] {
    font-size: 1.02em;
}


/* ------------------------------------------------------------
   ALTERNATIVE — keep the uppercase nav rhythm on Latin only.
   Uncomment this block and delete the first rule above.
   Leaves Русский and العربية in their correct case.
   ------------------------------------------------------------ */
/*
.lang-dropdown-list li a,
.lang-selector .selected-lang {
    text-transform: none;
}

.lang-dropdown-list li a[lang="en"],
.lang-dropdown-list li a[lang="es"],
.lang-selector .selected-lang[lang="en"],
.lang-selector .selected-lang[lang="es"] {
    text-transform: uppercase;
}
*/

.lang-dropdown-list li.active a {
    color: var(--mari-gold-color);
}

.lang-dropdown-list li a:focus-visible {
    outline: 2px solid var(--mari-gold-color);
    outline-offset: 3px;
}
/* ------------------------------------------------------------
   SERVICE / INDUSTRY separator
   Append to the END of assets/css/style.css

   .comma had no rule anywhere, so it inherited
   .outcome-mera-row's --stone-light-color and rendered
   near-invisible on the light background.
   ------------------------------------------------------------ */

.outcome-mera-row .comma {
    color: var(--carbon-color);
    padding: 0;
    margin: 0 2px 0 0;
    letter-spacing: 0;
}
/* ------------------------------------------------------------
   MOBILE NAV FIXES
   Append to the END of assets/css/style.css

   1. Mega menu column headings (SERVICES / INDUSTRIES) were
      rendering at 5rem because the existing rules target
      a.cypress-title while the markup uses <span class="...">.
      Those rules never matched, so the generic 5rem won.

   2. The language list sat larger than the "English" trigger
      above it, because .nav-links a carries its own !important
      font-size that beat .lang-dropdown-list li.
   ------------------------------------------------------------ */

@media (max-width: 991px) {

    /* column headings: smaller than the nav links, centred */
    .nav-links .mega-dropdown-column .cypress-title,
    .nav-links .mega-dropdown-column .harbor-title {
        font-size: 3.2rem !important;
        text-align: center;
        display: block;
        width: 100%;
    }

    /* language list matches .lang-selector above it */
    .nav-links .lang-dropdown-list li a {
        font-size: 3rem !important;
    }
}

@media (max-width: 649px) {

    .nav-links .mega-dropdown-column .cypress-title,
    .nav-links .mega-dropdown-column .harbor-title {
        font-size: 2.34rem !important;
    }

    .nav-links .lang-dropdown-list li a {
        font-size: 1.75rem !important;
    }
}

/* ------------------------------------------------------------
   RELATED SERVICES ROW  (.spec-cta-row)
   Append to the END of assets/css/style.css

   Was: each item capped at 34.33% and each anchor at 330px,
   with white-space:nowrap and overflow:hidden. Titles longer
   than the cap were clipped mid-word and ran into each other.
   Fine in English, broke in Spanish, Russian and Arabic.

   Now: each item is as wide as its own text, they sit side by
   side, and any that don't fit drop to the next line.
   ------------------------------------------------------------ */

.spec-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 44px;
}

/* item width follows its content instead of a fixed fraction.
   padding is left alone so the 30px top gap under the heading
   is preserved. */
.spec-cta-row .outcome-link {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

/* stop the clipping */
.spec-cta-row .outcome-link a {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
    display: inline-flex;
}

/* the old rule centred the second item, which fights a flex row */
.spec-cta-row .outcome-link:nth-child(2) a {
    margin: 0 !important;
}

@media (min-width: 991px) {
    .spec-cta-row .outcome-link:nth-child(2) {
        text-align: left !important;
    }
}

/* narrow screens: stack, and let a long title wrap rather than
   push the page sideways */
@media (max-width: 649px) {
    .spec-cta-row {
        flex-direction: column;
        gap: 0;
    }

    .spec-cta-row .outcome-link a {
        white-space: normal;
    }
}
/* ------------------------------------------------------------
   STOP HEADINGS AND LEDE COPY TRUNCATING
   Append to the END of assets/css/style.css
   (replaces the earlier .fin-instit-col block — delete that one)

   The theme clamps 60 elements with -webkit-line-clamp. English
   mostly fit inside those limits. Spanish, Russian and Arabic
   run 20-30% longer, so headings and intro copy started getting
   cut mid-sentence.

   Rule applied: anything a visitor reads to understand what the
   page is about never truncates. A cut heading changes the
   meaning rather than shortening it. Long body copy inside a
   fixed-height card is a fair use of clamping and is left alone.
   ------------------------------------------------------------ */

/* ---------- headings and lede copy: never truncate ---------- */
.common-small-title .outcomes-heading,
.common-small-title h2,
.highlight-col .highligted-row-title,
.highligted-row-titlesmall,
.dffren-content-top .highligted-main-title,
.contact-from-title,
.contact-item-title,
.contact-subtitle,
.contact-description,
.contact-tag-line-col p,
.outcome-content .out-cont-title,
.outcome-content-title h1,
.outcome-dics .outcome-disc-title,
.people-info .people-info-title,
.people-info .people-info-subtitle,
.people-banner-content .people-banner-para,
.people-intro .people-intro-para,
.banking-spec-top .banking-spec-title,
.banking-spec-bottom .banking-spec-para,
.service-banner-title,
.service-banner-content .service-banner-subtext,
.about-frame-subtitle h4,
.about-author-section p,
.about-author-section .author-name,
.about-author-section .author-name a,
.author-profession,
.case-box h4,
.case-box p,
.fin-instit-col h4,
.fin-instit-col p,
.filled-block-stone h3,
.filled-block-carbon h3,
.about-filled-block-carbon h3,
.filled-block .filled-para-l,
.filled-para-s,
.filled-para-m,
.hero-content-wrap p,
.headline-line,
.vid-common-col h2,
.vid-common-col p,
.ofac-content .ofac-title,
.ofac-content .ofac-subtext,
.related-insights .insight-card h2,
.related-insights .insight-card h4,
.related-insights .insight-card h6,
.related-insights .insight-card p,
.footer-main-logo p,
.end-prof-top p,
.highlighted-para-approach,
.prof-adm-col li {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: clip;
}

/* .outcomes-heading also carried width:fit-content, which stops
   it wrapping at the container edge */
.common-small-title .outcomes-heading {
    width: auto;
    max-width: 100%;
}

/* the small eyebrow above it had a hard 500px cap plus nowrap */
.common-small-title h2 {
    max-width: 100%;
    white-space: normal;
}

/* SERVICE / INDUSTRY meta labels: wrap rather than clip */
.out-meta-title {
    display: inline;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: clip;
}

.out-meta-title.first-child {
    max-width: none !important;
}

/* headline-line is animated by GSAP; keep the overflow clip on
   its wrapper so the reveal still works */
.line-wrap {
    overflow: hidden;
}

/* .headline-line sets display:-webkit-box with !important, so it
   needs !important here to be overridden. Its wrapper keeps the
   overflow clip that the GSAP reveal relies on. */
.headline-line {
    display: block !important;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: clip;
}
/* ------------------------------------------------------------
   INSIGHT CARD DATE
   Append to the END of assets/css/style.css

   .date-line already exists (single.php uses it), so this just
   handles spacing inside the card. .insight-content already
   carries 30px top padding, so the date only needs a small gap
   above it.
   ------------------------------------------------------------ */

.insight-card .date-line {
    padding: 18px 0 0 0;
}

@media (max-width: 991px) {
    .insight-card .date-line {
        padding: 12px 0 0 0;
    }
}
/* ------------------------------------------------------------
   NAVBAR TRANSITION - MOBILE
   Append to the END of assets/css/style.css

   Companion to the threshold change in script.js.

   The threshold controls WHEN the bar goes solid. This controls
   HOW LONG the fade takes. They are independent, which is why
   the bar can fire early and still fade smoothly.

   Desktop already runs 0.4s from the base .navbar rule and is
   left alone. Mobile is set slightly longer here at 0.5s. Nobody
   experiences both at once, so the difference is invisible.

   If a flash of overlap ever shows on a slow scroll, lower the
   threshold in script.js rather than shortening this. Cutting
   the duration is what made it read as a hard jump instead of
   a fade.
   ------------------------------------------------------------ */

@media (max-width: 991px) {
    .navbar {
        transition:
            background-color 0.5s ease,
            backdrop-filter 0.5s ease,
            -webkit-backdrop-filter 0.5s ease,
            padding 0.5s ease;
    }
}
@media (max-width: 576px) {
    .footer-copyright-text a {
        text-align: center;
    }
}
/* ------------------------------------------------------------
   RTL TEXT DIRECTION - SITEWIDE FIX
   Append to the END of assets/css/style.css

   THE PROBLEM

   An existing block in this stylesheet forces direction:ltr on
   every paragraph and heading in Arabic:

       [dir="rtl"] p,
       [dir="rtl"] h2,
       [dir="rtl"] h3,
       [dir="rtl"] h4,
       [dir="rtl"] h5 { direction: ltr; }

   That tells the browser the line STARTS at the left edge. The
   Arabic words still render right-to-left because the characters
   themselves are strongly RTL, so the text looks fine at a
   glance. But punctuation is bidi-NEUTRAL. Periods, commas,
   semicolons, colons, parentheses and question marks have no
   direction of their own, so they resolve against whatever the
   base direction says. With the base wrongly set to LTR, they
   jump to the opposite end of the line.

   That is why the homepage intro shows its semicolon stranded at
   the start, and why sentences elsewhere show a period on the
   wrong side.

   WHY THE ORIGINAL RULE EXISTS

   Almost certainly to stop Latin strings like OFAC and SDN from
   scrambling inside Arabic sentences. That was never necessary.
   The Unicode bidi algorithm already handles embedded LTR runs
   correctly when the base direction is right. Forcing LTR fixed
   a problem that did not exist and created a real one.

   THE FIX

   Restore the correct base direction. Latin terms keep rendering
   left-to-right on their own.

   HOW TO APPLY

   Preferred: delete p, h2, h3, h4 and h5 from that original
   selector list, leaving the specific classes that genuinely
   need LTR (ofac-title, contact-subtitle, hero-headline).

   If editing the original block is not practical, this file
   overrides it. Every selector here is more specific than a bare
   element selector, so no !important is required.
   ------------------------------------------------------------ */

/* ---------- base restoration ---------- */

[dir="rtl"] body p,
[dir="rtl"] body h2,
[dir="rtl"] body h3,
[dir="rtl"] body h4,
[dir="rtl"] body h5,
[dir="rtl"] body h6,
[dir="rtl"] body li,
[dir="rtl"] body td,
[dir="rtl"] body th {
    direction: rtl;
    text-align: right;
}


/* ---------- centred content keeps its alignment ---------- */

[dir="rtl"] .contact-item-title,
[dir="rtl"] .ofac-content .ofac-subtext,
[dir="rtl"] .ofac-hero-content p,
[dir="rtl"] .contact-from-title,
[dir="rtl"] .fin-instit-top .fin-instit-title,
[dir="rtl"] .contact-info p,
[dir="rtl"] .footer-copyright-text,
[dir="rtl"] .outcomes-bottom .outcome-link,
[dir="rtl"] .insights-center-btn {
    text-align: center;
}


/* ---------- LTR strings that must stay LTR ----------

   These are display type where the line is dominated by Latin
   characters or where the design intends a left-to-right lockup.
   They were in the original block and are kept deliberately.
   Note these set direction only, not text-align, so the RTL
   column alignment still applies.                                */


[dir="rtl"] .hero-headline,
[dir="rtl"] .ofac-content .ofac-title,
[dir="rtl"] .contact-subtitle {
    direction: rtl;
    unicode-bidi: isolate;
}
[dir="rtl"] .ofac-content .ofac-subtext,
[dir="rtl"] .ofac-hero-content p {
    direction: rtl;
    unicode-bidi: isolate;
    text-align: center;
}
[dir="rtl"] .footer-address {
    direction: ltr;
    unicode-bidi: isolate;
    display: block;
}
[dir="rtl"] .contact-item-info {
    direction: ltr;
    unicode-bidi: isolate;
    display: block;
}
[dir="rtl"] .people-anchors {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}


/* ---------- isolate mixed Latin-in-Arabic runs ----------

   isolate tells the bidi algorithm to treat the element as a
   self-contained run so surrounding text cannot reorder its
   punctuation. Cheap insurance on the places where a Latin term,
   a phone number or a date sits inside Arabic copy.              */

[dir="rtl"] .footer-phone,
[dir="rtl"] .footer-address,
[dir="rtl"] .contact-item-info,
[dir="rtl"] .date-line,
[dir="rtl"] .out-meta-title,
[dir="rtl"] .site-breadcrumb,
[dir="rtl"] .mega-breadcrumb {
    unicode-bidi: isolate;
}

/* the phone number additionally needs an LTR run of its own so
   the leading + is not pulled to the far end */
[dir="rtl"] .footer-phone {
    direction: ltr;
    display: inline-block;
}


/* ---------- form fields ---------- */

[dir="rtl"] .form-group input,
[dir="rtl"] textarea,
[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder {
    direction: rtl;
    text-align: right;
}
.outcome-content-body p {
    margin: 0 0 16px 0 !important;
}

.outcome-content-body p:last-child {
    margin-bottom: 0 !important;
}