@media only screen and (min-width: 1500px) {
    .container {
        max-width: 1400px;
    }

    .gd-map iframe {
        padding-left: 20px;
    }

    :root {
        --hero-container-max: 1350px;
    }
}

@media only screen and (min-width: 1920px) {
    .ej-wrapper {
        padding-bottom: 0;
    }

    .ej-sticky {
        align-items: center;
        justify-content: center;
    }

    .pf-hero.banner.group .hero-gradient {
        position: relative;
        display: block;
        width: 100%;
        height: 317px;
        background: linear-gradient(180deg, rgb(21 43 175 / 0%) 0%, #10122B 84.32%);
        z-index: 9;
    }

    .navwrap {
        margin: -89px auto 0 auto;
    }

    .jr-normal {
        padding: 0 0 80px;
    }

    .phone-selector {
        margin-left: 260px;
    }

    .gd-map iframe {
        padding-left: 20px;
    }

    section.pf-hero.markets:before {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        /* transform: rotate(47.255deg); */
        top: 0;
        left: 0;
        /* background: linear-gradient(180deg, rgba(21, 24, 42, 0.00) 37%, #10122b73 84.32%); */
        background: linear-gradient(180deg, rgba(21, 24, 42, 0.00) 37%, #10122B 84.32%);
    }

}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

@media only screen and (max-width: 1366px) {
    .ej-rail-item {
        margin-bottom: 28px;
    }

    .ej-body {
        margin-top: -360px;
    }

    .ej-image-wrap img {
        height: 67%;
        width: 60%;
    }

    .ej-image-wrap {
        margin-left: 150px;
    }

    .ej-image-wrap {
        margin-top: 94px;
    }

    .ej-percent {
        font-size: 95px;
        line-height: 127px;
    }

    .ej-title {
        line-height: 24px;
        margin: -74px 0 0 0;
    }

    .ej-title .l1 {
        line-height: 65px;
    }

    .ej-title .l2 {
        font-size: 46px;
        line-height: 74px;
    }

    .pf-content {
        padding-top: 100px;
    }

    .em-check-item {
        width: 285px;
    }

    .em-heading {
        font-size: 52px;
    }

    section.pf-hero.banner.contact {
        height: 500px;
    }

    .navwrap {
        max-width: 1280px;
    }

    section.pf-hero.banner.group {
        height: 900px;
    }

    h2.scroll-title {
        max-width: 610px;
    }

    h2.scroll-title,
    .scroll-title span.accent {
        font-size: 38px;
        line-height: 52px;
    }

    .aam-panel-content p.aam-desc {
        font-size: 19px;
        line-height: 30px;
    }

    .aam-panel-content {
        margin-top: 217px;
    }

    .ej-sticky {
        padding: 7rem 0 2rem;
    }

    .phone-selector {
        margin-left: 140px;
    }

    .jr-heading {
        padding-top: 37px;
    }

    .jr-timeline {
        padding-top: 0;
    }

    .jr-track {
        top: calc(2.5rem + 130px);
    }

    section.pf-hero.banner.markets {
        height: 920px;
    }

    .tm-subtitle {
        max-width: 536.742px;
    }

    .cm-quote {
        left: 36%;
    }

    .cm-quote-text {
        font-size: 34px;
        line-height: 56px;
        width: 491px;
        left: 104px;
    }

    .cm-text {
        max-width: 97%;
    }

    .team-section {
        padding-top: 215px;
    }

    .g-title img {
        top: 65px;
    }

    .page-template-page-platformt section.pc-section {
        padding: 0px 0 150px 0;
    }

}

@media only screen and (max-width: 1280px) {
    .pf-hero {
        padding: 0 15px 165px 15px;
    }

    .phone-selector {
        margin-left: 120px;
    }

    .pf-content {
        padding-top: 140px;
    }

    .mapcol1 {
        width: 400px;
    }

    :root {
        --hero-container-max: 1215px;
    }

    .gulf-section {
        padding: 150px 15px 100px 15px;
    }

    .gulf-heading {
        font-size: 46px;
        line-height: 60px;
    }

    .eg-problem-card {
        left: -400px;
    }

    .eg-solution-col {
        left: 3px;
    }

    .ej-percent-rail {
        margin-top: -75px;
    }

    .ej-image-wrap img {
        height: 68%;
        width: 90%;
    }

    .ej-image-wrap {
        margin-left: 0;
    }

    .ej-title .l1 {
        line-height: 23px;
        font-size: 28px;
    }

    .ej-stage-title {
        font-size: 53px;
    }

    .ej-panel {
        padding: 0.25rem 50px;
        height: 92%;
        margin-top: 37px;
    }

    .ej-wrapper {
        padding: 0 15px;
    }

    .ind-section {
        padding: 100px 15px 120px 15px;
    }

    .wa-section {
        padding: 110px 15px;
    }

    .ac-section {
        padding: 115px 15px 70px 15px;
    }

    .site-footer {
        padding: 4rem 15px 0;
    }

    .jr-normal {
        padding: 5rem 15px;
    }

    .page-template-page-platformt section.pc-section {
        padding: 0px 0 100px 0;
    }

    .mk-section {
        padding: 5rem 15px;
    }

    .tm-section {
        padding: 0 15px 100px;
    }

    .tm-title {
        font-size: 55px;
    }




}

@media only screen and (max-width: 1200px) {

    .logo img {
        max-width: 80%;
        transition: 0.5s;
    }

    .menu ul {
        margin-top: 24px;
    }

    .hero-eyebrow {
        font-size: 40px;
    }

    .wa-content-col {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 1rem;
        left: 22px;
    }

    .hero-title {
        font-size: 70px;
    }

    .wa-stats-panel {
        position: absolute;
        left: 1.5rem;
        bottom: 128px;
        width: 100%;
        max-width: 78%;
        z-index: 2;
        box-shadow: 0 20px 45px rgba(0, 0, 0, .45);
    }

    .wa-stats-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 1.25rem;
        column-gap: 1rem;
    }

    .menu>ul>li>a {
        font-size: 14px;
    }

    .menu>ul>li {
        margin: 0 16px;
    }

    a.logo {
        margin-right: 0;
    }

    .phone-selector {
        margin-left: 28px;
    }

    .phone-number {
        font-size: 12px;
    }

    .gulf-heading {
        font-size: 38px;
        line-height: 60px;
    }

    .stat-card .stat-title {
        font-size: 21px;
        line-height: 36px;
    }

    .gulf-section {
        padding: 80px 15px;
    }

    .eg-section {
        padding: 110px 0 223px 0;
    }

    .eg-heading {
        font-size: 40px;
        margin-right: 26px;
    }

    .eg-quote,
    .eg-solution-card .eg-card-title {
        font-size: 30px;
        line-height: 51px;
        margin-bottom: 25px;
    }

    .eg-problem-card .eg-list li,
    .eg-list li {
        font-size: 21px;
        line-height: 40px;
    }

    .eg-problem-card {
        left: -404px;
    }

    .eg-vertical-label {
        top: 105px;
        right: -40px;
        font-size: 35px;
        line-height: 36px;
    }

    .eg-solution-col {
        left: -8px;
    }

    .ej-image-wrap img {
        height: 75%;
        width: 74%;
    }

    :root {
        --hero-container-max: 980px;
    }

    .ej-rail {
        top: 63px;
    }

    .ej-sub-panel-wrap {
        flex-direction: column;
    }

    .ej-sub-panel2 {
        margin-left: 0;
    }

    .ej-sticky {
        padding: 145px 0 0 0;
    }

    .ej-stage-title {
        font-size: 45px;
    }

    .flip-front h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .flip-card.is-flipped .flip-inner {
        transform: rotateY(180deg);
    }

    .flip-back h3 {
        font-size: 30px;
        line-height: 34px;
    }


    .flip-back ul li {
        font-size: 17px;
    }

    .flip-front .plus {
        font-size: 75px;
        margin-bottom: 0;
        line-height: 117px;
    }

    .op-section {
        padding: 75px 0 86px 0;
    }

    .flip-back {
        justify-content: center;
    }

    .wa-heading {
        font-size: 50px;
        line-height: 75px;
        width: 620px;
    }

    .wa-section {
        padding: 110px 0 255px 0;
    }


    .wa-stat {
        width: 100%;
    }

    .ind-card-title {
        font-size: 28px;
        line-height: 40px;
    }

    .ac-info-value a {
        font-size: 22px;
    }

    .ac-social a {
        width: 60px;
        height: 60px;
    }

    .ac-sub {
        max-width: 100%;
        margin: 0 auto 40px;
    }

    .ft-links a {
        font-size: 14px;
    }

    .phone-selector {
        margin-left: 30px;
    }

    .pf-title {
        font-size: 52px;
    }

    .pf-hero.banner:after {
        width: 300px;
        height: 400px;
        /* transform: rotate(47.255deg); */
        top: -98px;
        right: 0;
        background-size: cover;
    }

    .pf-hero {
        height: 635px;
    }

    .pc-section {
        padding: 80px 0 110px 0;
    }

    .jr-sub {
        margin: 0 auto 0;
    }

    .jr-normal-title {
        font-size: 44px;
    }

    .jr-normal {
        padding: 0 0 81px 0;
    }

    .pf-hero {
        height: auto;
        padding-bottom: 50px;
    }

    section.pf-hero.banner.platform {
        padding-bottom: 70px;
    }


    .tm-title {
        margin-bottom: 24px;
        font-size: 44px;
        line-height: 72px;
    }

    .tm-subtitle {
        font-size: 28px;
    }


    .mk-card {
        width: 100%;
    }

    .ec-title {
        font-size: 49px;
    }

    .ec-card-title {
        font-size: 27px;
    }

    .tabwrap {
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
        flex-direction: column;
    }

    .em-align-label {
        margin-bottom: 20px;
    }

    .em-heading {
        font-size: 40px;
        line-height: 65px;
    }

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

    .em-check-item {
        width: auto;
    }

    .ec-card-image {
        height: auto;
        object-position: 49px;
    }

    .li-grid {
        max-width: 100%;
        display: flex;
        flex-direction: column-reverse;
        grid-template-columns: 1fr;
    }

    .li-eyebrow-block {
        max-width: 100%;
        padding: 0 15px;
    }

    .jr-normal-image img {
        width: 100% !important;
        height: 100%;
    }

    .li-section {
        padding: 18px 0 0;
    }

    .ct-col-right {
        overflow: hidden;
    }

    .ct-col-right:after {
        width: 191px;
        height: 232px;
        top: -47px;
        right: 0;
        background-size: cover;
    }

    .mapcol1 {
        width: 320px;
        margin-top: 30px;
    }

    .gd-heading {
        font-size: 35px;
        line-height: 44px;
    }

    .gd-section {
        display: flex;
        width: 100%;
        align-items: stretch;
        padding: 80px 0 110px 0;
    }

    .pf-content {
        padding-top: 150px;
        padding-left: 15px;
    }

    .ct-title {
        margin: 0 0 30px 0;
        font-size: 38px;
        line-height: 72px;
    }

    .aam-panel-media {
        flex: 0 0 50%;
    }

    .aam-companies-nav {
        max-width: 60%;
    }

    section.pf-hero.banner.group {
        height: auto;
        padding-bottom: 80px;
    }

    .pf-hero.banner.group .hero-gradient {
        height: 65px;
    }

    h2.eco-title {
        margin-bottom: 50px;
    }

    h2.scroll-title,
    .scroll-title span.accent {
        font-size: 38px;
        line-height: 56px;
        max-width: 50%;
    }

    .g-title img {
        width: 118px;
        left: 84%;
        max-width: 100%;
    }

    .cap-card-title {
        font-size: 25px;
        line-height: 42px;
    }

    .reg-tabs {
        top: -52px;
    }

    .reg-tab {

        line-height: 40px;
    }


    .reg-vertical-label span {
        font-size: 25px;
    }

    .ae-heading,
    .ae-eyebrow {
        font-size: 46px;
        line-height: 76px;
    }

    .vm-text-vision {
        padding-left: 0;
    }

    .vm-text.vm-text-mission {
        width: 100%;
    }

    .hist-year-slide.slick-slide.slick-current.slick-active.slick-center {

        font-size: 80px;
    }

    .cm-heading {
        font-size: 50px;
        line-height: 74px;
    }

    .cm-quote {
        left: 36%;
        bottom: -198px;
        height: 520px;
        width: 706px;
    }

    .cm-quote-text {
        font-size: 23px;
        line-height: 43px;
        width: 76%;
        height: auto;
        left: 80px;
        margin-top: 46px;
    }

    .cm-quote-mark img {
        max-width: 100%;
    }

    .cm-quote-mark {
        top: -34px;
        right: 78px;
        font-size: 96px;
        width: 100px;
    }

    .cm-media img {
        left: 0;
        max-width: 100%;
    }

    .cm-media {
        /* min-height: 480px; */
        padding: 50px 0;
    }

    .team-section {
        padding-top: 144px;
        padding-bottom: 60px;
    }

    .diff-content {
        max-width: 90%;
    }

    .diff-section {
        padding: 20px 0;
    }

    .la-title {
        font-size: 30px;
        line-height: 49px;
        margin-bottom: 15px;
    }

    .la-para {

        font-size: 18px;
        line-height: 37px;
        width: 100%;
    }

    .la-eyebrow {
        font-size: 27px;
        line-height: 38px;
    }

    .la-text {
        margin-left: 0;
    }


    .ac-section {
        overflow: hidden;
    }

    .ac-section .container:before {
        right: 0;
        background-size: cover;
    }

    .contents-block-wrap:before {
        right: 0;
    }

    .ej-image-wrap {
        margin-left: -33px;
    }

    .jr-normal-image {
        width: 100%;
    }

    .jr-heading {
        padding-top: 0;
    }

    .ac-follow-label {
        margin-top: 35px;
    }

    section.pf-hero.banner.markets {
        height: 850px;
    }

    .mk-title {
        font-size: 43px;
    }

    .mk-panels {
        margin-top: -90px;
    }

    .sc-header-desc {
        font-size: 19px;
        line-height: 30px;
    }

    .sc-accordion {
        position: relative;
        display: block;
        padding: 0 15px;
    }

    .tm-subtitle {
        max-width: 100%;
        /* text-align: center; */
    }

    .tm-body {
        padding: 0 15px;
    }

    .mk-panels {
        margin-top: 0;
    }

    .cm-quote {
        left: 36%;
        width: 645px;
    }

    .tm-section.ecosystem .g-5,
    .tm-section.ecosystem .gx-5 {
        --bs-gutter-x: 0 !important;
    }

    .team-name {
        font-size: 23px;
    }

    .cm-inner {
        grid-template-columns: 1fr;
    }

    .hist-year-nav::before,
    .hist-year-nav::after {
        display: none;
    }

    .hist-title {
        font-size: 45px;
    }

    .ct-contact-value {
        font-size: 28px;
    }

    .get-touch h5 {
        font-size: 17px;
        margin-right: 3px;
        margin-bottom: 0;
    }

    section.pf-hero.banner.contact {
        height: 525px;
    }

    .gd-body {
        font-size: 20px;
    }

    .ej-panel {
        height: 100%;
        margin-top: 78px;
    }

    .ej-percent-rail {
        margin-top: -68px;
    }

    .ej-panel {
        margin-top: 85px;
    }

    .ej-stage-desc {
        font-size: 21px;
    }

    .ec-section {
        padding: 60px 15px;
    }

    .em-section {
        padding: 10px 0 46px;
        margin: 0 auto;
    }

    .ir-js .ir-reveal img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 30px;
    }

    .li-visual {
        border-radius: .9rem;
        height: 475px;
    }

    .em-image img,
    .li-visual img {
        max-width: 97%;
        margin: 0 auto;
        height: 464px !important;
    }

    .li-heading {
        font-size: 45px;
        margin: 21px 0 29px;
        font-family: var(--Lato);
    }

    .em-image {
        box-shadow: unset;
    }



}


