@font-face {
    font-family: 'Manrope';
    font-style: normal;
    src: url('/assets/vendors/Fonts/Manrope/Manrope-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    src: url('/assets/vendors/Fonts/Outfit/Outfit-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    src: url('/assets/vendors/Fonts/DM_Sans/DMSans-VariableFont_opsz_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    src: url('/assets/vendors/Fonts/Open_Sans/OpenSans-VariableFont_wdth_wght.ttf') format('truetype');
}

.block-editor-page .acf-field, .acf-field * {
    padding: 2px !important;
}

:root {
    --text-font: "Manrope", sans-serif;
    --titles-font: "Outfit", sans-serif;
    --table-font: "Open-Sans", sans-serif;
    --table-font-2: "DM Sans", sans-serif;

    --white-color: #FFF;
    --white-color-24: rgba(255, 255, 255, 0.24);
    --white-color-40: #FFFFFF66;
    --white-color-64: #FFFFFFA3;
    --main-black-color: #040405;
    --main-black-color-8: #04040414;
    --main-black-color-40: #04040566;
    --main-black-color-60: #04040599;
    --main-black-color-80: #040405CC;
    --light-blue-color: #3A85FF;
    --blue-color: #0462FB;
    --purple-color: #243887;
    --orange-color: #F58243;
    --orange-color-10: #F582431A;
    --black-color: #000000;
    --black-color-24: #0404053D;
    --black-color-32: #04040552;
    --black-color-60: #04040599;
    --grey-color: #1d1d1d14;
    --border-grey: #939CA1;
    --light-grey-color: #D2D2D2;
    --blue-grey-color: #64748B;
    --lighter-grey-color: #DDDDDD;
    --background-color: var(--white-color);
    --text-color: var(--main-black-color);

    --border-radius: 100px;

    --simple-table-header-height: auto;
}

/* Arabic/RTL Font Variables - Override fonts for RTL pages */
[dir="rtl"],
html[dir="rtl"] {
    --text-font: "Noto Kufi Arabic", sans-serif;
    --titles-font: "Noto Kufi Arabic", sans-serif;
    --table-font: "Noto Kufi Arabic", sans-serif;
    --table-font-2: "Noto Kufi Arabic", sans-serif;
    font-size: 80%; /* Reduce base font size for Arabic text */
}

html{
    scroll-behavior: auto; /* Lenis handles smooth scrolling */
}

body{
    margin: 0 auto;
    background-color: var(--background-color);
    color: var(--text-color);
    box-sizing: border-box;
}

body.darkMode{
    background-color: var(--background-color);
    color: var(--text-color);
}
img {
    max-width: 100%;
    height: auto;
}
h1, .h1{
    font-family: var(--titles-font);
    font-size: 5rem; /* 80px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

p.bigger, .p.bigger{
    font-size: 5.625rem; /* 90px */
    line-height: normal;
}

p.biggest, .p.biggest{
    font-family: var(--titles-font);
    font-size: 8.6805rem; /* 138.888px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.job-description>h1 {
    display: none;
}
h2, .h2{
    font-family: var(--titles-font);
    font-size: 4rem; /* 64px */
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

h3, .h3{
    font-family: var(--titles-font);
    font-size: 3.625rem; /* 58px */
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    margin: 0;
}

h4, .h4{
    font-family: var(--titles-font);
    font-size: 3.5rem; /* 56px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

h5, .h5{
    font-family: var(--titles-font);
    font-size: 3rem; /* 48px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

h6, .h6{
    font-family: var(--titles-font);
    font-size: 2.5rem; /* 40px */
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

h6.smaller{
    font-family: var(--titles-font);
    font-size: 2rem; /* 32px */
    font-style: normal;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 0;
}

p, .paragraph{
    font-family: var(--text-font);
    font-size: 1.5rem; /* 24px */
    font-style: normal;
    font-weight: 400;
    line-height: 2.7rem; /* 43.2px */
    margin: 0;
}

p.smaller, .paragraph.smaller{
    font-size: 1.25rem; /* 20px */
    font-style: normal;
    font-weight: 400;
    line-height: 2rem; /* 32px */
    margin: 0;
}

small, .small{
    color: rgba(4, 4, 5, 0.60);
    font-family: Manrope;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    margin: 0;
}

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

.bodyKrusche #pojo-a11y-toolbar{
    top: unset !important;;
    bottom: 10px !important;
    display: flex;
    align-items: end;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
    font-size: 160% !important;
    margin-bottom: 5px;
}

.mainBtn{
    border-radius: var(--border-radius);
    padding: 1rem;
}

.blueBtn{
    background-color: var(--blue-color);
}

.greyBtn{
    background-color: var(--main-black-color-8);
}

.whiteBtn{
    background-color: var(--white-color) !important;
}

.iconedBtn{
    content: " ";
    background-position: center;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
}

.rightArrowBtn{
    background-image: url(/assets/icons/arrow-white.svg);
}

.leftArrowBtn{
    background-image: url(/assets/icons/arrow-white.svg);
    rotate: 180deg;
}

.downArrowBtn{
    background-image: url(/assets/icons/arrow-white.svg);
    rotate: 90deg;
}

.greyBtn.leftArrowBtn,
.greyBtn.leftArrowBtn:hover,
.greyBtn.leftArrowBtn:focus,
.greyBtn.rightArrowBtn,
.greyBtn.rightArrowBtn:hover,
.greyBtn.rightArrowBtn:focus{
    background-image: url(/assets/icons/arrow-black.svg);
}

.downArrowBtn.whiteBtn,
.downArrowBtn.whiteBtn:hover,
.downArrowBtn.whiteBtn:focus{
    background-image: url(/assets/icons/arrow-blue.svg) !important;
    rotate: 0deg;
}

.borderedBtn{
    border-radius: var(--border-radius);
    border: 1px solid var(--main-black-color-8);
    padding: 1rem 2rem;
    position: relative;
}

.borderedBtnBackground{
    position: absolute;
    right: 50%;
    top: 50%;
    width: 0%;
    height: 0%;
    background: var(--main-black-color-8);
    border-radius: 100px;
    z-index: -1;
    transition: all 240ms ease-in-out;
}

.borderedBtn:hover .borderedBtnBackground{
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.submitBtn{
    border: none;
    background-color: transparent;
}

.arrowBtn{
    position: absolute;
    right: 0;
    top: 41%;
    width: 40px;
    height: 40px;
    background-color: grey;
    background-image: url(/assets/icons/accordion-arrow-white.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.btnRightArrow{
    rotate: 180deg;
    right: unset;
    left: 0;
}

.contact{
    position: absolute;
    top: 7px;
    right: 0;
    width: 70px;
    background-color: #e00;
    background-image: url(/assets/icons/talk-bubbles.svg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 50% 8px;
    height: 68px;
    padding-top: 36px;
    font-size: clamp(12px, 2vw, 14px);
    color: #FFF;
    font-weight: 200;
    letter-spacing: 0.4px;
}

input[type=submit]{
    font-family: var(--text-font);
    font-size: 1rem;
    line-height: 1.76rem;
    font-weight: 600;
    font-style: normal;
    width: 130px;
    background-color: transparent;
    border: none;
    z-index: 1;
    line-height: 56px;
}

.gform_wrapper.gravity-theme .gform_footer{
    position: relative;
    align-items: center;
}

.gform_wrapper.gravity-theme .gform_footer input{
    margin-bottom: 0!important;
}

.gform_footer .mainBtn{
    position: absolute;
    left: 105px;
}

.slick-arrow.accordionArrowBtn,
.slick-arrow.accordionArrowBtn:hover,
.slick-arrow.accordionArrowBtn:focus{
    background-image: url(/assets/icons/accordion-arrow-black.svg);
    background-color: var(--white-color);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
    width: 4rem;
    height: 2rem;
}

.mobileMenu{
    display: none;
}

.desktopMenu .menuWrapper{
    flex-direction: row;
}

.navBar{
    padding: 1.5rem 3.75rem;
    flex-direction: column;
    max-width: 1440px;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: var(--white-color);
}

.navBar nav{
    display: block;
    margin-left: auto;
}

[dir="rtl"]  .navBar nav{
    display: block;
    margin-left: unset;
    margin-right: auto;
}

.navBar ul{
    gap: 2.5rem;
}

.navBar li{
    list-style: none;
    font-family: var(--titles-font);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    border-bottom: 1px solid transparent;
    transition: border-color 300ms;
}

.mobileNav .mobileNav li{
    border-bottom: none;
}

.menu-item-661{
    margin-left: 2.5rem;
}

.menu-item-has-children{
    display: flex;
}

.menu-item-has-children > a{
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: 2px solid var(--black-color-24);
    height: fit-content;
}

[dir="rtl"] .menu-item-has-children > a{
    padding-left: 0.5rem;
    padding-right: 0;
    margin-left: 0.5rem;
    margin-right: 0;
    border-left: 2px solid var(--black-color-24);
    border-right: none;
}

.navBar.desktopMode #headerMenuPrimary .menu-item-has-children > a{
    display: none;
}

.navBar.mobileMode #headerMenuPrimary .menu-item-has-children > a{
    display: flex;
}

.menu-item-has-children > .sub-menu{
    display: block;
    padding: 0;
    opacity: 0.5;
    width: auto;
    margin-bottom: 0;
}

.navBar li:hover, li.current-menu-item{
    border-color: var(--black-color);
}

.navBar.mobileMode li:hover, 
.navBar.mobileMode li.current-menu-item{
    border-color: transparent;
}

li.wpml-ls-menu-item:hover {
    border-color: transparent;
}

li.wpml-ls-menu-item > .sub-menu > li:hover, li.wpml-ls-menu-item > a:hover {
    border-bottom: 1px solid #000;
}

li.wpml-ls-menu-item > .sub-menu > li, li.wpml-ls-menu-item > a {
    border-bottom: 1px solid transparent;
}

/* WPML Language Selector - Display in row */
.wpml-ls-current-language,
.wpml-ls-menu-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}

.wpml-ls-sub-menu,
.wpml-ls-menu-item .sub-menu,
.wpml-ls-menu-item ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.wpml-ls-sub-menu li,
.wpml-ls-menu-item .sub-menu li,
.wpml-ls-menu-item ul li {
    display: inline-block;
    list-style: none;
}

/* .sub-menu {
    display: none;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children > .sub-menu {
    display: block;
    position: absolute;
    background: #FFF;
    padding: 10px;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    width: 250px;
} */

.contact{
    margin-left: 2.5rem;
}

.mobile{
    display: none;
}

.section{
    padding: 5rem 3.75rem;
    max-width: 1440px;
    margin: auto;
}

.fluidSection{
    padding: 5rem 0;
}

.leftSide{
    flex: 0 0 34%;
}

.rightSide{
    flex: 0 0 45%;
}

.contactBtn{
    flex: 0 0 100%;
}

.heroSection p{
    line-height: 2.4rem;
}

.videoContent{
    width: 100%;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.heroSection video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videoSection{
    padding-top: 0;
}

.aboutSection{
    gap: 5rem;
}

.mobileLogos{
    display: none;
}

.scrollContainer{
    width: 15rem;
    height: 15rem;
    overflow: hidden;
    position: relative;
}

.scrollContent{
    display: flex;
    flex-direction: column;
    position: absolute;
}

.logoItem{
    width: 15rem;
    height: 15rem;
}

.logoItem p{
    font-size: 1.4375rem;
    font-weight: 500;
    font-family: var(--titles-font);
}

.logoItem img{
    height: auto;
    width: auto;
    max-width: 100%;
}

.aboutSection .leftSide{
    display: flex;
    flex-basis: 29%;
}

.aboutSection .rightSide{
    flex-basis: 56%;
}

.progressBarSectionCol{
    background-color: var(--black-color);
    color: var(--white-color);
}

.progressBarSectionCol h1{
    width: 60%;
    min-width: 840px;
    margin-left: 6.9375rem;
    margin-bottom: 0.75rem;
}

.progressBarSectionCol .opacity{
    opacity: 0.64;
}

.roadsContiner{
    margin-bottom: 7rem;
    margin-top: 3rem;
}

.progressBarContainer{
    width: 100%;
    height: 2.5rem;
    background-color: #FFFFFF29;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.progressBar{
    background-color: var(--orange-color);
    border-radius: var(--border-radius);
    width: 13%;
    transition: width 320ms ease-in-out;
}

.roadWrapper{
    flex: 1 1 0;
    min-width: 0;
    cursor: default;
}

.road{
    --road-color: #FFFFFF52;
    width: 100%;
    height: 10rem;
    border-left: 2px solid var(--road-color);
    transition: border-color 320ms ease-in-out;
}

.roadDot{
    position: absolute;
    left: -7px;
    top: -11.5px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 6px solid var(--road-color);
}

.roadTitle{
    --road-title-color: var(var(--white-color));
    font-family: var(--titles-font);
    color: var(--road-title-color);
    transition: color 320ms ease-in-out;
}

.roadText{
    --road-text-color: var(--white-color-40);
    color: var(--road-text-color);
    transition: color 320ms ease-in-out;
}

.progressBarSectionNew .roadWrapper svg *{
    fill: var(--road-icon-color);
}

.progressBarSectionNew .roadWrapper svg{
    --road-icon-color: var(--white-color);
}

.roadWrapper.active .road{
    --road-color: var(--orange-color);
}

.roadWrapper.active .roadTitle{
    --road-title-color: var(--orange-color);
}

.progressBarSectionCol:not(.progressBarSectionNew) .roadWrapper.active .roadText{
    --road-text-color: var(--white-color);
}

.progressBarSectionNew .roadWrapper.active svg{
    --road-icon-color: var(--orange-color);
}

.progressBarSectionNew .roadWrapper[aria-disabled="true"]{
    opacity: 0.4;
}

.progressBarSectionNew .h1{
    padding-bottom: 62px;
}

.contactBtn{
    width: 60%;
}

.progressBarSectionCol .downArrowBtn{
    background-color: var(--white-color-24);
}

.worldMap{
    padding: 10rem 0 7.25rem 4rem;
}

.worldMap h4{
    width: 50%;
    min-width: 820px;
    position: relative;
    z-index: 999;
}

.worldMap .mapContainer{
    margin-top: -1rem;
}

.worldMap .mapContainer #world-map{
    max-width: 100%;
}

.jvectormap-container{
    background-color: transparent;
}

.worldMap .textContent{
    gap: 7rem
}

.jvectormap-zoomin {
    top: 20px;
}

.jvectormap-zoomout {
    top: 40px;
}

.orangedSection{
    background-color: var(--orange-color) !important;
}

.iconedAccordion{
    padding: 7.5rem 4rem;
}

.accordionSection, 
.accordion-button:not(.collapsed){
    color: var(--main-black-color);
    background-color: transparent;
}

.accordion{
    padding: 3rem 0;
}

.margined .accordion{
    width: 84%;
    margin-left: auto;
}

.accordion-item{
    padding: 2rem 0;
    border: none;
    border-radius: 0!important;
    border-bottom: 1px solid var(--main-black-color);
}

.blueSection {
    background-color: var(--blue-color) !important;
}

.blueSection .accordion-item{
    border-color: var(--white-color);
}

.whiteSection {
    background-color: transparent !important;
}

.whiteSection .accordion-item{
    border-color: #04040529;
}

.whiteSection *{
    background-color: transparent;
    color: var(--main-black-color);
}

.accordion-button::after{
    content: none;
}

.accordion-button:focus{
    box-shadow: none;
}

.accordion-button:not(.collapsed){
    background-color: transparent;
    box-shadow: none;
}

.blueSection *{
    background-color: transparent;
    color: var(--white-color);
}

.opacity-64{
    opacity: 64%;
}

.orangedSection *{
    background: transparent;
}

.orangedSection img{
    filter: invert(1);
}

.orangedSection .sustainabilityTag{
    background-color: var(--white-color);
}

.orangedSection .sustainabilityTag small{
    color: var(--main-black-color);
    text-transform: uppercase;
    background-blend-mode: exclusion;
}

.accordion-button h3{
    padding-left: 3.5rem;
}

.accordion-collapse{
    padding-left: 7.5rem;
    padding-right: 9rem;
}

.sustainabilityTag small{
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 2rem;
    line-height: 1rem;
}

.sustainabilityTag{
    background-color: var(--black-color);
    border-radius: var(--border-radius);
    padding: 0.5rem 1rem;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
}

.carouselSection{
    gap: 3.5rem;
    padding-bottom: 5rem;
}

.postButtonsWrapper{
    padding-right: 4rem;
}

.singlePost{
    width: 400px;
}

.postImage{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0.5rem;
}

.postTitle{
    font-size: 1.75rem;
    line-height: 140%;
    font-weight: 400;
}

.postContent{
    line-height: 1.75rem;
    color: var(--main-black-color-40);
}

.slick-slider .slick-track{
    display: flex;
    gap: 2rem;
}

.slick-list.draggable{
    padding: 0;
}

.slick-arrow{
    position: unset;
    transform: none;
}

.slick-arrow::before{
    display: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    background: var(--main-black-color-8);
    background-image: url(/assets/icons/arrow-white.svg);
    content: " ";
    background-position: center;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
}

.slick-prev:hover, .slick-prev:focus{
    rotate: 180deg;
}

.contactFormSection .contentWrapper{
    width: 865px;
    display: flex;
    flex-direction: column;
}

.contactFormSection .subtitle{
    line-height: 2.4rem;
    opacity: 0.64;
}

.formWrapper{
    gap: 2rem;
    margin-top: 5.625rem;
    margin-bottom: 4rem;
}

.gform_wrapper.gravity-theme .gform_fields input{
    color: var(--main-black-color-40);
    font-family: var(--titles-font);
    font-size: 1.5rem!important; /* 24px */
    font-style: normal;
    font-weight: 200;
    line-height: 2.4rem; /* 38.4px */
    padding: 0.75rem 2rem!important;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(4, 4, 5, 0.32);
}

.gform_wrapper.gravity-theme .gform_fields input:focus,
.gform_wrapper.gravity-theme .gform_fields input:focus-visible{
    box-shadow: none;
    outline: none;
    border-color: rgba(4, 4, 5, 0.32);
    color: var(--main-black-color);
    background-color: transparent;
}

.gform_wrapper.gravity-theme .gform_fields input[type=file]:not(:disabled):not([readonly]) {
    border-right: transparent;
}

.gform_wrapper.gravity-theme .gform_fields input::placeholder{
    color: var(--main-black-color-40);
}

.FAQaccordion{
    margin-bottom: 5rem;
}

.arrowedAccordion h1{
    width: 50%;
    min-width: 635px;
    margin-bottom: 3.75rem;
    text-wrap: balance;
}

.servicesPage .arrowedAccordion h1{
    text-align: end;
}

.arrowedAccordion .opacity{
    color: var(--main-black-color-40);
    display: block;
}

.arrowedAccordion .accordion-button{
    gap: 1rem;
    flex-wrap: nowrap;
}

.arrowedAccordion .accordion-button::before{
    width: 1.25rem;
    min-width: 1.5rem;
    height: 1.25rem;
    content: "";
    background-image: url(/assets/icons/accordion-arrow-black.svg);
    background-repeat: no-repeat;
    transition: transform 320ms ease-in-out;
}

.arrowedAccordion .accordion-button[aria-expanded="true"]::before{
    transform: rotate(90deg);
}

.accordion-button h6{
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: var(--main-black-color);
}

.arrowedAccordion .accordion-body p{
    line-height: normal;
    padding-left: 2.25rem;
    color: var(--main-black-color-80);
}

.arrowedAccordion .accordion-item{
    border-bottom: 1px solid var(--main-black-color-40);
}

video {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
}

footer{
    padding: 0 4rem 3.5rem 4rem;
    max-width: 1440px;
    margin: auto;
}

.footerNav{
    padding-top: 2.5rem;
    border-top: 1px solid var(--main-black-color-60);
}

.footerNav ul{
    gap: 2rem;
    list-style: none;

    .menu-item{
        color: rgba(4, 4, 5, 0.60);
        font-family: Manrope;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
}

footer p.biggest{
    color: var(--light-blue-color);
    margin-top: 40px;
}

/* Career page */
section#openPositions div#accordion>div,
section#openPositions div#accordion>a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    gap: 3.5rem;
    padding: 2rem 3.5rem;
    transition: var(--bs-accordion-transition);
    border-radius: 0!important;
    border-bottom: 1px solid var(--main-black-color);
}

.careerPage .contentWrapper{
    gap: 1.5rem;
}

.careerPage .heroSection{
    gap: 4.5rem;
}

.careerPage .contentWrapper p{
    width: 100%;
    max-width: 700px;
}

.imagedSectionContainer .singleItem{
    width: 644px;
    height: 700px;
}

.imagedSectionContainer .singleItem img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.butnsWrapper{
    padding-left: 4rem;
    padding-top: 3rem;
    gap: 1rem;
}

.aboutSection .textContent{
    width: 55%;
    white-space: pre-line;
    margin-left: 7.75rem;
}

.summaryAnimationWrapper .row p{
    opacity: 1;
    transition: all 320ms ease-in-out;
}

.summaryAnimationWrapper .row:not(.active) .count{
    opacity: 0.32;
}

.summaryAnimationWrapper .row:not(.active) .desc{
    opacity: 0;
}

.numberedAccordion h5{
    font-size: 1.875rem;
    line-height: 1.875rem;
    width: 100%;
}


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

.numberedAccordion .accordion-item{
    padding: 0;
}

.numberedAccordion .accordion-button{
    gap: 3.5rem;
    padding: 2rem 3.5rem;
}

.numberedAccordion .accordion-button a{
    display: flex;
    width: 100%;
    align-items: center;
}

.numberedAccordion .accordion-button img{
    transition: all 320ms ease-in-out;
}

.numberedAccordion .accordion-button[aria-expanded="true"] img{
    transform: rotate(-45deg);
}

.marginedTitle h4{
    margin-left: 14.1875rem;
}

.smallerSubtitle h5{
    font-size: 1.625rem;
    line-height: 1.625rem;
}

.titleRight h4{
    width: fit-content;
    margin-left: auto;
    margin-right: 14.1875rem;
}

.singlePosition .content{
    width: 60%;
    padding-left: 0.25rem;
}

.singlePosition p,
.singlePosition ul{
    font-size: 1rem;
    line-height: 1.76rem;
    font-weight: 500;
    font-style: normal;
}

.singlePosition .subtitle{
    font-weight: 600;
}

.careerPage .singlePosition p, 
.careerPage .singlePosition ul,
.careerPage .singlePosition ol,
.careerPage .singlePosition h2,
.careerPage .singlePosition h3,
.careerPage .singlePosition h4{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem; /* 36px */
    font-family: var(--text-font);
}

.careerPage .singlePosition .content h1{
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem; /* 36px */
    font-family: var(--text-font);
}

.careerPage .singlePosition p img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.careerPage .singlePosition .subtitle{
    font-weight: 500;
    font-size: 1.5rem;
    font-family: var(--titles-font);
    margin-top: 2rem;
}

.careerPage .singlePosition .gallery-item{
    max-width: 40%;
    align-self: center;
}

.careerPage .singlePosition .gallery-item img{
    width: 100%;
    height: auto;
}

.stickyContent{
    max-width: 40%;
}

.contactForm{
    position: sticky;
    top: 2rem;
    left: 0;
    bottom: 2rem;
}

.sideForm .title{
    font-size: 1.3125rem;
    line-height: 100%;
}

.sideForm .formWrapper{
    margin: 1.5rem 0;
    gap: 1.5rem;
}

.sideForm .gform_wrapper.gravity-theme input[type=text],
.sideForm .gform_wrapper.gravity-theme input[type=email],
.sideForm .gform_wrapper.gravity-theme input[type=tel],
.sideForm .gform_wrapper.gravity-theme input[type=file]{
    padding: 0.5rem 1rem!important;
    font-size: 1.125rem!important;
    line-height: 1.8rem!important;
}

.sideForm input[type=submit]{
    text-align: left;
    margin-left: auto;
}

.sideForm .gform_footer .mainBtn{
    right: 0;
    left: unset;
}

.ginput_container_radio .gfield_radio{
    text-align: left;
}

.gfield_radio .gchoice{
    padding-bottom: 1rem;
}

.sideform .gform_wrapper.gravity-theme .gfield-choice-input+label{
    vertical-align: text-top!important;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 12!important;
    -ms-grid-column-span: 12!important;
}

.gform_wrapper.gravity-theme .gfield_radio label,
.gform_wrapper.gravity-theme .gform_fileupload_rules,
.gform_wrapper.gravity-theme .gform_required_legend{
    font-family: var(--text-font)!important;
    padding-left: 1rem;
    line-height: normal!important;
}

.gform_wrapper.gravity-theme .gform_fileupload_rules,
.gform_wrapper.gravity-theme .gform_required_legend{
    font-size: 0.85rem!important;
    text-wrap: balance;
    padding-top: 0.7rem!important;
    color: var(--main-black-color-80);
}

/* Job posting page */

.jobPostingPage h1{
    text-align: center;
    padding: 1rem 2rem 7.5rem 2rem;
}

.jobPostingPage .content{
    width: 57.27%;
}

.shareIcons {
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 2rem;
}

.shareIcons a{
    padding: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--light-grey-color);
}

.jobPostingPage .singlePosition p, 
.jobPostingPage .singlePosition ul,
.jobPostingPage .singlePosition h2,
.jobPostingPage .singlePosition h3{
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.25rem; /* 36px */
    font-family: var(--text-font);
}

/* Services page */

.imagesWrapper .imagedSectionContainer > div{
    width: max-content;
    transform: translateX(-10%);
    margin: 0 auto;
}

.servicesList {
    gap: 3rem;
    margin-left: 7.3rem;
}

.servicesPage .aboutSection{
    display: flex;
    flex-direction: column;
    gap: 13.44rem;
}

.servicesList a{
    opacity: 0.4;
    transition: all 240ms ease-in-out;
}

.servicesPage .roadWrapper.active .roadTitle{
    --road-title-color: var(--white-color);
}

.servicesPage .progressBarSectionCol{
    background-color: var(--blue-color);
}

.postsWrapper{
    justify-content: space-between;
    margin-top: 3.5rem;
}

.servicesPage .titleWrapper{
    width: 30%;
}

table{
    width: 100%;
    margin-top: 4.44rem;
}

table *{
    color: var(--black-color);
    font-family: var(--table-font);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 148.682%;
}

thead{
    padding-bottom: 2.7rem;
}

thead th{
    padding-bottom: 3rem;
    text-align: center;
}

tbody *{
    font-weight: 300;
    padding: 1rem;
}

.description{
    font-weight: 300;
}

.responsible{
    color: var(--blue-grey-color);
    text-align: center;
    font-family: var(--table-font-2);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.kc span{
    background-color: var(--orange-color-10);
    padding: 0.5rem 1rem 0.5rem 2.5rem;
    border-radius: 2.125rem;
    color: var(--orange-color);
    font-weight: 500;
    background-image: url(/assets/icons/check-orange.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-position-x: 0.75rem;
}

.scopeItemsWrapper{
    width: 100%;
    padding: 1.5rem 1rem;
    border-radius: 24px;
    border: 1px solid rgba(4, 4, 5, 0.24);
}

[dir="rtl"] .slick-slider {
    direction: ltr; 
}

[dir='rtl'] .slick-prev{
    order: 1;
}

[dir='rtl'] .butnsWrapper{
    padding-right: 4rem;
}

.scopeItemsWrapper .slick-prev.slick-arrow.accordionArrowBtn{
    background-color: transparent;
    position: absolute;
    rotate: 180deg;
    top: 1.75rem;
    left: 0;
}

.scopeItemsWrapper .slick-next.slick-arrow.accordionArrowBtn{
    position: absolute;
    top: 1.75rem;
    right: 0;
}



.scopeItemsWrapper .slick-arrow.accordionArrowBtn,
.scopeItemsWrapper .slick-arrow.accordionArrowBtn:hover,
.scopeItemsWrapper .slick-arrow.accordionArrowBtn:focus{
    background-color: transparent;
}

.serviceItem{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.serviceItem .title{
    color: var(--black-color);
    text-align: center;
    font-family: var(--table-font);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    max-width: 80%;
    margin: 0 auto;
}

.itemRow .responsible{
    font-size: 1rem;
    height: max-content;
    padding: 0;
}

.itemRow .description{
    font-size: 1.125rem;
}

.scopeItemsWrapper .leftBtn{
    top: 0;
    left: 0;
}

.techStackWrapper{
    padding-top: 3.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.techStackWrapper .field{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.field img{
    width: 3rem;
    height: 3rem;
}

.techStackList{
    gap: 3.5rem;
    border-left: 1px solid var(--black-color-24);
    padding-left: 2rem;
}

.techStackList img{
    width: 4rem;
    height: 4rem;
}

.techStackList p{
    font-family: var(--titles-font);
    font-weight: 200;
}

.certifications{
    gap: 2rem;
    padding-top: 5rem;
}

.relatedPosts{
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

/* Case studies page */

.postsWrapper{
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 3rem;
}

.postsWrapper .singlePost{
    width: auto;
    flex: 0 0 calc(50% - 0.75rem);
}

.caseStudiesPage .postTitle{
    font-size: 1.5rem;
    line-height: 180%;
    font-weight: 500;
    padding-bottom: 0.5rem;
}

.caseStudiesPage .postContent{
    color: var(--main-black-color);
    opacity: 0.64;
}

.pagination{
    padding-top: 4rem;
}

.pagination ul{
    width: 100%;
    gap: 1rem;
    padding: 0;
    list-style: none;
    text-underline-offset: 0.375rem;
}

.pagination .page-numbers{
    color: var(--black-color);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.page-numbers.current{
    text-decoration: underline;
}

.prev img{
    rotate: 180deg;
}

/* Contact page */

.contactPage .heroSection h2{
    width: 50%;
    padding-bottom: 1.5rem;
}

.contactPage .contactFormSection{
    gap: 4.75rem;
}

.contactPage .contactFormSection .contentWrapper{
    width: auto;
    flex: 0 0 calc(50% - 2.5rem);
}

.contactPage .formWrapper{
    margin-top: 0;
}

.contactPage .contactFormSection .imageWrapper{
    width: 100%;
    flex: 0 0 calc(50% - 2.5rem);
}

.contactFormSection .imageWrapper img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    height: unset;
}

.form-control.required{
    background-image: url(/assets/icons/required.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 95%;
}

.officesSection{
    padding: 5rem 0;
}

.officesSection > h4,
.officesSection .nav-tabs{
    padding: 0 3.75rem;
    border: none;
}

.officesSection .nav-tabs{
    overflow-x: overlay;
    overflow-y: hidden;
    flex-wrap: nowrap;
}

.officesSection .nav-tabs::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.officesSection .nav-item{
    flex: 1 0 265px;
}

.officesSection .nav-link{
    display: flex;
    width: 100%;
    padding: 2.5rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    flex: 1 0 0;
    color: var(--main-black-color);
    border: none;
    border-bottom: 0.375rem solid var(--main-black-color-40);
    transition: all 240ms ease-in-out;
}

.officesSection .nav-link.active{
    border-bottom: 0.375rem solid var(--blue-color);
}

.address{
    max-width: fit-content;
    min-height: 173px;
}

.tab-pane.active{
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    padding-top: 3.75rem;
}

.tab-pane .imageWrapper{
    width: 100%;
    height: fit-content;
}

.imageWrapper img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1440 / 320;
    min-height: 121px;
}

/* Blog page */

.mainPost .singlePost{
    width: 100%;
}

.mainPost .postImage{
    height: auto;
    max-height: 640px;
}

.mainPost ul{
    font-family: var(--text-font);
    font-size: 1.25rem;
    list-style: none;
    font-style: normal;
    font-weight: 400;
    line-height: 2.5rem; /* 40px */
    padding: 0;
    margin: 0;
}

.mainPost .postCategory{
    padding: 0 0.5rem 0.5rem 0.5rem;
    border-bottom: 2px solid var(--lighter-grey-color);
    cursor: pointer;
}

.mainPost .postCategory a{
    text-wrap: nowrap;
}

.mainPost .postCategory.active{
    border-color: var(--main-black-color);
}

.postsWrapper img{
    aspect-ratio: 644/480;
    border-radius: 0;
    height: 450px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.blogPage .heroSection{
    gap: 5rem;
}

.blogPage .postsWrapper .postTitle{
    font-size: 1.5rem;
    line-height: 180%;
    font-weight: 500;
    max-width: 75%;
    text-wrap: balance;
    padding-left: 1.5rem;
}

.blogPage .postsWrapper .postContent{
    max-width: 73%;
    padding-top: 0.5rem;
    padding-left: 1.5rem;
}

/* Blog post page */

.blogPostPage div#ez-toc-container .ez-toc-title-container{
    padding-bottom: 2rem!important;
}

.blogPostPage div#ez-toc-container .ez-toc-title{
    font-family: var(--titles-font)!important;
    font-size: 2rem!important;
    font-style: normal!important;
    line-height: 2.4rem!important;
}

.blogPostPage .contentWrapper p{
    margin-top: 1.5rem;
    text-wrap: balance;
}

.blogPostPage .ez-toc-title-toggle{
    display: none;
}

.postContentWrapper #ez-toc-container{
    width: 80%;
    border: none;
    box-shadow: none;
    margin-bottom: 5rem;
}

div#ez-toc-container li,
div#ez-toc-container ul li{
    font-family: var(--text-font)!important;
    font-size: 1.5rem!important;
    font-style: normal;
    font-weight: 400!important;
    color: var(--main-black-color)!important;
    line-height: 2.7rem;
    margin: 0;
}

div#ez-toc-container ul li a{
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: 180%;
    text-decoration: underline;
}

.postContentWrapper h2,
.postContentWrapper h3,
.postContentWrapper h4,
.postContentWrapper .historySection > h4{
    font-family: var(--titles-font);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 0;
}

.postContentWrapper h3{
    font-size: 1.75rem;
}

.postContentWrapper h4{
    font-size: 1.5rem;
}

.postContentWrapper ol,
.postContentWrapper ul{
    font-family: var(--text-font);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    padding-left: 1.5rem;
}

.postContentWrapper ul{
    list-style: disc;
}

.postContentWrapper blockquote{
    font-family: var(--text-font);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.7rem;
    margin: 0;
    border-left: 4px solid lightgray;
    font-style: italic;
    color: var(--main-black-color-80);
    padding: 1rem 4rem 1rem 2rem;
}

.blogPostPage.mobileMode .shareIcons{
    flex-direction: row;
    justify-content: center;
}

.postContainer{
    gap: 2rem;
}

.postContainer .stickyContent{
    width: calc((100% - 65.55%) * 0.5 - 2rem);
}

.postContentWrapper{
    width: 65.6%;
    white-space: pre-line;
}

.postContainer .shareIcons{
    width: fit-content;
    margin-left: auto;
    margin-top: 2rem;
}

.simpleTable {
    white-space: normal;
}

.simpleTableWrapper{
    padding-top: 3rem;
}

.simpleTableColumn .tableHeader{
    margin-bottom: 1.5rem;
    display: flex;
    height: var(--simple-table-header-height);
}

.simpleTableColumn{
    flex: 0 0 calc(25% - 0.75rem);
}

.h1.ad{
    width: 100%;
    height: 283px;
    background-color: var(--grey-color);
    margin: 5rem 0;
    color: var(--black-color-60);
    align-content: center;
}

.postContainer .smaller.secondary{
    font-size: 1.75rem;
}

/* Company page */

.companyPage .aboutSection p{
    width: 70%;
    font-size: 1.25rem;
    line-height: 180%;
}

.postContentWrapper .historySection{
    padding: 1rem;
}

.historySection {
    white-space: normal;
}

.factWrapper{
    position: absolute;
}

.factWrapper .year{
    color: #747474;
    font-family: var(--text-font);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.factWrapper .fact{
    color: var(--main-black-color);
    font-family: var(--titles-font);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-wrap: wrap;
}

.historySection h4{
    padding-bottom: 2.5rem;
}

.timeline-container {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0;
    padding-left: 7%;
}

.timeline {
    width: 100%;
    height: 100%;
}

.timelineWrapper{
    width: 70%;
    flex-wrap: wrap;
}

.timeline-point {
    position: absolute;
    background-color: #0462FB;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.innerWrapper{
    width: 56px;
    height: 56px;
}

.first .clear{
    border-top: 2px solid var(--blue-color);
    flex-basis: 60%;
    margin-left: -10%;
}

.first .clear .start.factWrapper{
    top: 0;
    left: 0;
    transform: translateY(-50%);
}

.historySection .singlePoint .textContent{
    width: 300px;
}

.postContentWrapper .historySection .singlePoint .textContent{
    width: calc(0.17 * 100vw);
    max-width: 250px;
}

.first .clear .textContent{
    transform: translateY(115%);
    bottom: 0;
    left: 0;
}

.first .clear .second.factWrapper{
    top: 0;
    right: 0;
    transform: translateY(-50%);
}

.singlePoint{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.singlePoint > div{
    position: relative;
}

.singlePoint:not(.first) .clear .timeline-point{
    display: none;
}

.element,
.clear{
    flex: 0 0 50%;
    height: 200px;
}

.topRight .element{
    border-top: 2px solid #0462FB;
    border-top-right-radius: 200px;
    border-right: 2px solid #0462FB;
    margin-left: -2px;
}

.topRight .element .factWrapper{
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
}

.topRight .textContent,
.topLeft .textContent{
    right: 0;
    transform: translateX(105%);
}

.bottomRight > .element{
    border-bottom: 2px solid #0462FB;
    border-bottom-right-radius: 200px;
    border-right: 2px solid #0462FB;
    margin-left: auto;
    margin-left: -2px;
}

.bottomRight > .element .factWrapper{
    bottom: 0;
    transform: translate(-100%, 50%);
}

.bottomRight .textContent,
.bottomLeft .textContent{
    transform: translateY(115%);
    bottom: 0;
}

.topLeft .element{
    border-top: 2px solid #0462FB;
    border-top-left-radius: 200px;
    border-left: 2px solid #0462FB;
    margin-top: -2px;
}

.topLeft .clear,
.bottomLeft .clear{
    order: 2;
}

.topLeft .element .factWrapper{
    bottom: 0;
    transform: translate(-50%, 50%);
}

.bottomLeft .element{
    border-bottom: 2px solid #0462FB;
    border-bottom-left-radius: 200px;
    border-left: 2px solid #0462FB;
    margin-top: -2px;
}

.bottomLeft .element .factWrapper{
    bottom: 0;
    right: 0;
    transform: translateY(50%);
}

.careers .contentWrapper{
    padding-bottom: 1.5rem;
}

.careers .contentWrapper p{
    width: 50%;
}

.careers .contactBtn p{
    font-size: 1.125rem;
}

.careers .iconedBtn{
    width: 1.5rem;
    height: 1.5rem;
}

.careers .mainBtn{
    padding: 1.75rem;
}

.managementTeam .slick-list{
    display: flex;
    align-items: flex-end;
    height: 380px;
}

.teamCards{
    padding-bottom: 5rem;
    padding-top: 8rem;
}

.teamMember{
    width: 13.5%;
    gap: 0.75rem;
    justify-content: center;
    opacity: 0.64;
    /* transition: width 100ms ease-in-out; */
}

.teamMember img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    filter: grayscale(1);
}

.teamMember.slick-current{
    justify-content: flex-start;
    width: 20%;
    transform: translateY(-30%);
    opacity: 1;
    min-width: 240px;
    height: 240px;
    min-height: 240px;
}

.teamMember.slick-current img{
    filter: none;
}

.infoWrapper > img{
    display: none;
}

.infoWrapper .socialIcon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.infoWrapper .position{
    margin-bottom: 1rem;
}

.teamMember.slick-current .name,
.teamMember.slick-current .position{
    visibility: hidden;
}

.teamMember .name{
    font-size: 24px;
    width: 70%;
    text-wrap: balance;
}

.teamMember .position{
    font-size: 1.25rem;
    font-weight: 500;
    line-height: normal;
    opacity: 0.64;
}

.socialIcon{
    width: fit-content;
    padding: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid var(--light-grey-color);
}

.teamQuotes{
    padding: 0 6rem;
}

.teamQuotes .mainBtn{
    position: absolute;
    top: 50px;
}

.teamQuotes .slick-prev{
    left: 0;
}

.teamQuotes .slick-next{
    right: 0;
}

[dir="rtl"] .slick-next{
    right: 0 !important;
    left: unset;
}

.teamQuotes p{
    line-height: 160%;
}

/* Admin menu */
#wp-toolbar > ul > li.hideAdminMenu{
    display: block;
    font-size: large;
    margin-left: 1rem;
}

/* Case study page */
.caseStudyHero > .heroImage{
    width: 100%;
    aspect-ratio: 1440 / 560;
    min-height: 275px;
    overflow: hidden;
}

.caseStudyHero > .heroImage img{
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 120%;
    right: 0;
}

.caseStudyHero .titlesBlock{
    position: absolute;
    top: 20%;
    left: 4%;
    color: #FFF;
    width: 760px;
    max-width: 60%;
}

.caseStudyHero .titlesBlock h6{
    font-weight: 800;
    font-family: var(--titles-font);
    font-size: clamp(0.875rem, 2vw, 1.4rem);
}

.caseStudyHero .titlesBlock h5{
    font-family: var(--text-font);
    font-weight: 900;
    font-size: clamp(1.5rem, 4vw, 2.9rem);
    letter-spacing: -2px;
    line-height: 1.1;
}

.caseStudyHero .titlesBlock a{
    width: fit-content;
    padding: 8px 16px;
    background: #FFF;
    color: #e00;
    border-radius: 4px 0;
    border: 1px solid #e00;
    font-size: 14px;
    margin-top: 18px;
}

.innerContent{
    padding: 3.5rem 4rem;
    max-width: 1440px;
    margin: auto;
}

.caseStudyHero .innerContent{
    row-gap: 2.5rem;
}

.caseStudyHero .innerContent > div{
    flex: 0 0 100%;
}

.caseStudyHero .innerContent img{
    width: 17%;
    min-width: 147px;
}

.caseStudyHero .innerContent .blueBtn,
.caseStudyAboutSection .whiteBtn{
    width: 2.5rem;
    height: 2.5rem;
}

.caseStudyHero .innerContent p,
.caseStudyAboutSection .downloadBtn p{
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    font-weight: 600;
    line-height: normal;
}

.caseStudyHero .downloadBtn,
.caseStudyAboutSection .downloadBtn{
    gap: 1.1875rem;
}

.caseStudyHero .textContentWrapper{
    gap: 1rem;
    flex: 0 0 100%;
    max-width: 882px;
}

.caseStudyHero .textContentWrapper h6{
    flex: 0 0 100%;
    font-size: clamp(1.375rem, 3vw, 2.5rem);
    color: var(--main-black-color);
    text-wrap-style: balance;
}

.caseStudyHero .textContentWrapper p{
    flex: 0 0 100%;
    font-weight: 500;
    line-height: 160%;
}

.caseStudyAboutSection{
    width: 100%;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(4, 4, 5, 0.72) 0%, rgba(4, 4, 5, 0.72) 100%);
}

.caseStudyAboutSection .sectionBackground{
    position: absolute;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    object-fit: cover;
    max-height: 100%;
    min-height: 100%;
}

.caseStudyAboutSection .innerContent > p{
    flex: 0 0 25%;
    color: var(--white-color);
    letter-spacing: 0.8px;
    font-size: clamp(0.875rem, 2vw, 1.25rem);
}

.rightPart{
    flex: 0 0 66.66%;
    color: var(--white-color);
    row-gap: 1.5rem;
    margin-left: auto;
}

.caseStudyAboutSection .keyDataWrapper{
    padding-top: 1.5rem;
    row-gap: 1.375rem;
}

.caseStudyAboutSection .keyData{
    font-size: 1.25rem;
    font-weight: 400;
    font-family: var(--titles-font);
}

.caseStudyAboutSection .keyData {
    flex: 0 0 20%;
    align-items: center;
    text-align: center;
    padding: 0 1.5rem;
    gap: 1rem;
}

.caseStudyAboutSection .keyData p{
    line-height: normal;
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    font-weight: 400;
    font-family: var(--titles-font);
}

.caseStudyProjectSection .innerContent > p,
.caseStudyIcons .innerContent > p{
    color: #747474;
    letter-spacing: 0.8px;
}

.caseStudyProjectSection .rightPart{
    gap: 2rem;
    color: var(--main-black-color);
}

.rightPart .sectionTitle{
    line-height: normal;
    font-family: var(--titles-font);
    font-size: clamp(1.125rem, 2vw, 1.5rem);
}

.rightPart p,
.rightPart p.smaller{
    font-size: clamp(1.125rem, 2vw, 1.25rem);
}

.caseStudyProjectSection .rightPart .singleBlock{
    border-top: 1px solid rgba(4, 4, 5, 0.32);
}

.caseStudyProjectSection .rightPart .singleBlock p{
    font-family: var(--titles-font);
    flex: 0 0 100%;
    font-size: clamp(1.125rem, 2vw, 1.5rem);
}

.caseStudyProjectSection .rightPart .singleBlock li{
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 32px */
    font-family: var(--text-font);
}

.caseStudyProjectSection .rightPart .singleBlock span{
    font-size: clamp(0.875rem, 2vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
    display: block;
}

.caseStudyIcons .innerContent{
    gap: 2rem;
}

.advantage{
    flex: 0 0 calc(33.33% - 22px);
    gap: 1.5rem;
    border-bottom: 1px solid rgba(4, 4, 5, 0.32);
}

.advantage p{
    font-weight: 500;
}

.advantage p.smaller{
    color: var(--main-black-color);
}

.advantage img{
    width: 4rem;
}

.twoColumnsHero .innerContent{
    gap: clamp(2.5rem, 5vw, 4rem);
}

.twoColumnsHero .leftSide{
    flex: 1;
}

.fw-500{
    font-weight: 500;
}

.fw-600{
    font-weight: 600;
}

.twoColumnsHero .contactBtn p{
    font-weight: 600;
}

.twoColumnsHero .rightSide{
    flex: unset;
}

.width-65{
    width: 65%;
}

.twoColumnsHero .keyBenefits{
    gap: clamp(16px, 4vw, 32px);
}

.twoColumnsHero .keyBenefits a{
    padding-block: clamp(16px, 4vw, 24px);
    border-top: 2px solid var(--border-grey);
}

.twoColumnsHero .keyBenefits a{
    padding-block: clamp(16px, 4vw, 24px);
    border-top: 2px solid var(--border-grey);

    .fw-600{
        padding-top: clamp(16px, 4vw, 24px);
    }
}

.twoColumnsHero .keyBenefits a:hover{
    border-color: var(--blue-color);

    svg path{
        fill: var(--blue-color);
    }
}

[dir="rtl"] .twoColumnsHero .innerContent{
    flex-direction: row-reverse;
    padding-right: 0 !important;
    padding-left: 4rem !important;
}

[dir="rtl"] .twoColumnsHero .leftSide{
    order: 2;
    text-align: right;
}

[dir="rtl"] .twoColumnsHero .rightSide{
    order: 1;
}

[dir="rtl"] .twoColumnsHero .contactBtn{
    flex-direction: row-reverse;
}

[dir="rtl"] .twoColumnsHero .rightArrowBtn{
    rotate: 180deg;
}

[dir="rtl"] .leftArrowBtn {
    rotate: 0deg;
}

[dir="rtl"] .rightArrowBtn {
    rotate: 180deg;
}

[dir="rtl"] .btnRightArrow {
    rotate: 0deg;
}

[dir="rtl"] .arrowedAccordion .accordion-button::before {
    transform: rotate(180deg);
}

[dir="rtl"] .arrowedAccordion .accordion-button[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

[dir="rtl"] .numberedAccordion .accordion-button img {
    transform: scaleX(-1);
}

[dir="rtl"] .numberedAccordion .accordion-button[aria-expanded="true"] img {
    transform: scaleX(-1) rotate(45deg);
}

[dir="rtl"] .scopeItemsWrapper .slick-prev.slick-arrow.accordionArrowBtn {
    rotate: 0deg;
}

[dir="rtl"] .scopeItemsWrapper .slick-next.slick-arrow.accordionArrowBtn {
    rotate: 180deg;
}

[dir="rtl"] .twoColumnsHero .keyBenefits{
    flex-direction: row-reverse;
}

[dir="rtl"] .twoColumnsHero .keyBenefits a{
    text-align: right;
}

[dir="rtl"] .twoColumnsHero .innerContent:last-of-type{
    flex-direction: row-reverse;
}

[dir="rtl"] .twoColumnsHero .textContent{
    text-align: right;
}

/* Services Cards Section */
.servicesCardsSection.twoColumnsHero{
    width: 100%;
    overflow: hidden;
}

.servicesCardsSection.twoColumnsHero .servicesCardsWrapper{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    gap: 0;
}

.servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper{
    flex: 0 0 45%;
    width: 45%;
    min-width: 300px;
    z-index: 1;
}

.servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper .innerContent{
    padding-right: 4rem;
    padding-left: 4rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.servicesCardsSection.twoColumnsHero .leftSide{
    max-width: 100%;
}

/* Heading Size Presets */
.servicesCardsHeading-sm{
    font-size: clamp(1.125rem, 2vw, 1.25rem);
}

.servicesCardsHeading-base{
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
}

.servicesCardsHeading-lg{
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.servicesCardsHeading-xl{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.servicesCardsHeading-2xl{
    font-size: clamp(2rem, 5vw, 3rem);
}

.servicesCardsSection.twoColumnsHero .servicesCardsImageWrapper{
    flex: 0 0 55%;
    width: 55%;
    min-width: 400px;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.servicesCardsSection.twoColumnsHero .servicesCardsImageWrapper img{
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* RTL Support for Services Cards Section */
[dir="rtl"] .servicesCardsSection.twoColumnsHero .servicesCardsWrapper{
    flex-direction: row-reverse;
}

[dir="rtl"] .servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper .innerContent{
    padding-right: 4rem;
    padding-left: 4rem;
}

[dir="rtl"] .servicesCardsSection.twoColumnsHero .leftSide{
    text-align: right;
}

[dir="rtl"] .servicesCardsSection.twoColumnsHero .servicesCardsImageWrapper{
    justify-content: flex-start;
}

/* Services Benefits Grid Section */
.servicesBenefitsGridSection .keyBenefits{
    gap: clamp(16px, 4vw, 32px);
}

.servicesBenefitsGridSection .keyBenefits a,
.servicesBenefitsGridSection .keyBenefits > div{
    padding-block: clamp(16px, 4vw, 24px);
    border-top: 2px solid var(--border-grey);
}

.servicesBenefitsGridSection .keyBenefits a .fw-600,
.servicesBenefitsGridSection .keyBenefits > div .fw-600{
    padding-top: clamp(16px, 4vw, 24px);
}

.servicesBenefitsGridSection .keyBenefits a:hover{
    border-color: var(--blue-color);
}

.servicesBenefitsGridSection .keyBenefits a:hover svg path{
    fill: var(--blue-color);
}

/* RTL Support for Services Benefits Grid */
[dir="rtl"] .servicesBenefitsGridSection .keyBenefits a,
[dir="rtl"] .servicesBenefitsGridSection .keyBenefits > div{
    text-align: right;
}

[dir="rtl"] .servicesBenefitsGridSection .innerContent:last-of-type{
    flex-direction: row-reverse;
}

[dir="rtl"] .servicesBenefitsGridSection .textContent{
    text-align: right;
}

/* Mobile Responsive for Services Benefits Grid */
@media screen and (max-width: 1080px) {
    .servicesBenefitsGridSection .keyBenefits{
        flex-direction: column;
    }

    .servicesBenefitsGridSection .width-65{
        width: 100%;
    }
}

/* CTA Combo Section */
.ctaComboSection{
    width: 100%;
}

.ctaComboSection .innerContent{
    padding-top: clamp(3rem, 6vw, 5rem);
    padding-bottom: clamp(3rem, 6vw, 5rem);
}

.ctaComboContent{
    max-width: 65%;
    margin: 0 auto;
    width: 100%;
}

.ctaComboHeading{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--main-black-color);
    line-height: 1.2;
    width: 100%;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ctaComboDescription{
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: #666666;
    line-height: 1.6;
    max-width: 100%;
    width: 100%;
    margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.ctaComboButtons{
    padding-top: clamp(1rem, 2vw, 1.5rem);
    gap: clamp(1rem, 2vw, 1.5rem);
}

.ctaComboButton{
    flex: 0 0 auto;
    align-items: center;
    gap: clamp(0.75rem, 1.5vw, 1rem);
}

.ctaComboButtonIcon{
    width: 3.5rem;
    height: 3.5rem;
    min-width: 3.5rem;
    min-height: 3.5rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    position: relative;
}

.ctaComboButtonText{
    font-size: clamp(1rem, 2vw, 1.125rem);
    font-weight: 500;
    color: var(--main-black-color);
    line-height: 1.5;
}

.ctaComboButton-primary .ctaComboButtonText{
    color: var(--main-black-color);
}

.ctaComboButton-secondary .ctaComboButtonText{
    color: var(--main-black-color);
}

.ctaComboButton:hover{
    opacity: 0.9;
}

.ctaComboButton-primary .ctaComboButtonIcon.blueBtn{
    background-image: url(/assets/icons/arrow-white.svg);
}

.ctaComboButton-secondary .ctaComboButtonIcon.greyBtn{
    background-image: url(/assets/icons/arrow-black.svg);
}

/* RTL Support for CTA Combo */
[dir="rtl"] .ctaComboContent{
    text-align: right;
}

[dir="rtl"] .ctaComboButtons{
    flex-direction: row-reverse;
}

/* Mobile Responsive for Services Cards Section */
@media screen and (max-width: 1080px) {
    .servicesCardsSection.twoColumnsHero .servicesCardsWrapper{
        flex-direction: column;
        gap: 0;
    }

    .servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper{
        width: 100%;
        max-width: 100%;
    }

    .servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper .innerContent{
        padding: 2rem 1.5rem;
    }

    /* Image on top for mobile */
    .servicesCardsSection.twoColumnsHero .servicesCardsImageWrapper{
        order: -1;
        width: 100%;
        flex: 0 0 auto;
        min-width: unset;
        height: auto;
        min-height: 300px;
        max-height: 500px;
        overflow: hidden;
    }

    .servicesCardsSection.twoColumnsHero .servicesCardsImageWrapper img{
        width: 100%;
        height: 100%;
        min-height: 300px;
        object-fit: cover;
        object-position: center;
    }

    /* Text on bottom for mobile */
    .servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper{
        order: 1;
    }

    [dir="rtl"] .servicesCardsSection.twoColumnsHero .servicesCardsTextWrapper .innerContent{
        padding: 2rem 1.5rem;
    }

    [dir="rtl"] .servicesCardsSection.twoColumnsHero .leftSide{
        text-align: right;
    }

    /* Mobile Responsive for CTA Combo */
    .ctaComboSection .innerContent{
        padding: 2rem 1.5rem;
    }

    .ctaComboContent{
        max-width: 100%;
    }

    .ctaComboButtons{
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .ctaComboButton{
        width: 100%;
        justify-content: center;
    }
}

/* RTL Overrides for Left/Right Margins and Paddings */
[dir="rtl"] .menu-item-661,
[dir="rtl"] .contact {
    margin-left: 0;
    margin-right: 2.5rem;
}

[dir="rtl"] .progressBarSectionCol h1 {
    margin-left: 0;
    margin-right: 6.9375rem;
}

[dir="rtl"] .road {
    border-left: none;
    border-right: 2px solid var(--road-color);
}

[dir="rtl"] .roadDot {
    left: unset;
    right: -7px;
}

[dir="rtl"] .accordion-button h3 {
    padding-left: 0;
    padding-right: 3.5rem;
}

[dir="rtl"] .accordion-collapse {
    padding-left: 9rem;
    padding-right: 7.5rem;
}

[dir="rtl"] .sustainabilityTag small {
    padding-left: 0;
    padding-right: 2rem;
    background-position: right;
    background-position-x: right;
}

[dir="rtl"] .kc span {
    background-position: right;
    background-position-x: calc(100% - 0.75rem);
    padding-left: 1rem;
    padding-right: 2.5rem;
}

[dir="rtl"] .form-control.required {
    background-position: left;
    background-position-x: 5%;
}

[dir="rtl"] .imagesWrapper .imagedSectionContainer > div {
    transform: translateX(10%);
}

[dir="rtl"] .imagedSectionContainer .oneSlideShow {
    transform: translateX(10%);
}

/* RTL Logo Carousel Animation */
@keyframes scroll-rtl {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(33.333%);
    }
}

[dir="rtl"] .logoCarousel .logoTrack {
    animation: scroll-rtl 20s linear infinite;
}

[dir="rtl"] .sustainabilityTag {
    margin-left: 0;
    margin-right: 1.5rem;
}

[dir="rtl"] .postButtonsWrapper {
    padding-left: 0;
    padding-right: 4rem;
}

[dir="rtl"] .arrowedAccordion .accordion-body p {
    padding-left: 0;
    padding-right: 2.25rem;
}

[dir="rtl"] .butnsWrapper {
    padding-left: 0;
    padding-right: 4rem;
}

[dir="rtl"] .aboutSection .textContent {
    margin-left: 0;
    margin-right: 7.75rem;
}

[dir="rtl"] .marginedTitle h4 {
    margin-left: 0;
    margin-right: 14.1875rem;
}

[dir="rtl"] .titleRight h4 {
    margin-left: 14.1875rem;
    margin-right: auto;
}

[dir="rtl"] .singlePosition .content {
    padding-left: 0;
    padding-right: 0.25rem;
}

[dir="rtl"] .contactForm {
    left: unset;
    right: 0;
}

[dir="rtl"] .sideForm input[type=submit] {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .sideForm .gform_footer .mainBtn {
    left: 0;
    right: unset;
}

[dir="rtl"] .gform_wrapper.gravity-theme .gfield_radio label,
[dir="rtl"] .gform_wrapper.gravity-theme .gform_fileupload_rules,
[dir="rtl"] .gform_wrapper.gravity-theme .gform_required_legend {
    padding-left: 0;
    padding-right: 1rem;
}

[dir="rtl"] section#openPositions div#accordion > div,
[dir="rtl"] section#openPositions div#accordion > a {
    text-align: right;
}

[dir="rtl"] .sideForm input[type=submit] {
    text-align: right;
}

[dir="rtl"] .ginput_container_radio .gfield_radio {
    text-align: right;
}

[dir="rtl"] .servicesList {
    margin-left: 0;
    margin-right: 7.3rem;
}

[dir="rtl"] .scopeItemsWrapper .slick-prev.slick-arrow.accordionArrowBtn {
    left: unset;
    right: 0;
}

[dir="rtl"] .scopeItemsWrapper .slick-next.slick-arrow.accordionArrowBtn {
    right: unset;
    left: 0;
}

[dir="rtl"] .techStackList {
    border-left: none;
    border-right: 1px solid var(--black-color-24);
    padding-left: 0;
    padding-right: 2rem;
}

[dir="rtl"] .blogPage .postsWrapper .postTitle,
[dir="rtl"] .blogPage .postsWrapper .postContent {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .postContentWrapper ol,
[dir="rtl"] .postContentWrapper ul {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .postContentWrapper blockquote {
    border-left: none;
    border-right: 4px solid lightgray;
    padding-left: 2rem;
    padding-right: 4rem;
}

[dir="rtl"] .postContainer .shareIcons {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .timeline-container {
    padding-left: 0;
    padding-right: 7%;
}

[dir="rtl"] .first .clear {
    margin-left: 0;
    margin-right: -10%;
}

[dir="rtl"] .first .clear .start.factWrapper,
[dir="rtl"] .first .clear .textContent {
    left: unset;
    right: 0;
}

[dir="rtl"] .first .clear .second.factWrapper {
    left: unset;
    right: 0;
}

[dir="rtl"] .topRight .element {
    border-right: none;
    border-left: 2px solid #0462FB;
    margin-left: 0;
    margin-right: -2px;
}

[dir="rtl"] .topRight .element .factWrapper {
    left: 0;
    right: unset;
}

[dir="rtl"] .topRight .textContent,
[dir="rtl"] .topLeft .textContent {
    left: 0;
    right: unset;
    transform: translateX(-105%);
}

[dir="rtl"] .bottomRight > .element {
    border-right: none;
    border-left: 2px solid #0462FB;
    margin-left: 0;
    margin-right: -2px;
}

[dir="rtl"] .bottomRight > .element .factWrapper {
    left: 0;
    right: unset;
}

[dir="rtl"] .bottomRight .textContent,
[dir="rtl"] .bottomLeft .textContent {
    left: 0;
    right: unset;
}

[dir="rtl"] .topLeft .element {
    border-left: none;
    border-right: 2px solid #0462FB;
    margin-top: 0;
    margin-right: -2px;
}

[dir="rtl"] .topLeft .element .factWrapper {
    left: unset;
    right: 0;
}

[dir="rtl"] .bottomLeft .element {
    border-left: none;
    border-right: 2px solid #0462FB;
    margin-top: 0;
    margin-right: -2px;
}

[dir="rtl"] .bottomLeft .element .factWrapper {
    left: unset;
    right: 0;
}

[dir="rtl"] .teamQuotes .slick-prev {
    left: unset;
    right: 0;
}

[dir="rtl"] .teamQuotes .slick-next {
    right: unset;
    left: 0;
}

[dir="rtl"] #wp-toolbar > ul > li.hideAdminMenu {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .caseStudyHero > .heroImage img {
    right: unset;
    left: 0;
}

[dir="rtl"] .caseStudyHero .titlesBlock {
    left: unset;
    right: 4%;
}

[dir="rtl"] .caseStudyAboutSection .sectionBackground {
    left: unset;
    right: 50%;
    transform: translate(50%, -50%);
}

[dir="rtl"] .caseStudyAboutSection .rightPart {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .caseStudyProjectSection .rightPart .singleBlock {
    border-left: none;
    border-right: 1px solid rgba(4, 4, 5, 0.32);
}

[dir="rtl"] .certifiablySecure .servicesWrapper > div:not(.w-100) {
    border-left: none;
    border-right: 1px solid var(--black-color-32);
    padding-left: clamp(0px, 4vw, 24px);
    padding-right: clamp(16px, 4vw, 32px);
}

[dir="rtl"] .gridSection .gridElement {
    border-left: none;
    border-right: 1px solid var(--black-color-32);
    padding-left: 24px;
    padding-right: clamp(8px, 3vw, 32px);
}

[dir="rtl"] .downloadSection .innerContent > div {
    margin-left: 0;
    margin-right: 70px;
}

/* Mobile RTL Overrides */
@media screen and (max-width: 768px) {
    [dir="rtl"] .navBar.mobileMode nav {
        margin-left: 0;
        margin-right: unset;
    }

    [dir="rtl"] .menu-item-661 {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .progressBarSectionCol h1 {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .arrowedAccordion .accordion-body p {
        padding-left: 0;
        padding-right: 3rem;
    }

    [dir="rtl"] .sustainabilityTag {
        margin-left: 0;
        margin-right: 4rem;
    }

    [dir="rtl"] .arrowedAccordion .accordion-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    [dir="rtl"] .arrowedAccordion .accordion-body {
        padding-left: 0;
        padding-right: 0.5rem !important;
    }

    [dir="rtl"] .gform_wrapper.gravity-theme form {
        padding-left: 0;
        padding-right: 1rem;
    }

    [dir="rtl"] .sideForm .formWrapper,
    [dir="rtl"] .contactForm .submitBtn,
    [dir="rtl"] .contentWrapper .submitBtn {
        margin-left: 0 !important;
        margin-right: 1.5rem !important;
    }

    [dir="rtl"] .gform_footer .mainBtn {
        left: 0;
        right: unset;
    }

    [dir="rtl"] .sideForm input[type=submit] {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .servicesList {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .techStackList {
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0;
    }

    [dir="rtl"] .blogPage .postsWrapper .postTitle,
    [dir="rtl"] .blogPage .postsWrapper .postContent {
        padding-left: 0;
        padding-right: 0;
    }

    [dir="rtl"] .historySection {
        padding-left: 0;
        padding-right: 2rem;
    }

    [dir="rtl"] .singlePoint {
        border-left: none;
        border-right: 2px solid var(--blue-color);
    }

    [dir="rtl"] .first .clear {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .first .clear .start.factWrapper {
        left: unset;
        right: 0;
    }

    [dir="rtl"] .first .clear .second.factWrapper {
        left: unset;
        right: 0;
    }

    [dir="rtl"] .postContentWrapper .historySection .singlePoint .textContent,
    [dir="rtl"] .historySection .singlePoint .textContent,
    [dir="rtl"] .historySection .first .clear .textContent {
        left: unset;
        right: 0;
        transform: translate(-15%, 5%);
    }

    [dir="rtl"] .simpleTableWrapper {
        padding-left: 0;
        padding-right: 2rem;
    }

    [dir="rtl"] .caseStudyHero > .heroImage img {
        right: unset;
        left: -60px;
    }

    [dir="rtl"] .caseStudyHero .titlesBlock {
        left: unset;
        right: 50px;
    }

    [dir="rtl"] .downloadSection .innerContent > div {
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .whiteSection .accordion-button h3 {
        padding-left: 0;
        padding-right: 12px;
    }
}

.certifiablySecure .innerContent > p{
    padding-block: clamp(8px, 4vw, 24px) clamp(16px, 4vw, 32px);
}

.certifiablySecure .servicesWrapper{
    padding-block: clamp(32px, 5vw, 40px);

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

.certifiablySecure .certificatesWrapper{
    padding-block: clamp(24px, 7vw, 80px);
}

.certifiablySecure .subTitle,
.partnersLogos .subTitle{
    padding-bottom: clamp(24px, 4vw, 32px);
    color: #747474;
    letter-spacing: 0.8px;
}

.certifiablySecure .twoColumnsContent > div:not(.w-100){
    width: calc(50% - 8px);
    min-width: 300px;

}

.certifiablySecure .servicesWrapper > div:not(.w-100){
    min-width: 600px;
    border-left: 1px solid var(--black-color-32);
    padding: clamp(16px, 4vw, 32px) clamp(0px, 4vw, 24px);
    gap: clamp(8px, 3vw, 24px);
}

.certifiablySecure .certificatesLogos{
    gap: clamp(16px, 4vw, 32px);
}

.certifiablySecure .certificatesLogos div{
    gap: clamp(16px, 4vw, 24px);
}

.certifiablySecure .certificatesLogos img{
    width: 80px;
}

.logoCarousel {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100px;
    background: #fff;
}

.logos {
    display: flex;
    align-items: center;
    height: 100%;
}

.logoTrack {
    display: flex;
    gap: 16px;
    animation: scroll 20s linear infinite;
}

.logoCarousel:hover .logoTrack {
    animation-play-state: paused;
}

.logoTrack img {
    max-width: 90%;
    object-fit: contain;
    flex-shrink: 0;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-33.333%);
    }
}

.logoCarousel .logoTrack .active{
    display: none;
}

.logoCarousel .logoTrack div{
    border: 1px solid #E2E8F0;
    background: #F1F5F9;
    width: clamp(163px, 10vw, 235px);
    height: clamp(70px, 10vw, 104px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.logoCarousel .logoTrack div:hover img{
    display: none;
}

.logoCarousel .logoTrack div:hover{
    background-color: var(--blue-color);
}

.logoCarousel .logoTrack div:hover .active{
    display: block;
}

.twoColumnsBlue .innerContent{
    gap: clamp(32px, 6vw, 80px);
    padding-inline: 0;
}

.twoColumnsBlue .innerContent p.bigger{
    font-family: var(--titles-font);
}

.twoColumnsBlue .singleColumnTitleBox h6{
    font-size: clamp(1.5rem, 2vw, 32px);
}

.twoColumnsBlue .singleColumn svg{
    width: clamp(1.5rem, 2vw, 2rem);
    min-width: clamp(1.5rem, 2vw, 2rem);
    height: clamp(1.5rem, 2vw, 2rem);
}

.twoColumnsWrapper{
    gap: clamp(12px, 2vw, 24px);
    overflow-x: scroll;
    padding-inline: clamp(24px, 5vw, 4rem);
}

.twoColumnsWrapper::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.singleColumn{
    width: calc(50% - 12px);
    min-width: 440px;
    padding: clamp(1rem, 2vw, 2rem);
    background: rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
}

.singleColumn:first-of-type{
    background: rgba(255, 255, 255, 0.16);
}

.singleColumn .mainBtn,
.downloadSection .mainBtn{
    width: clamp(2rem, 4vw, 3.5rem);
    height: clamp(2rem, 4vw, 3.5rem);
    background-size: clamp(14px, 2vw, 24px);
}

.singleColumn > div{
    padding-block: clamp(16px, 2vw, 32px);
}

.singleColumn .contactBtn{
    flex: none;
}

.singleColumn > div:nth-child(2){
    flex: 1;
}

.singleColumn > div:nth-child(2){
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}

.singleColumn .contactBtn:hover .whiteBtn{
    background-color: #FFFFFF52 !important;
    background-image: url(/assets/icons/arrow-white.svg);
}

.listItem{
    align-items: baseline;
    gap: 16px;
}

.gridSection .d-grid{
    grid-template-columns: repeat(auto-fill, minmax(380px, max-content));
    gap: 12px;
    padding-top: clamp(32px, 5vw, 64px);
}

.gridSection .gridElement{
    gap: 12px;
    padding: clamp(8px, 3vw, 32px) 24px;
    border-left: 1px solid var(--black-color-32);
}

.gridSection .gridElement svg{
    width: clamp(24px, 3vw, 40px);
    height: clamp(24px, 3vw, 40px);
}

.gridSection .gridElement p.fw-600{
    flex: 0 0 100%;
}

.servicesLinksList h4{
    font-size: clamp(20px, 2vw, 24px);
}

.servicesList.servicesLinksList h5{
    font-size: clamp(27px, 2vw, 48px);
}

.servicesList.servicesLinksList > div{
    gap: 8px;
}

.servicesList.servicesLinksList{
    row-gap: 1.5rem;
    column-gap: 3rem;
    padding: 0;
}

.quoteSection.innerContent{
    padding-block: clamp(4rem, 9vw, 8rem) !important;
}

.quoteSection .quoteWrapper{
    gap: clamp(32px, 4vw, 40px);
    max-width: 1029px;
    margin-inline: auto;
}

.quoteSection .quoteWrapper .autorBox{
    align-items: start;
}

.quoteSection img{
    width: clamp(80px, 10vw, 144px);
    border-radius: 50%;
    margin: 24px;
}

.quoteSection .authorName{
    font-size: clamp(22px, 4vw, 28px);
    text-wrap: nowrap;
    flex: 1;
}

.quoteSection .authorPosition{
    font-size: clamp(18px, 4vw, 24px);
}

.quoteSection .quoteText p{
    font-size: clamp(20px, 4vw, 31px);
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

.downloadSection .innerContent{
    max-width: 1020px;
}

.downloadSection img{
    width: clamp(166px, 10vw, 244px);
}

.downloadSection .opacity{
    opacity: 0.4;
}

.downloadContent p:first-of-type{
    font-size: clamp(20px, 3vw, 28px);
}

.downloadContent > p:last-of-type{
    font-size: clamp(18px, 2vw, 24px);
    color: var(--white-color-64);
}

.downloadContent .contactBtn p{
    font-size: clamp(16px, 2vw, 20px);
}

.downloadSection .h1{
    padding-bottom: clamp(64px, 9vw, 108px);
    font-size: clamp(40px, 9vw, 90px);
}

.downloadSection .innerContent > div{
    gap: 64px;
    margin-left: 70px;
}

@media screen and (max-width: 1080px) {
    
    .simpleTableColumn {
        --simple-table-header-height: auto;
        flex: 0 0 calc(50% - 0.75rem);
    }

    .simpleTableColumn .tableHeader{
        height: var(--simple-table-header-height);
        margin-bottom: 0.75rem;
    }
}

@media screen and (max-width: 768px) {
    h1, .h1{
        font-size: 3rem; /* 48px */
    }

    p.bigger, .p.bigger {
        font-size: 3rem;
    }

    p.biggest, .p.biggest {
        font-size: 3.75rem;
        line-height: 4rem;
    }

    h2, .h2 {
        font-size: 3rem;
        font-weight: 500;
    }

    h4, .h4 {
        font-size: 2.5rem;
    }

    h6, .h6 {
        font-size: 2rem;
    }

    p, .paragraph {
        font-size: 1.125rem;
        line-height: 1.8rem;
    }

    p.smaller, .paragraph.smaller {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4rem;
    }

    .mobile{
        display: block;
    }

    .desktop{
        display: none;
    }

    .bodyKrusche #pojo-a11y-toolbar{
        top: unset !important;;
        bottom: 10px !important;
    }

    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
        font-size: 100% !important;
    }

    .navBar.mobileMode.show,
    .navBar.mobileMode .navList{
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .navBar.mobileMode{
        padding: 1rem;
        flex-direction: column;
        position: fixed;
        z-index: 9999;
        background-color: white;
        top: 0;
        left: 0;
        right: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        transition: top 320ms ease-in-out;
        max-width: 100vw;
    }

    .navBar.mobileMode.show .backLayer{
        content: "";
        width: 100vw!important;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.46);
        display: inline-block;
        position: fixed;
        top: 0;
    }


    .navBar.mobileMode .desktopMenu{
        height: 0;
        overflow: hidden;
        border-radius: 0px 0px 1.5rem 1.5rem;
        background: #FFF;
        transition: all 240ms ease-in-out;
    }

    .desktopMenu .menuWrapper{
        flex-direction: column;
        padding-top: 3rem;
    }

    .menuWrapper{
        gap: 1.5rem;
    }

    .navBar ul {
        gap: 1.5rem;
    }

    .mobileMenu{
        display: flex;
        align-items: center;
        gap: 1.5rem;
        opacity: 1;
        transition: all 0.1ms ease-in-out;
        transition-delay: 240ms;
    }

    .navBar.mobileMode.show .mobileMenu{
        opacity: 0;
        transition-delay: 0ms;
    }

    .navBar.mobileMode nav {
        margin-left: unset;
    } 

    .menu-item-661 {
        margin-left: 0;
    }

    .mobileMenu button{
        border: none;
        background-color: transparent;
    }

    .mobileMenu p{
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.5rem;
        font-family: var(--titles-font);
        color: var(--main-black-color);
        text-transform: capitalize;
    }

    .languageWrapper span{
        opacity: 0.2;
    }

    .languageWrapper a{
        color: var(--main-black-color);
        opacity: 0.4;
    }

    .languageWrapper a.selected{
        opacity: 1;
    }

    .contactBtn{
        width: 100%;
    }

    .contact{
        margin: 0;
    }

    .line{
        width: 5rem;
        height: 0.25rem;
        border-radius: 0.75rem;
        background-color: var(--main-black-color-40);
        margin: 2.5rem auto;
    }

    .leftSide,
    .rightSide{
        flex: 0 0 100%;
    }

    .rightSide{
        margin-top: 1.5rem;
    }

    .heroSection .contentWrapper{
        padding: 1.675rem 0 0 0;
        gap: 1.54rem;
    }

    .heroSection .rightArrowBtn{
        rotate: 90deg;
    }

    [dir="rtl"] .heroSection .rightArrowBtn {
        rotate: -90deg;
    }

    .heroSection p {
        line-height: 1.8rem;
    }

    .section {
        padding: 5rem 1rem;
        gap: 1.5rem;
        max-width: 100vw;
    }

    .fluidSection{
        padding: 5rem 0;
    }

    .managementTeam,
    .historySection,
    .careers{
        padding-top: 0;
    }

    .aboutSection .leftSide{
        display: none;
    }

    .aboutSection .rightSide {
        flex-basis: 100%;
    }

    .videoSection {
        padding: 0;
    }

    .mobileLogos{
        display: flex;
    }

    .mobileLogos > div {
        font-weight: 500;
    }

    .mobileLogos img{
        width: 100%;
    }

    .mobileLogos p {
        font-weight: 500;
        font-family: var(--titles-font);
    }

    .progressBarSectionCol h1 {
        width: 80%;
        text-wrap: wrap;
        min-width: 320px;
        margin-left: 0;
        margin-bottom: 1.5rem;
    }

    .progressSchemaWrapper{
        display: flex;
        gap: 1.5rem;
        flex-wrap: wrap;
    }

    .progressBarContainer{
        flex: 0 0 1.5rem;
        height: 460px;
    }

    .progressBar {
        width: 100%!important;
        height: 13%;
        transition: height 320ms ease-in-out;
    }

    .roadsContiner{
        flex: 1;
        flex-direction: column;
        margin-top: 0;
        margin-bottom: 3rem;
        height: 460px;
        overflow-y: overlay;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .roadsContiner::-webkit-scrollbar {
        display: none;
    }

    .road{
        display: none;
    }

    .worldMap h4{
        width: 95%;
        min-width: unset;
        text-wrap: wrap;
    }

    .worldMap .mapContainer{
        width: 100%;
        aspect-ratio: 328 / 360;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 40px;
        border: 1px solid rgba(0, 0, 0, 0.24);
        margin-top: 1.5rem;
    }

    .worldMap p,
    .worldMap ul{
        line-height: 1.8rem;
    }

    .worldMap .textContent{
        gap: 3rem
    }

    .iconedAccordion {
        padding: 5rem 1rem;
    }

    .iconedAccordion:not(.iconedAccordion) .accordion-item{
        border-bottom: none;
        padding: 0;
    }

    .accordion{
        margin: 0;
        padding: 1.5rem 0 0 0;
        width: 100%;
    }

    .accordion-button{
        padding: 0;
        flex-wrap: wrap;
    }

    .accordion-button img{
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: auto;
        flex: 0 0 10%;
    }

    .accordion-button h3{
        font-size: 2.5rem;
        line-height: 2.5rem;
        padding-left: 1.5rem;
        flex: 0 0 80%;
    }

    .iconedAccordion:not(.numberedAccordion) .accordion-collapse{
        padding: 1rem 0 1.5rem 4rem;
    }

    .iconedAccordion.numberedAccordion .accordion-collapse{
        padding: 0 0 0 1.5rem;
    }

    .accordion-body{
        padding: 0;
    }

    .sustainabilityTag{
        margin-left: 4rem;
    }

    .sustainabilityTag small{
        color: var(--white-color);
        font-family: var(--titles-font);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        text-transform: uppercase;
        background-size: 1rem;
        padding-left: 1.5rem;
        flex: 0 0 100%
    }

    .FAQaccordion {
        margin-bottom: 0;
    }

    .arrowedAccordion h1{
        min-width: unset;
        width: 100%;
    }

    .relatedPosts{
        flex-direction: column;
        gap: 2rem;
        padding: 0 1rem;
    }

    .singlePost {
        width: 100%;
    }

    .postTitle {
        font-size: 1.5rem;
    }

    .contactFormSection{
        padding-top: 3rem;
    }

    .contactFormSection .contentWrapper {
        width: 100%;
    }

    .contactFormSection .subtitle {
        line-height: 1.8rem;
        padding-top: 0.5rem;
    }

    .formWrapper{
        margin: 1.5rem 0 2rem 1.5rem;
    }

    .form-control {
        font-size: 1.125rem;
        padding: 0.75rem 1rem;
    }

    .submitBtn{
        background-color: var(--blue-color);
        border-radius: var(--border-radius);
        padding: 1rem 1.5rem;
        width: 100%;
        justify-content: space-between;
        color: var(--white-color);
    }

    .submitBtn > .iconedBtn{
        width: unset;
        height: unset;
    }

    .submitBtn .smaller{
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .arrowedAccordion{
        padding-top: 2.5rem;
    }

    .arrowedAccordion .accordion-item{
        padding: 1.5rem 0;
    }

    .arrowedAccordion .accordion-collapse{
        padding-right: 0;
    }

    .arrowedAccordion .accordion-button h6{
        font-size: 1.125rem;
    }

    .arrowedAccordion .accordion-button{
        padding: 0 1rem !important;
    }

    .arrowedAccordion .accordion-button::before{
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        background-size: cover;
    }

    .arrowedAccordion .accordion-body{
        padding-top: 0.5rem!important;
    }

    .arrowedAccordion .accordion-body p{
        font-size: 1rem;
        padding-left: 3rem;
    }

    .arrowedAccordion .accordion-collapse{
        padding-bottom: 0;
    }

    footer {
        padding: 3.5rem 1rem 5rem 1rem;
    }

    footer .mobile p.biggest {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

    .footerNav ul{
        gap: 1rem;
        column-gap: 2rem;
        justify-content: unset!important;
    }

    /* Career page */
    .careerPage .contentWrapper{
        gap: 5.25rem;
    }

    .careerPage .heroSection{
        gap: 0.6875rem;
    }

    .careerPage .contactBtn span{
        display: block;
    }

    .imagedSectionContainer .oneSlideShow{
        width: max-content;
        transform: translateX(-10%);
    }
    
    .imagedSectionContainer .singleItem{
        width: 180px;
        height: 240px;
    }

    .aboutSection .textContent{
        width: 100%;
        margin-left: 0;
    }

    .aboutSection .textContent p{
        line-height: 1.8rem;
    }

    .summaryAnimationWrapper{
        gap: 2.5rem!important;
        padding-top: 2.5rem!important;
    }

    .summaryAnimationWrapper .row{
        gap: 2rem!important;
    }

    .summaryAnimationWrapper h1.bigger{
        font-size: 2rem;
    }

    .careerPage .worldMap{
        padding-top: 0;
    }

    .marginedTitle h4{
        margin-left: 0;
    }

    .margined .accordion{
        width: 100%;
        margin-left: 0;
    }

    .numberedAccordion .accordion-button,
    section#openPositions div#accordion > div{
        gap: 1rem;
        padding: 1.5rem 0;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .numberedAccordion .accordion-button p,
    #openPositions #accordion > div > p{
        font-size: 1.375rem;
        font-weight: 600;
        line-height: 2rem;
    }

    .numberedAccordion .accordion h5,
    #openPositions #accordion > div > h5{
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2rem;
        padding-right: 0.5rem;
    }

    .numberedAccordion .accordion-button img,
    #openPositions #accordion > div > img{
        max-width: 1.5rem;
        max-height: 2.25rem;
        width: 1.5rem;
        height: 2.25rem;
    }

    .titleRight h4{
        margin: 0;
    }

    /* Job posting page */

    .singlePosition{
        flex-direction: column;
    }

    .shareIcons{
        flex-direction: row;
        gap: 1.5rem;
    }

    .shareIcons a{
        padding: 0.75rem;
    }

    .shareIcons img{
        width: 1.5rem;
        height: 1.5rem;
        min-width: 1.5rem;
    }

    .jobPostingPage .content{
        width: 100%;
        gap: 1rem!important;
        padding-bottom: 3.5rem;
    }

    .jobPostingPage h1{
        padding: 1rem 0;
    }

    .jobPostingPage .singlePosition p, 
    .jobPostingPage .singlePosition ul{
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 1.8rem; /* 28.8px */
    }
 
    .jobPostingPage .singlePosition ul{
        font-weight: 400;
    }
    
    .jobPostingPage .singlePosition .subtitle{
        margin-top: 1rem;
    }

    .jobPostingPage .stickyContent{
        max-width: 100%;
    }

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

    .sideForm .title{
        text-transform: capitalize;
        font-size: 2rem;
    }

    .sideForm .formWrapper,
    .contactForm .submitBtn,
    .contentWrapper .submitBtn{
        margin-left: 1.5rem!important;
        width: unset!important;
    }

    .jobPostingPage .stickyContent{
        padding-bottom: 0!important;
    }

    .gform_wrapper.gravity-theme .gform_fields input{
        padding: 0.5rem 1rem !important;
        font-size: 1.125rem !important;
        line-height: 1.8rem !important;
    }

    .gform_wrapper.gravity-theme form{
        padding-left: 1rem;
    }

    .gform_wrapper.gravity-theme .gform_footer{
        background-color: var(--blue-color);
        border-radius: var(--border-radius);
        padding: 1rem 1.5rem;
        width: 100%;
        justify-content: space-between;
        color: var(--white-color);
    }

    .gform_footer .gform_button{
        color: var(--white-color);
        line-height: 1.5rem;
        font-weight: 600;
    }

    .gform_footer .mainBtn{
        right: 0;
        left: unset;
    }

    .sideForm input[type=submit]{
        margin-left: 0;
    }

    .postsWrapper{
        flex-direction: column;
        gap: 2rem;
    }

    .techStackSection{
        padding: 0 1rem;
    }

    .servicesPage .titleWrapper{
        width: 100%;
    }

    .servicesPage .aboutSection{
        gap: 7.5rem;
    }

    .servicesList{
        margin-left: 0;
        padding-bottom: 2.5rem;
    }

    .servicesList > div{
        gap: 1.5rem;
    }

    .servicesList:not(.servicesLinksList) a{
        background-image: url(/assets/icons/accordion-arrow-black.svg);
        background-repeat: no-repeat;
        background-position: right;
        opacity: 1;
    }

    .servicesList:not(.servicesLinksList) h5{
        font-size: 1.5rem;
        font-weight: 400;
    }

    .techStackWrapper .field{
        flex-direction: row;
        justify-content: start;
        padding-bottom: 1rem;
        margin: 0!important;
        border-bottom: 1px solid var(--black-color-24);
    }

    .field img {
        width: 2rem;
        height: 2rem;
    }

    .field h6 {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 140%;
    }

    .techStackWrapper .row{
        gap: 1rem;
        margin: 0;
    }

    .techStackList{
        justify-content: center;
        border-left: none;
        padding-left: 0;
    }

    .certifications{
        flex-direction: column;
        gap: 2rem;
        padding-top: 5rem;
    }

    .certifications img{
        width: 120px;
        height: 120px;
    }

    .certifications p{
        font-size: 1.5rem;
        font-weight: 400!important;
        line-height: 140%;
        padding-top: 0.5rem;
    }

    .servicesPage .arrowedAccordion h1{
        text-align: start;
    }

    .iconedAccordion.disabledMobile .accordion-item{
        border-bottom: none;
        padding: 0;
    }

    /* Contact page */
    
    .contactPage .heroSection h2{
        font-size: 2rem;
        width: 100%;
        padding-bottom: 0.5rem;
        text-wrap: balance;
    }

    .contactPage .heroSection .mobile{
        opacity: 0.64;
        line-height: 160%;
    }

    .contactPage .contactFormSection .contentWrapper{
        flex-basis: 100%;
    }

    .contactPage textarea.form-control{
        height: auto;
    }

    .officesSection .nav-tabs{
        width: 100%;
        overflow: overlay;
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
    }

    .officesSection .nav-link{
        padding: 2rem;
    }

    .tab-pane.active{
        padding-top: 2rem;
        gap: 2rem;
    }

    .address{
        min-height: 130px;
    }

    .tab-pane .imageWrapper{
        height: 121px;
    }

    /* Blog post page */

    .blogPage .mainPost .singlePost{
        order: 1;
    }

    .mainPost ul{
        flex-wrap: nowrap !important;
        width: 100%;
        overflow-x: overlay;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .mainPost ul::-webkit-scrollbar {
        display: none;
    }

    /* .mainPost li{
        text-wrap: nowrap;
    } */

    .blogPostsSection{
        padding-top: 0;
        padding-bottom: 1.5rem;
    }

    .blogPostsSection .postsWrapper{
        margin-top: 0;
    }

    .blogPage .postsWrapper .postTitle{
        line-height: 140%;
        font-weight: 400;
        max-width: 100%;
        padding-left: 0;
        text-wrap: wrap;
    }

    .blogPage .postsWrapper .postContent{
        max-width: 100%;
        padding-left: 0;
        padding-top: 0.25rem;
    }

    .blogPostPage .heroSection{
        padding-bottom: 2rem;
    }

    .postContentWrapper #ez-toc-container{
        width: 100%;
    }

    div#ez-toc-container ul li {
        font-size: 1.125rem !important;
        line-height: 1.8rem;
    }

    .postContentWrapper h2{
        font-size: 1.75rem;
        line-height: normal;
    }

    .postContentWrapper h3{
        font-size: 1.5rem;
        line-height: normal;
    }
 
    .postContentWrapper h4 {
        font-size: 1.25rem;
        line-height: normal;
    }

    .blogPostPage .heroSection p{
        line-height: 160%;
        text-wrap: wrap;
        padding-top: 1.5rem;
    }

    .postContainer .stickyContent{
        display: none;
    }

    .postContentWrapper{
        width: 100%;
    }

    /* Company page */

    .companyPage .aboutSection p,
    .companyPage .heroSection p{
        font-size: 1.125rem;
        line-height: 160%;
        margin-top: 1.5rem;
    }

    .companyPage .aboutSection,
    .companyPage .careers{
        padding-bottom: 0;
        padding-top: 0;
    }

    .companyPage .aboutSection p{
        width: 100%;
    }

    .historySection{
        padding-left: 2rem;
    }

    /* .timeline-container{
        margin-left: 0;
    } */

    .historySection h4 {
        padding-bottom: 1.25rem;
    }

    .timelineWrapper {
        width: 100%;
    }

    .singlePoint{
        height: 100px;
        border: none;
        border-left: 2px solid var(--blue-color);
    }

    .singlePoint .element,
    .singlePoint .clear{
        flex: 0 0 100%;
        height: 100px;
        border: none;
    }

    .singlePoint > .element .factWrapper{
        bottom: 0;
        top: unset;
        right: unset;
        transform: translate(-50%, 50%);
    }

    .singlePoint.first{
        position: unset!important;
    }

    .singlePoint:not(.first) .clear{
        display: none;
    }

    .first .clear{
        margin-left: 0;
    }

    .first .clear .start{
        margin-top: -16px;
    }

    .first .clear .start.factWrapper{
        transform: translate(-50%);
    }

    .first .clear .second.factWrapper {
        top: unset;
        bottom: 0;
        right: unset;
        left: 0;
        transform: translate(-50%, 50%);
    }

    .innerWrapper,
    .timeline-point{
        width: 32px;
        height: 32px;
    }

    .bottomRight > .element{
        margin: 0;
    }

    .postContentWrapper .historySection .singlePoint .textContent{
        width: calc(0.75 * 100vw);
        max-width: 500px;
    }

    .historySection .singlePoint .textContent,
    .historySection .first .clear .textContent{
        width: calc(0.75 * 100vw);
        max-width: 500px;
        right: unset;
        bottom: unset;
        left: 0;
        transform: translate(15%, 5%);
        gap: 0.25rem;
    }

    .factWrapper .year{
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.5rem;
    }
    
    .factWrapper .fact{
        font-size: 1.125rem;
    }

    .teamCards{
        display: none!important;
    }

    .teamQuotes{
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .infoWrapper{
        display: flex;
        gap: 1rem;
    }

    .infoWrapper > img{
        display: block;
        width: 35%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

    .infoWrapper .name{
        font-size: 1.5rem;
    }

    .infoWrapper .position{
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5rem;
    }

    .infoWrapper .socialIcon{
        width: 3rem;
        height: 3rem;
    }

    .infoWrapper .socialIcon img{
        width: 1.5rem;
        height: 1.5rem;
    }

    .memberQuote > p{
        font-weight: 500;
    }

    .managementTeam h4{
        text-transform: capitalize;
        text-wrap: balance;
        width: 80%;
        padding-bottom: 1.5rem;
    }

    /* Blog archive page */

    .postsWrapper .postImage,
    .mainPost .postImage{
        height: 244px;
        aspect-ratio: 328 / 244;
        border-radius: 0;
    }

    .mainPost{
        padding-bottom: 2rem!important;
    }

    .caseStudiesSection{
        padding-top: 0;
    }

    .simpleTableWrapper{
        padding-left: 2rem;
        padding-top: 2rem;
    }

    .simpleTableColumn {
        flex: 0 0 100%;
    }

    .simpleTableColumn .tableHeader{
        height: auto;
    }

    .innerContent{
        padding: 2rem 1.5rem 1rem;
    }

    .innerContent > p.smaller{
        font-size: clamp(0.875rem, 2vw, 1.25rem);
    }

    .caseStudyHero{
        margin-top: 20px;
    }

    .caseStudyHero > .heroImage img{
        width: auto;
        max-width: unset;
        right: -60px;
    }

    .caseStudyHero .innerContent{
        row-gap: 1rem;
    }

    .caseStudyHero .textContentWrapper{
        row-gap: 0.5rem;
    }

    .caseStudyHero .innerContent .blueBtn, .caseStudyAboutSection .whiteBtn{
        background-size: 50%;
        padding: 0.75rem;
        width: 1.5rem;
        height: 1.5rem;
    }

    .caseStudyHero .downloadBtn,
    .caseStudyAboutSection .downloadBtn{
        gap: 0.75 rem;
    }

    .contact{
        width: 60px;
        height: 58px;
        top: 4px;
    }

    .caseStudyHero .titlesBlock{
        top: 15%;
        max-width: 55%;
        left: 50px;
    }

    .caseStudyHero .titlesBlock a{
        padding: 4px 12px;
    }

    .caseStudyAboutSection .innerContent,
    .caseStudyProjectSection .innerContent{
        flex-direction: column;
        row-gap: 1.5rem;
    }

    .caseStudyAboutSection .innerContent > p{
        letter-spacing: 0.56px;
    }

    .caseStudyProjectSection .rightPart{
        gap: 0;
    }

    .caseStudyAboutSection .keyDataWrapper{
        padding-top: 1rem;
    }

    .caseStudyAboutSection .keyData {
        min-width: 32.65%;
    }

    .advantage{
        flex-basis: 100%;
        gap: 1rem;
        border-bottom: 1px solid rgba(4, 4, 5, 0.32);
    }

    .caseStudyIcons .innerContent{
        gap: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .advantage img{
        width: 2.5rem;
    }

    .advantage .smaller{
        font-size: 0.875rem;
    }

    .twoColumnsHero .contactBtn{
        padding-top: 0 !important;
    }

    .twoColumnsHero .innerContent:first-of-type{
        padding-left: 0;
    }

    [dir="rtl"] .twoColumnsHero .innerContent:first-of-type{
        padding-right: 0 !important;
        padding-left: 1.5rem;
    }

    .twoColumnsHero .innerContent .leftSide{
        padding-left: 1.5rem;
    }

    .twoColumnsHero .innerContent .rightSide{
        display: flex;
        align-items: center;
        max-height: 320px;
        overflow: hidden;
        width: 100%;
    }

    .twoColumnsHero .innerContent .rightSide img{
        width: 100%;
    }

    .twoColumnsHero .keyBenefits{
        flex-direction: column;
    }


    [dir="rtl"] .twoColumnsHero .innerContent:first-of-type{
        padding-right: 0;
        padding-left: unset;
    }

    [dir="rtl"] .twoColumnsHero .innerContent .leftSide{
        padding-right: 1.5rem;
        padding-left: unset;
        text-align: right;
    }

    [dir="rtl"] .twoColumnsHero .keyBenefits{
        flex-direction: column;
    }

    [dir="rtl"] .twoColumnsHero .keyBenefits a{
        text-align: right;
    }

    .twoColumnsHero .width-65,
    .certifiablySecure .width-65{
        width: 100%;
    }

    .certifiablySecure .certificatesWrapper{
        flex-direction: column;
    }

    .certifiablySecure .text-center{
        text-align: start !important;
    }

    .certifiablySecure .servicesWrapper > div:not(.w-100){
        min-width: unset;
        width: 100%;
    }

    .twoColumnsBlue .innerContent{
        padding-right: 0;
    }

    .gridSection .gridElement{
        border: none;
        padding-inline: 0;
    }

    .gridSection .d-grid{
        grid-template-columns: 1fr;
    }

    .gridSection .gridElement p.fw-600{
        flex: 1;
    }

    .gridSection .gridElement p:last-of-type{
        display: none;
    }

    .quoteSection .quoteWrapper{
        flex-direction: column;
    }

    .quoteSection .quoteWrapper .autorBox{
        align-items: center;
    }

    .downloadSection .innerContent > div{
        flex-direction: column;
        margin-left: 0;
    }

    .downloadSection .innerContent .h1{
        text-align: center;
    }

    .downloadSection .innerContent img{
        margin-inline: auto;
    }

    .whiteSection .accordion-button h3{
        font-size: 20px;
        font-weight: 200;
        padding-left: 12px;
    }

    .whiteSection .accordion-button img{
        width: 32px;
        height: 32px;
        flex-basis: auto;
    }

    .whiteSection .accordion-collapse p{
        font-size: 14px;
        font-weight: 400;
    }
    
}

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

    .twoColumnsBlue .singleColumn{
        min-width: 99%;
        width: unset;
    }

    .certifiablySecure .servicesWrapper > div:not(.w-100){
        flex-direction: column;
        align-items: flex-start !important;
    }
}

@media screen and (min-width: 769px) {
    .servicesPage .aboutSection h4{
        font-size: 1.5rem;
    }

    .servicesList a:hover{
        opacity: 1;
        padding-left: 2.5rem;
    }

    .section.officesSection {
        padding-left: 0;
        padding-right: 0;
    }

    .progressBar {
        height: 100% !important;
    }
}

@media screen and (min-width: 1441px) {

    /* Services Page */
    .imagesWrapper .imagedSectionContainer > div{
        transform: translateX(0);
    }
}