@media only screen and (max-width: 992px) {
    .pf-hero {
        margin-top: 70px;
    }

    .mobilemenu {
        display: block;
    }

    .wa-section {
        padding: 3.5rem 0;
    }

    .wa-image-col {
        margin-bottom: 1.75rem;
    }

    .wa-image-wrap {
        aspect-ratio: 16/11;
    }

    .phone-selector {
        margin-left: 195px;
    }

    .wa-stats-panel {
        margin-top: 1.5rem;
        max-width: 93%;
        left: 50%;
        margin: auto 0 auto;
        transform: translateX(-50%);
        bottom: -186px;
    }

    .wa-stats-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 1.5rem;
        column-gap: 1rem;
    }

    .site-footer {
        padding: 3rem 0 0;
    }

    .ft-logo-block {
        margin-bottom: 2.5rem;
        text-align: center;
    }

    .ft-col-title {
        margin-bottom: 1.1rem;
    }

    .ft-links li {
        margin-bottom: .7rem;
    }

    .hero-title {
        font-size: 50px;
    }

    .hero-eyebrow {
        font-size: 24px;
        margin-bottom: 19px;
    }

    /* .step:not(:last-child)::after {
        width: 24px;
    } */



    .gulf-text {
        max-width: 100%;
    }

    .gulf-heading {
        font-size: 33px;
        text-align: center;
    }


    .eg-section {
        padding: 62px 0 75px 0;
    }

    .eg-contents-wrap {
        flex-direction: column;
    }

    .eg-image {
        max-width: 92%;
        height: 450px;
        width: 100%;
        margin: 0 auto;
    }

    .eg-heading.mobile {
        display: block;
        text-align: center;
        margin: 0 auto 30px auto;
    }

    .eg-heading {
        display: none;
    }

    .eg-problem-card {
        left: 109px;
    }

    .eg-solution-col {
        left: 511px;
        top: 254px;
    }

    .eg-contents-block-wrap {
        margin-top: -70px;
        margin-left: 0;
        width: 97%;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-top: 0;
        padding-bottom: 290px;
    }

    .eg-problem-card {
        left: 68px;
        position: relative;
        padding-left: 100px;
    }

    .eg-vertical-label {
        top: 105px;
        right: unset;
        left: -45px;
        top: 127px;
    }

    .eg-solution-col span.eg-vertical-label {
        left: -132px;
        top: 92px;
    }

    .ej-percent-rail {
        justify-content: space-between;
        width: 100%;
        margin-top: 0;
    }

    .ej-percent-rail {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 2.5rem;
    }



    .ej-body {
        margin-top: 0;
    }

    .ej-sub-panel-wrap {
        flex-direction: row;
    }

    .ej-sub-panel2 {
        margin-left: 30px;
    }




    /* 
    .ej-rail {
        display: none;
    } */

    /* rail hidden on small screens to save vertical space */
    .ej-image-wrap {
        min-height: 220px;
        margin-top: 5.25rem;
    }

    .ej-image-wrap img {
        height: auto;
        width: 100%;
    }

    .ej-image-wrap {

        position: relative;
        max-width: 100%;
        margin-left: 0;
    }

    .ej-sub-panel-wrap {
        flex-direction: column;
    }

    .ej-panel {
        padding: 2.25rem 25px;
    }

    .ej-stage-title {
        font-size: 35px;
        margin-top: -46px;
    }

    .ej-counter {
        position: absolute;
        top: 30px;
        right: 85px;
        font-size: 40px;
    }

    .flip-front h3 {
        font-size: 37px;
        line-height: 48px;
    }

    .op-readmore {
        width: 90%;
        margin: 0 auto;
    }

    .wa-content-col {
        left: 0;
    }

    .ej-percent {
        font-size: 86px;
        line-height: 90px;
    }

    /* stack percent on top, rail full-width below, instead of side-by-side */
    .ej-percent-rail {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 1.5rem;
        margin-bottom: 30px;
    }

    .ej-percent {
        text-align: center;
    }

    /* ---- the rail itself: row instead of column ---- */
    .ej-rail {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding-left: 0;
        padding-top: 1.75rem;
        margin-top: -50px;
    }

    .ej-sticky {
        padding: 120px 0 0 0;
    }

    /* the base line: now horizontal, spanning the row */
    .ej-rail::before {
        left: 0;
        right: 0;
        top: 5px;
        bottom: auto;
        width: auto;
        height: 2px;
    }

    /* the orange fill: now grows in width, not height */
    .ej-rail .ej-rail-fill {
        left: 0;
        top: 5px;
        height: 2px;
        width: var(--ej-fill-pct, 0%);
    }

    .ej-rail-item {
        flex: 1;
        text-align: center;
        margin-bottom: 0;
    }

    /* the dot: centered above each item instead of to the left of it */
    .ej-rail-item::before {
        left: 50%;
        top: -27px;
        transform: translateX(-50%);
    }

    .ej-rail-item .rail-title {
        margin-top: 0;
        font-size: 14px;
    }

    .ej-rail-item .rail-sub {
        font-size: 13px;
        line-height: 1.4;
    }

    .page-template-page-market .ac-section {
        padding: 50px 0 30px 0;
    }

    .ac-form-contact-wrap {
        position: relative;
        display: block;
        margin-left: 0;
        margin-top: 50px;
    }

    section.pf-hero.banner.markets {
        background-position: 60% center;
    }

    .cp-sticky {
        position: static;
        /* no room for sticky beside stacked content on tablets/phones */
        margin-bottom: 2.5rem;
    }

    .jr-normal-image {
        min-height: 280px;
        margin-top: 2rem;
    }

    .pc-title .accent,
    .pc-title {
        font-size: 40px;
    }

    .pc-body p {
        width: 93%;
    }

    .sy-card-title {
        font-size: 21px;
    }

    .cp-heading-body {
        max-width: 100%;
    }

    .jr-normal-body {
        max-width: 100%;
    }

    .jr-normal {
        padding: 0 0 133px 0;
    }

    .ac-heading {
        font-size: 43px;
    }

    .mk-section {
        min-height: auto;
        padding: 3.5rem 0;
    }

    .mk-header {
        flex-direction: column;
        align-items: center;
    }

    /* vertical label doesn't work sideways on narrow screens — go horizontal, above the grid */
    .mk-drivers {
        flex-direction: column;
        gap: 1rem;
    }

    .mk-drivers-label {
        writing-mode: horizontal-tb;
        transform: none;
        padding-bottom: 0;
    }

    .mk-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mk-drivers-label {
        text-align: center;
    }

    .sc-header-desc {
        display: none;
    }

    .ec-title {
        font-size: 35px;
    }

    .ec-card-image {
        height: 400px;
        object-position: 49px;
    }

    .ec-card-title {
        font-size: 38px;
    }

    .em-checklist {
        justify-content: center;
    }

    .tabwrap {
        align-items: center;
        justify-content: center;
        max-width: 100%;
    }

    .tm-title {
        font-size: 34px;
        line-height: 61px;
        text-align: center;
    }

    .mk-title {
        font-size: 30px;
    }

    .mk-subtitle {
        font-size: 25px;
    }

    .sc-title {
        font-size: 35px;
        line-height: 58px;
    }

    .sc-panel-desc {
        font-size: 28px;
        line-height: 43px;
    }

    .sc-accordion .accordion-button {
        justify-content: center;
        align-items: center;
    }

    .sc-header-title {
        text-align: left;
        font-size: 27px;
        line-height: 40px;
    }

    .gd-section {
        flex-direction: column;
    }

    .gd-left {
        flex: none;
        padding: 3rem 1.5rem 2.5rem;
    }

    .gd-map {
        min-height: 320px;
    }


    .ct-col-right {
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .mapcol1 {
        width: 100%;
        margin-top: 0;
        float: none;
        padding: 0 20px 50px;
    }

    .gd-body {
        max-width: 100%;
    }

    .gd-toggle {
        display: flex;
        width: 485px;
        justify-content: center;
        margin: 0 auto 45px auto;
        justify-content: center;
        align-items: center;
    }

    .gd-map iframe,
    .gd-map {
        height: 400px;
    }

    .gd-section {
        padding: 65px 0;
    }

    .oc-inner {
        grid-template-columns: 200px 1fr;
        gap: 2rem;
        padding: 0 1.5rem;
    }

    .oc-desc {
        max-width: 100%;
    }

    .oc-focus-list {
        grid-template-columns: 1fr;
    }

    .aam-panel {
        flex-direction: column;
    }

    .aam-panel-media {
        flex: 0 0 40%;
        height: 40%;
    }

    .aam-panel-media::after {
        background:
            linear-gradient(0deg, var(--navy-950) 2%, rgba(8, 11, 19, 0) 55%),
            linear-gradient(180deg, rgba(8, 11, 19, .5), rgba(8, 11, 19, 0) 40%);
    }

    .aam-panel-content {
        flex: 1;
        padding: 1.5rem 1.35rem 1.75rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .aam-panel-content h2 {
        max-width: none;
        font-size: clamp(1.4rem, 5.5vw, 1.9rem);
    }

    .aam-focus-label {
        margin-top: 1.4rem;
    }

    .aam-companies-nav {
        left: 1.1rem;
        right: 1.1rem;
        bottom: .9rem;
        max-width: none;
    }

    .aam-companies-nav .aam-eyebrow {
        display: none;
    }

    .aam-companies-nav ul {
        flex-direction: row;
        overflow-x: auto;
        gap: 1.1rem;
        padding-bottom: .15rem;
        scrollbar-width: none;
    }

    .aam-companies-nav ul::-webkit-scrollbar {
        display: none;
    }

    .aam-companies-nav button {
        font-size: .82rem;
        white-space: nowrap;
        padding-left: .75rem;
    }

    .aam-progress-rail {
        display: none;
    }

    .aam-topbar {
        padding: 1rem 1.1rem 0;
    }

    .aam-logo svg {
        width: 24px;
        height: 24px;
    }

    .aam-logo-word {
        font-size: .8rem;
    }

    .aam-logo-word span {
        font-size: .56rem;
    }

    .reg-body {
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 40px;
    }

    .reg-text,
    .reg-facts {
        flex: 0 0 auto;
        width: 100%;
    }

    .reg-facts-list {
        top: 2.25rem;
    }

    .reg-tabs {
        position: absolute;
        top: -63px;
        right: 0;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        z-index: 3;
        display: flex;
        gap: 50px;
        justify-content: center;
        gap: 3rem;
    }

    .reg-facts-list {

        display: grid;
        grid-template-columns: 1fr 1fr;

    }

    .reg-facts-list li {
        padding: 19px 20px;
    }

    .reg-desc {
        margin: 0 0 1rem;
        max-width: 100%;
    }

    .reg-vertical-label {
        display: none;
    }

    .vm-col-vision {
        border-right: 0;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }

    .vm-col-mission .vm-label,
    .vm-text-mission {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .hist-track {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column-reverse;
    }

    .hist-slide-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        row-gap: 1.75rem;
    }

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

    .hq-2 {
        grid-column: 1;
        grid-row: 2;
    }

    .hq-3 {
        grid-column: 1;
        grid-row: 3;
    }

    .hq-4 {
        grid-column: 1;
        grid-row: 4;
    }

    .hist-item-text {
        order: 2;
        flex: 1;
        min-width: 0;
        top: 0;
        position: relative;
    }

    .hist-year-slide.slick-slide.slick-current.slick-active.slick-center {

        margin: 0px;
    }

    /* reset the mirrored order — single column reads better as image-left, text-right throughout */
    .hq-2 .hist-item-media,
    .hq-3 .hist-item-media {
        order: 1;
    }

    .hq-2 .hist-item-text,
    .hq-3 .hist-item-text {
        order: 2;
    }

    .hq-2 .hist-date,
    .hq-2 .hist-desc,
    .hq-3 .hist-date,
    .hq-3 .hist-desc {
        text-align: left;
    }

    .hist-year-nav {
        position: static;
        transform: none;
        width: 100%;
        height: auto;
        margin-bottom: 2rem;
    }

    .hist-year-nav::before,
    .hist-year-nav::after {
        display: none;
    }

    .hist-year-slide {
        font-size: 15px;
    }

    .hist-year-nav .slick-current .hist-year-slide {
        font-size: 24px;
    }

    .hist-desc {
        width: 100%;
    }

    .cm-inner {
        grid-template-columns: 1fr;
    }

    .hq-2 .hist-item,
    .hq-3 .hist-item,
    .hq-4 .hist-item {
        justify-content: flex-start;
    }

    .hq-2 .hist-item-text,
    .hq-3 .hist-item-text,
    .hq-4 .hist-item-text {
        max-width: 100%;
    }


    .hq-3 .hist-desc {
        width: 100%;
    }

    .hist-quad {
        margin-bottom: 25px;
    }

    .cm-media img {
        left: 0;
        height: 520px;
        width: 100%;
        object-fit: cover;
        object-position: 5px -42px;
    }

    .cm-media {
        /* order: -1; */
        /* portrait first on mobile */
        min-height: 340px;
    }

    .cm-media {
        order: 0;
        padding-bottom: 0;
    }

    .cm-media::before {
        display: none;
    }

    .cm-text {
        padding: 2.25rem 1.5rem 1rem;
        text-align: center;
    }

    .cm-para {
        margin-left: auto;
        margin-right: auto;
    }

    .cm-quote {
        position: static;
        margin: -3px 0 2.5rem;
        height: auto;
        width: 100%;
        background-size: 100%;
        background-position: center;
    }

    .cm-quote-text {
        font-size: 23px;
        line-height: 43px;
        width: 76%;
        height: auto;
        left: 80px;
        margin-top: 13px;
        padding-bottom: 20px;
    }

    .cm-quote-mark {
        right: 24px;
        top: -30px;
        font-size: 80px;
    }

    .cm-quote-text {
        text-align: left;
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .diff-section {
        min-height: auto;
        padding: 45px 0;
    }

    .ae-heading {
        margin-bottom: 18px;
    }

    .diff-overlay {
        background: linear-gradient(90deg, rgba(9, 11, 26, .94) 0%, rgba(9, 11, 26, .8) 55%, rgba(9, 11, 26, .4) 100%);
    }

    .diff-content {
        max-width: 100%;
    }

    .la-inner {
        grid-template-columns: 1fr;
    }

    .la-media img {
        max-height: 400px;
    }

    .la-text {
        padding: 2.25rem 1.5rem;
    }

    .la-para {
        max-width: none;
    }

    .aam-panel-content {
        margin-top: 15px;
    }

    .la-section {
        padding: 50px 0 0;
    }

    .ec-card-image .ir-reveal.is-revealed img {
        height: inherit;
        object-fit: cover;
    }

    .ae-image-col img {
        max-width: 100%;
    }

    .em-section {
        padding: 35px 0 100px 0;
    }

    .em-heading {
        text-align: center;
    }

    .li-heading {
        font-size: 43px;
        text-align: center;
    }

    .li-visual {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }

    /* ============ ≤768px: panels flow normally, nav becomes a sticky dropdown ============ */


    .aam-scroller.aam-static .aam-sticky {
        position: relative;
        height: auto;
        overflow: visible;
        display: flex;
        flex-direction: column-reverse;
        /* nav renders first visually, panels flow beneath it */
    }

    .aam-scroller.aam-static .aam-panels {
        position: static;
        height: auto;
    }

    .aam-scroller.aam-static .aam-panel {
        position: relative;
        inset: auto;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: none;
        z-index: auto;
        scroll-margin-top: calc(var(--aam-header-h, 64px) + 3.5rem);
        /* clears the sticky nav when jumped to */
    }

    .aam-scroller.aam-static .g-title {
        position: relative;
        left: auto;
        transform: none;
        margin-bottom: 25px;
    }

    .aam-scroller.aam-static .aam-progress-rail {
        display: none;
    }

    /* ---- sticky dropdown nav ---- */

    .aam-scroller.aam-static .navwrap {
        position: absolute;
        top: unset;
        z-index: 20;
        max-width: 100%;
        width: 100%;
        transform: translateX(-50%);
        left: 50%;
        background: rgba(16, 18, 43, .97);
        backdrop-filter: blur(6px);
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        transition: 0.5s;
    }

    .navwrap.scroll-menu.stuck-menu {
        top: var(--aam-header-h, 0px);
    }

    .aam-scroller.aam-static .navwrap.stuck-menu {
        position: fixed;
        left: 50%;
        z-index: 9999;
        top: 92px;
    }

    .aam-scroller.aam-static .aam-companies-nav {
        position: relative;
        left: auto;
        bottom: auto;
        max-width: none;
        padding: 0;
        left: 0;
        right: 0;
    }

    .navwrap.stuck-menu.scroll-menu {
        top: 0px !important;
    }

    .aam-scroller.aam-static .aam-eyebrow {
        display: none;
        /* replaced by the toggle button below */
    }



    button.aam-nav-toggle {
        display: block !important;
    }

    /* base state: hidden outside this mode */
    .aam-scroller.aam-static .aam-nav-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: .95rem 1.1rem;
        background: transparent;
        border: 0;
        color: #fff;
        font-family: var(--Lato);
        font-weight: 700;
        font-size: 15px;
    }

    .aam-nav-toggle-label {
        color: #F2A057;
    }

    .aam-nav-chevron {
        width: 16px;
        height: 16px;
        color: #F2A057;
        flex-shrink: 0;
        transition: transform .3s ease;
        position: absolute;
        left: 60%;
        top: 8px;
    }

    .aam-panel-media img {
        width: 87%;
        height: 445px;
        display: block;
        margin: 0 auto;
    }


    .cap-card {
        text-align: center;
    }

    .aam-scroller.aam-static .aam-companies-nav.is-open .aam-nav-chevron {
        transform: rotate(180deg);
    }

    .aam-scroller.aam-static .aam-companies-nav ul {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        flex-direction: column;
        gap: 0;
        transition: max-height .35s ease, opacity .25s ease;
    }

    .aam-scroller.aam-static .aam-companies-nav.is-open ul {
        max-height: 320px;
        opacity: 1;
    }

    /* .aam-scroller.aam-static .aam-companies-nav ul li {
        border-top: 1px solid rgba(255, 255, 255, .06);
    } */

    .aam-panel-content p.aam-desc {
        max-width: 100%;
    }

    .aam-scroller.aam-static .aam-companies-nav button {
        width: 100%;
        padding: 3px 0;
        font-size: 14px;
        justify-content: center;
        align-items: center;
        top: 8px;
        position: relative;
    }

    .aam-scroller.aam-static .aam-companies-nav button::before {
        display: none;
        /* the desktop left accent bar doesn't read well as a full-width row */
    }

    .aam-scroller.aam-static .aam-companies-nav button.is-active {
        background: rgba(242, 160, 87, .08);
        color: #F2A057;
    }

    @media (prefers-reduced-motion: reduce) {

        .aam-companies-nav ul,
        .aam-nav-chevron {
            transition: none !important;
        }
    }



    h2.scroll-title,
    .scroll-title span.accent {
        font-size: 28px;
        line-height: 56px;
        max-width: 75%;
        padding-top: 15px;
    }

    .g-title img {
        width: 65px;
        left: 84%;
        max-width: 100%;
        top: 14px;
    }

    .ae-heading,
    .ae-eyebrow {
        font-size: 33px;
        line-height: 50px;
    }

    .vm-label {
        margin: 0;
        text-align: center;
    }

    .vm-text-vision {
        padding-left: 0;
        text-align: center;
        padding: 0 15px;
    }

    .vm-col-mission {
        padding-left: 0;
        margin-top: 0;
        text-align: center;
    }

    .vm-text.vm-text-mission {
        line-height: 46px;
        text-align: center;
        width: 100%;
        padding: 0 15px;
    }

    .contents-block-wrap {
        width: 100%;
    }

    .cp-heading {
        max-width: 100%;
        width: 100%;
    }

    .jr-heading {
        padding-bottom: 50px;
    }

    .jr-sub {
        margin: 0 auto 50px;
    }

    .jr-num {
        font-size: 117px;
    }

    .jr-label {
        font-size: 30px;
    }

    .ac-label {
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px;
    }

    .ac-contact-label {
        text-align: center;
    }

    section.pf-hero.banner.platform {
        background-position: 55% center;
    }

    .pf-hero.banner:after {
        width: 300px;
        height: 400px;
        top: -33px;
        right: 32px;
    }

    .team-section {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .reg-section {
        padding: 140px 0 0;
    }

    .ct-sub-list {
        grid-template-columns: 1fr;
    }

    .ct-sub-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem 2rem;
    }

    .ct-sub-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 24px 0 0px 0;
        border-bottom: 1px solid var(--ct-card-line);
        margin-bottom: 0;
    }

    .ct-sub-logo {
        order: -1;
        /* forces logo above the text content, regardless of DOM order */
    }

    .concol2-wrap {
        padding-bottom: 60px;
    }

    .gd-details-top {
        justify-content: center;
    }

    .gd-address {
        width: 100%;
        text-align: center;
    }

    .gd-contact-row {
        justify-content: center;
    }

    a.location-point {
        display: none;
    }

    div#sjForm {
        height: 260px;
        width: 100%;
        overflow-x: hidden;
    }

    .sj-dialog {
        max-width: 100%;
        margin: 4rem auto;
    }

    .modal.fade.show {
        display: flex !important;
        align-items: center;
    }

    .sj-input {
        width: 100%;
    }

    .ej-rail {
        flex-direction: row;
        padding-left: 0;
        padding-top: 1.75rem;
        align-items: center;
    }

    .ej-rail::before {
        left: 6px;
        right: 6px;
        top: 5px;
        bottom: auto;
        width: auto;
        height: 2px;
    }

    .ej-rail-fill {
        left: 6px;
        top: 5px;
        width: 0px;
        height: 2px;
    }

    .ej-rail-item {
        margin-bottom: 0;
        margin-right: 60px;
        /* replaces vertical gap with horizontal spacing */
    }

    .ej-rail-item::before {
        left: 50%;
        top: -1.75rem;
        transform: translateX(-50%);
    }

    .ac-follow-label {
        text-align: center;
    }

    .ac-social {
        justify-content: center;
    }

    .ind-card-title {
        font-size: 21px;
        line-height: 36px;
    }

    /* .ac-section {
        padding-top: 240px;
    } */
    .ac-section {
        padding-top: 75px;
    }

    .popbtn-wrap {
        margin-bottom: 45px;
    }

    .accordion-header {
        margin-bottom: 0;
        min-height: 138px;
        display: flex;
        align-items: center;
    }

    .sc-accordion .accordion-body {
        padding: 0 50px;
    }

    .sc-execution-block {
        margin-top: 38px;
    }

}





@media only screen and (max-width: 767px) {

    .logo img {
        max-width: 100%;
    }

    a.logo {
        margin-right: 0;
        width: 115px;
    }

    .phone-selector {
        margin-left: 0;
    }

    .menuwrap {
        padding: 10px 0;
    }

    a.logo {
        margin-right: 0;
        width: 100px;
    }

    .h-whatsapp {
        position: relative;
        display: none;
        width: 15px;
    }

    .header-right {
        margin-left: 14px;
    }

    button.navbar-toggler {
        right: 0;
        top: 8px;
    }

    .phone-option .country-name {
        font-size: 12px;
    }

    .phone-dropdown {
        right: -122px;
    }

    .lang-trigger {
        font-size: 13px;
    }

    .phone-country {
        font-size: 8px;
    }

    .phone-number {
        font-size: 10px;
    }

    .flip-card {
        height: auto;
        perspective: none;
    }

    .flip-inner {
        transform: none !important;
        transition: none;
    }

    .flip-face {
        position: relative;
        inset: auto;
        height: auto;
    }

    .flip-front {
        display: none;
    }

    .flip-back {
        transform: none;
    }

    .wa-stats-grid {
        grid-template-columns: 1fr;
        /* single column on very small phones */
    }

    .ft-bottom {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .ft-legal {
        gap: 1.25rem;
    }

    .phone-dropdown {
        min-width: 220px;
    }

    .mobilemenu a {
        font-size: 37px;
        margin: 6px 0;
        z-index: 99;
    }

    li.page_item {
        position: relative;
        z-index: 999;
    }

    .hero-title {
        font-size: 30px;
        line-height: 25px;
    }

    .hero-eyebrow {
        font-size: 18px;
        margin-bottom: 19px;
    }

    .step {
        margin: 0 10px;
    }

    .gulf-text {
        max-width: 100%;
        text-align: center;
    }

    .eg-contents-block-wrap {
        width: 84%;
        padding-bottom: 458px;
    }

    .eg-solution-col {
        left: 511px;
        top: 254px;
        max-width: 100%;
    }

    .eg-problem-card {
        left: -3px;
        width: 500px;
    }

    .flip-back h3 {
        font-size: 30px;
        line-height: 50px;
    }

    .ej-title .l1 {
        font-size: 30px;
    }


    .ej-title .l2 {
        font-size: 36px;
        line-height: 38px;
    }

    .ej-title .l1 {
        line-height: 49px;
    }

    .ej-percent {
        text-align: center;
    }

    .ej-title {
        width: 100%;
        text-align: center;
    }


    .ej-rail {
        display: none;
    }

    .ej-body {
        margin-top: 0;
        justify-content: center;
    }

    .op-readmore {
        width: 100%;
        margin: 0 auto;
    }

    .op-eyebrow-title {
        font-size: 30px;
        line-height: 52px;
        margin-bottom: 30px;
    }

    .ind-title {
        font-size: 30px;
        line-height: 60px;
    }

    .wa-content-col {
        left: 0;
    }

    .wa-heading {
        font-size: 28px;
        line-height: 43px;
        width: 100%;
        text-align: center;
    }

    .wa-eyebrow {
        font-size: 25px;
        line-height: 44px;
        text-align: center;
    }

    .wa-stats-panel {
        max-width: 100%;
        left: 0;
        margin: auto 0 auto;
        transform: unset;
        bottom: 0;
        position: relative;
    }

    .wa-facts-label {
        margin-bottom: 15px;
        text-align: center;
    }

    .ac-section {
        padding: 55px 0 30px 0;
    }


    .ac-heading {
        font-size: 35px;
    }


    .ac-submit {
        width: 100%;
    }

    .ac-form-contact-wrap {
        text-align: center;
    }

    .ac-social a {
        width: 50px;
        height: 50px;
        margin: 0 3px;
    }

    .ac-social {
        justify-content: center;
    }

    .fcol2 {
        padding-left: 0;
    }

    .ft-col-title {
        font-size: 20px;
        line-height: 33px;
    }



    .ft-copyright {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .ej-image-wrap {
        display: none;
    }

    /* horizontal timeline gets tight — shrink type and hide captions on phones */
    .jr-sticky {
        padding: 0 0;
    }

    .jr-num {
        font-size: 70px;
    }

    .jr-label {
        font-size: 18px;
    }

    .jr-caption {
        display: none;
    }

    .jr-heading {
        padding: 0 1rem;
    }

    .jr-sub {
        padding: 0 1.25rem;
        margin-bottom: 2.5rem;
    }

    .sj-dialog {
        max-width: calc(100% - 1.5rem);
        margin: 1rem auto;
    }

    .sj-body {
        padding: 2rem 1.75rem 1.75rem;
    }

    .sj-check-grid {
        grid-template-columns: 1fr;
    }

    .sj-stepper-label {
        font-size: 14px;
        line-height: 24px;
    }

    /* .sj-stepper-dot {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: .75rem;
    } */
    /* .sj-stepper-item:before {
        display: none;
    } */
    .sj-stepper-item:before {
        width: 20px;
        height: 1px;
        top: 28px;
        left: 66px;
    }

    .sj-close {
        top: 1.1rem;
        right: 1.1rem;
    }

    .pf-hero {
        margin-top: 0;
        height: auto;
        padding-bottom: 45px;
    }

    .pf-eyebrow {
        font-size: 20px;
    }

    .pf-title {
        font-size: 34px;
        margin-bottom: 30px;
    }

    .pf-content {
        text-align: center;
        padding-right: 15px;
    }

    .pc-title .accent {
        display: block;
    }

    .pc-title .accent,
    .pc-title {
        font-size: 33px;
    }

    .pc-subtitle {
        margin-bottom: 30px;
    }

    .sy-title {
        max-width: 100%;
        font-size: 33px;
        line-height: 46px;
    }

    .sy-section {
        padding: 50px 0;
    }

    .sy-card-title {
        font-size: 27px;
    }


    .cp-heading {
        font-size: 34px;
        line-height: 59px;
    }

    .cp-sticky,
    .cp-card {
        text-align: center;
    }

    .cp-section {
        padding: 60px 0;
    }

    .cp-card-title {
        font-size: 27px;
        line-height: 42px;
    }

    .cp-cap-grid {
        display: flex;
        flex-direction: column;
    }

    .cp-card {
        padding: 60px 20px;
        text-align: center;
    }

    .jr-heading {
        font-size: 34px;
        line-height: 60px;
    }

    .jr-num {
        left: 0;
    }

    .jr-timeline {
        padding-top: 0;
    }

    .jr-normal {
        text-align: center;
    }

    .jr-normal-title {
        font-size: 34px;
        line-height: 60px;
    }

    .ce-section {
        padding: 75px 0;
    }

    .ce-title {
        max-width: 100%;
        font-size: 34px;
        line-height: 45px;
    }

    .sj-title {
        padding-right: 0;
        font-size: 26px;
        line-height: 55px;
    }

    .sj-stepper {
        justify-content: center;
        max-width: 100%;
    }

    .mk-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .mk-tabs {
        gap: 1.1rem;
    }

    .mk-quote {
        margin-top: 2.5rem;
    }

    .sc-section {
        padding: 3.5rem 0;
    }

    .sc-accordion .accordion-button {
        font-size: .92rem;
        padding: 1.1rem 1.25rem;
        flex-wrap: wrap;
        row-gap: .6rem;
    }

    .sc-header-icon {
        order: 1;
    }

    .sc-header-title {
        order: 2;
        width: 100%;
        flex: 1 1 auto;
    }

    .sc-toggle-indicator {
        order: 3;
        margin-left: 0;
        padding-left: 0;

        flex-direction: column;
        align-items: center;
    }


    .sc-header-desc {
        order: 4;
        flex: 1 1 100%;
        padding-right: 0;
        font-size: .8rem;
    }

    .sc-accordion .accordion-body {
        padding: 0 1.25rem 1.5rem;
    }

    .sc-panel-image {
        min-height: 180px;
        margin-top: 1rem;
    }

    .ec-section {
        padding: 3.5rem 0;
        overflow-x: hidden;
    }

    .ec-sub {
        text-align: left;
    }

    .ec-card-desc {
        text-align: center;
    }

    .ec-card-image {
        height: auto;
    }

    .ec-title {
        font-size: 31px;
        line-height: 54px;
    }

    .tm-body {
        padding: 0;
    }


    .sc-cta {

        font-size: 18px;
        padding: 18px 20px;
        width: 100%;
    }

    .ec-card-title {
        font-size: 31px;
        text-align: center !important;
    }

    .em-heading {
        font-size: 30px;
        line-height: 50px;
        text-align: center;
    }

    .em-check-item {
        width: 100%;
    }

    .li-section {
        padding: 28px 0 0;
    }

    .li-heading {
        font-size: 35px;
        margin: 40px 0 50px;
        text-align: center;
    }

    .li-visual {
        max-width: 90%;
        margin: 0 auto;
    }

    .page-template-page-market .ac-section {
        padding: 55px 0 30px 0;
    }

    .ct-section {
        padding: 3rem 1rem 3.5rem;
    }

    .ct-card {
        padding: 0;
    }

    .ct-card-desc {
        max-width: 100%;
    }

    .ct-sub-item {
        grid-template-columns: 1fr;
    }

    .ct-sub-logo {
        order: -1;
        margin-bottom: 0;
    }

    .ct-sub-list {
        grid-template-columns: 1fr;

    }

    .ct-sub-meta {
        gap: .9rem 1.25rem;
        justify-content: center;
        align-items: center;
    }

    .gd-toggle {
        width: 100%;
    }

    .gd-toggle-btn {
        flex: 1 1 0;
    }

    .concol1-wrap {
        padding: 40px 30px;
    }

    .ct-contact-row {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .ct-contact-value {
        font-size: 25px;
    }

    .ct-sub-item {
        text-align: center;
    }

    .ct-col-right {
        padding: 40px 18px;
    }

    .get-touch {
        justify-content: center;
        flex-direction: column;
    }

    .get-touch h5 {
        font-size: 20px;
        line-height: 40px;
        margin-right: 0;
    }

    .gd-heading {
        font-size: 26px;
        text-align: center;
    }

    .gd-body {
        font-size: 20px;
        text-align: center;
        max-width: 100%;
    }

    .gd-details-inner {
        text-align: center;
    }

    .gd-contact-row {
        margin-bottom: 12px;
        justify-content: center;
    }

    .gd-directions-btn {
        display: none;
    }

    .gd-details-top {
        justify-content: center;
    }

    .ae-image-col {
        min-height: 260px;
    }

    .ae-text-col {
        padding: 2rem 1.5rem 2.25rem;
    }

    .reg-card {
        border-radius: 16px;
    }

    .reg-body {
        padding: 4rem 1.25rem 2rem;
        min-height: 0;
    }

    /* .reg-tabs {
        top: 1rem;
        right: 1rem;
        left: 1rem;
        gap: 1rem;
        flex-wrap: wrap;
    } */

    .reg-tab {
        font-size: 11.5px;
        line-height: 13px;
    }

    .reg-tabs {
        top: -28px;
    }

    .reg-title {
        font-size: 1.5rem;
        line-height: 42px;
    }

    .reg-facts-list li {
        font-size: 13.5px;
    }

    .vm-title {
        margin-bottom: 5px;
        font-size: 30px;
    }

    .vm-section {
        padding-top: 23px;
    }

    .vm-col-vision {
        padding-right: 0;
    }

    .vm-text-vision {
        /* font-size: 1.1rem; */
        font-size: 24px;
    }

    .vm-text.vm-text-mission {
        font-size: 22px;
    }

    .vm-text-mission {
        font-size: 15px;
    }

    .hist-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .hist-item-media,
    .hist-item-text {
        order: 0 !important;
        flex: 0 0 auto;
        width: 100%;
    }

    .hq-2 .hist-date,
    .hq-2 .hist-desc,
    .hq-3 .hist-date,
    .hq-3 .hist-desc {
        text-align: left;
    }

    .hist-title {
        margin-bottom: 25px;
    }

    .cm-media {
        min-height: 280px;
        padding: 50px 0 0;
    }

    .cm-heading {
        font-size: 1.5rem;
    }

    .cm-quote {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 0;
    }

    .cm-quote-mark {
        font-size: 44px;
        top: -10px;
        right: 18px;
        width: 57px;
    }

    .cm-quote-text {
        text-align: center;
        width: 100%;
        left: 0;
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 1rem;
    }

    .team-grid.ir-group .ir-reveal.is-revealed img {
        height: auto;
        object-fit: cover;
    }

    .team-photo {
        margin-bottom: .75rem;
    }

    .team-name {
        font-size: 15px;
        line-height: 19px;
    }

    .team-role {
        font-size: 12.5px;
    }

    .diff-section {
        min-height: 0;
        background-position: 65% center;
    }

    .diff-overlay {
        background: linear-gradient(180deg, rgba(9, 11, 26, .95) 55%, rgba(9, 11, 26, .55) 100%);
    }

    .diff-content {
        max-width: none;
        padding: 0;
        text-align: center;
    }

    .diff-title {
        font-size: 27px;
        line-height: 48px;
    }

    .la-media img {
        min-height: 260px;
    }

    .diff-lead {
        margin: 0 0 40px;
        font-size: 21px;
        line-height: 36px;
    }

    .la-title {
        font-size: 1.4rem;
    }

    .diff-para {

        font-size: 19px;
        line-height: 32px;
    }

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

    section.pf-hero.banner.group {
        height: auto;
        background-position: 47% center;
    }

    h2.eco-title {
        margin-bottom: 50px;
        font-size: 30px;
        line-height: 47px;
    }

    .ae-title {
        text-align: center;
        font-size: 33px;
        line-height: 58px;
    }

    .ae-logo {
        width: 100%;
        left: 0;
    }

    .ae-logo img {
        max-width: 44%;
        margin: 0 auto;
    }

    .ae-text-col {
        margin-left: 0;
        text-align: center;
    }

    .ae-heading,
    .ae-eyebrow {
        font-size: 29px;
        line-height: 44px;
    }


    .aam-scroller.aam-static .g-title {
        position: relative;
        left: auto;
        flex-direction: column-reverse;
        display: flex;
    }

    .aam-nav-chevron {
        left: 71%;
    }

    .ae-section {
        padding: 30px 0 30px 0;
    }

    .g-title img {
        width: 98px;
        left: 0;
        max-width: 100%;
        top: 26px;
        position: relative;
        margin: 0 auto 30px auto;
    }

    .cap-section {
        padding: 45px 0 0;
    }

    h2.scroll-title,
    .scroll-title span.accent {
        font-size: 22px;
        line-height: 38px;
        max-width: 75%;
        padding-top: 15px;
    }

    .aam-panel-content p.aam-desc {
        max-width: 100%;
        text-align: center;
    }

    .cap-title {
        margin: 0 0 35px;
        font-size: 30px;
        line-height: 52px;
    }

    .reg-facts-list {
        grid-template-columns: 1fr;
    }

    .hist-year-slide.slick-slide.slick-current.slick-active.slick-center {
        font-size: 48px;
        line-height: 74px;
        margin: 0 0;
    }

    .cm-media img {
        height: 520px;
        left: 0;
        width: 100%;
        object-position: 5px -42px;
    }

    .hist-section {
        padding: 34px 0 0px;
    }

    .cm-inner {
        grid-template-columns: unset;
        display: flex;
        flex-direction: column;
    }

    .cm-quote {
        left: 0;
        bottom: 0;
        height: auto;
        width: 100%;
        background: none;
    }

    .team-section {
        padding-top: 45px;
        padding-bottom: 16px;
    }

    .teaminfo-wrap {
        position: absolute;
        display: block;
        bottom: -11px;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        text-align: center;
    }

    .ir-js .ir-reveal.is-revealed img {
        height: max-content;
    }


    .ac-label {
        text-align: center;
    }

    section.pf-hero.banner.platform {
        background-position: 74% center;
    }

    .pc-subtitle {
        font-size: 28px;
    }

    .ce-banner {
        border-radius: 20px;
    }

    section.pf-hero.banner.markets {
        height: auto;
    }

    .reg-section {
        padding: 93px 0 0;
    }

    .ct-title {
        margin: 40px 0 30px 0;
        font-size: 33px;
        line-height: 47px;
    }

    .ct-sub-item {
        text-align: center;
        align-items: center;
    }

    .gd-section {
        padding: 30px 0;
    }

    /* .sj-step-card {
        max-height: 345px;
    } */

    .sj-step-card {
        max-height: min-content;
    }

    div#sjForm {
        height: 400px;
        width: 100%;
        overflow-x: hidden;
    }

    .sj-next {
        display: block;
        float: none;
        /* margin-top: -50px; */
        width: 130px;
        margin: 0 auto;
    }

    .ej-panel {
        margin-top: 35px;
    }

    .ej-stage-title {
        font-size: 35px;
        margin-top: -14px;
    }

    .ej-percent-rail {
        margin-bottom: 30px;
        margin-top: 25px;
    }

    .step .dot::before,
    .step .dot::before {
        border-color: #F2A057;
    }


    .step:not(:last-child)::after,
    .step .dot {
        background: rgb(242 160 87);
    }

    .step:not(:last-child)::after {
        width: 108px;
    }

    .step .label {
        color: rgb(242 160 87);
    }

    .eg-quote,
    .eg-solution-card .eg-card-title {
        font-size: 30px;
        line-height: 40px;
    }

    .wa-stat {
        width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .wa-stat-icon {
        margin-right: 0;
    }


    .wa-image-wrap {
        margin-top: 40px;
    }

    .fcol1 ul.ft-links {
        column-count: 1;
        text-align: center;
    }

    .ft-col-title,
    .ft-links {
        text-align: center;
    }

    .cp-cap-item {
        text-align: left;
    }

    .tm-title {
        font-size: 30px;
        line-height: 51px;
        text-align: center;
    }

    .sc-accordion .sc-header-title {
        text-align: center;
    }

    .mk-card {
        width: 100%;
        align-items: center;
    }

    .mk-card-icon {
        width: 100%;
    }

    .mk-tabs {
        margin-right: 0;
        flex-direction: column;
    }

    .vm-section {
        padding-top: 23px;
        background-size: 279%;
        background-repeat: no-repeat;
        background-position: 35% -28%;
    }

}

@media only screen and (max-width: 393px) {
    .ct-title {
        font-size: 34px;
        line-height: 50px;
    }

    .header-right {
        margin-left: 30px;
    }

    .gd-toggle-btn {
        font-size: 20px;
    }
}

@media only screen and (max-width: 384px) {
    .ej-title .l1 {
        font-size: 26px;
    }

    .ej-percent {
        font-size: 58px;
        line-height: 90px;
    }

    .ej-percent-rail {
        margin-bottom: 11px;
        margin-top: 0px;
    }

    .ej-stage-title {
        font-size: 30px;
    }

    .pc-subtitle {
        font-size: 27px;
    }










}