@font-face {
    font-family: "Museo Sans";
    src: url("../fonts-museo-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

/* HR Software */
.hr-software-page main,
.hr-outsourcing-page main,
.payroll-outsourcing-page main,
.eor-peo-page main {
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
}

.hr-software-page main h1,
.hr-software-page main h2,
.hr-software-page main h3,
.hr-software-page main p,
.hr-outsourcing-page main h1,
.hr-outsourcing-page main h2,
.hr-outsourcing-page main h3,
.hr-outsourcing-page main p,
.payroll-outsourcing-page main h1,
.payroll-outsourcing-page main h2,
.payroll-outsourcing-page main h3,
.payroll-outsourcing-page main p,
.eor-peo-page main h1,
.eor-peo-page main h2,
.eor-peo-page main h3,
.eor-peo-page main h4,
.eor-peo-page main p {
    letter-spacing: 0;
}

.hr-hero {
    min-height: 716px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 20px 70px;
    color: #fff;
    background: var(--crs-dark) url("../images/hr-software/Header-Image-1-2.jpg") center / cover no-repeat;
}

.hr-hero__content {
    width: min(100%, 1120px);
    text-align: center;
}

.hr-hero h1 {
    max-width: 1080px;
    margin: 0 auto;
    padding: 55px 50px 0;
    color: #fff;
    background: url("../images/hr-software/Vector-Smart-Object.png") top left / auto 72px no-repeat;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.08;
}

.hr-hero p {
    margin: 24px 0 30px;
    font-size: 22px;
    font-weight: 700;
}

.hr-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.hr-actions .btn {
    min-width: 190px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    border-radius: 0 15px;
    font-weight: 700;
}

.hr-benefits {
    min-height: 696px;
    padding: 38px 20px 32px;
    background: #fff;
}

.hr-benefits .container,
.hr-workday .container,
.hr-spectrum .container,
.hr-awards .container,
.hr-testimonials .container,
.hr-final-cta .container {
    max-width: 1230px;
}

.hr-benefits__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    margin-bottom: 28px;
    text-align: left;
}

.hr-benefits__icon {
    width: 88px;
    height: 88px;
    flex: 0 0 88px;
    object-fit: contain;
}

.hr-benefits__header h2 {
    margin: 0;
    color: var(--crs-dark);
    font-size: 50px;
    font-weight: 900;
    font-style: italic;
    line-height: 1.12;
}

.hr-benefits__header h2 span {
    color: var(--crs-green);
}

.hr-benefits__header p {
    margin: 5px 0 0;
    color: var(--crs-dark);
    font-size: 18px;
}

.hr-benefits__tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    margin-bottom: 20px;
}

.hr-benefits__tabs button {
    min-height: 40px;
    padding: 6px 20px;
    border: 0;
    border-radius: 0 13px 13px 0;
    color: #fff;
    background: var(--crs-dark);
    font: inherit;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.hr-benefits__tabs button[aria-selected="true"] {
    color: #fff;
    background: #13b966;
}

.hr-benefits__tabs button:focus-visible {
    outline: 3px solid var(--crs-cyan);
    outline-offset: -3px;
}

.hr-benefits__panel {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(330px, 0.8fr) minmax(0, 1.45fr);
    align-items: center;
    gap: 45px;
}

.hr-benefits__panel[hidden] {
    display: none;
}

.hr-benefits__panel > img {
    width: 100%;
    height: auto;
    max-height: 340px;
    display: block;
    object-fit: contain;
}

.hr-benefits__details details {
    border-bottom: 1px solid #cbd6dd;
}

.hr-benefits__details details[open] {
    padding-left: 20px;
    border-left: 5px solid var(--crs-green);
}

.hr-benefits__details summary {
    position: relative;
    padding: 15px 42px 15px 0;
    cursor: pointer;
    color: var(--crs-navy);
    font-size: 18px;
    font-weight: 700;
    list-style: none;
}

.hr-benefits__details summary::-webkit-details-marker {
    display: none;
}

.hr-benefits__details summary::after {
    position: absolute;
    top: 12px;
    right: 0;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid var(--crs-navy);
    border-radius: 50%;
    content: "+";
}

.hr-benefits__details details[open] summary::after {
    content: "-";
}

.hr-benefits__details p {
    margin: 0;
    padding: 0 42px 17px 0;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.45;
}

.hr-benefits__actions {
    margin-top: 20px;
}

.hr-benefits__actions .btn {
    min-width: 0;
    min-height: 50px;
    padding: 8px 24px;
    border: 3px solid var(--crs-dark);
    border-radius: 0 11px;
    color: var(--crs-dark);
    background: #fff;
    font-size: 18px;
    font-weight: 500;
}

.hr-benefits__actions .btn-accent {
    color: #fff;
    background: var(--crs-dark);
}

.hr-benefits__actions .btn:hover,
.hr-benefits__actions .btn:focus-visible {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.hr-workday {
    min-height: 669px;
    display: flex;
    align-items: center;
    padding: 60px 20px;
    color: #fff;
    background: var(--crs-navy) url("../images/hr-software/BG-image-2.png") center / cover no-repeat;
}

.hr-workday__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hr-workday__copy {
    text-align: center;
}

.hr-workday__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.hr-workday__brand img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.hr-workday h2 {
    margin: 0;
    color: #fff;
    font-size: 66px;
    font-weight: 900;
}

.hr-workday__copy > p {
    margin: 10px 0 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.hr-workday__video-frame {
    width: 50%;
    border: 5px solid var(--crs-yellow);
    border-radius: 0 30px;
}

.hr-workday video {
    width: calc(100% + 50px);
    aspect-ratio: 16 / 9;
    display: block;
    margin: -20px -70px 20px 20px;
    border-radius: 0 30px;
    background: #000;
}

.hr-spectrum {
    min-height: 1165px;
    padding: 52px 20px 58px;
    text-align: center;
    background: #fff;
}

.hr-spectrum h2 {
    max-width: 1230px;
    margin: 0 auto 28px;
    color: var(--crs-navy);
    font-size: 50px;
    font-weight: 600;
    line-height: 1.15;
}

.hr-spectrum img {
    width: min(100%, 1230px);
    height: auto;
    max-height: 870px;
    display: block;
    margin: 0 auto 28px;
    object-fit: contain;
}

.hr-spectrum .hr-actions .btn {
    min-width: 0;
    min-height: 50px;
    padding: 8px 24px;
    border: 3px solid var(--crs-dark);
    color: var(--crs-dark);
    background: transparent;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.hr-spectrum .hr-actions .btn-outline-primary {
    border-radius: 10px 10px 0 10px;
}

.hr-spectrum .hr-actions .btn-accent {
    border-radius: 10px 10px 10px 0;
    color: #fff;
    background: var(--crs-dark);
}

.hr-spectrum .hr-actions .btn:hover,
.hr-spectrum .hr-actions .btn:focus-visible {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.software-strategy {
    min-height: 560px;
    display: flex;
    align-items: center;
    text-align: left;
}

.software-strategy > .container {
    padding: 20px;
}

.software-strategy__frame {
    padding: 38px;
    border: 4px solid var(--crs-green);
    border-radius: 0 52px;
}

.software-strategy h2 {
    margin-bottom: 20px;
    margin-right: 0;
    margin-left: 0;
    text-align: left;
}

.software-strategy__copy {
    max-width: none;
    margin: 0;
    color: var(--crs-dark);
    font-size: 18px;
    line-height: 1.65;
}

.software-strategy__copy p:last-child {
    margin-bottom: 0;
}

.software-strategy .hr-actions {
    justify-content: flex-start;
    margin-top: 20px;
}

.performance-management-software-page .hr-benefits__tabs button {
    border-radius: 12px 12px 12px 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.performance-management-software-page .hr-benefits__tabs button[aria-selected="true"] {
    background: #30ae5d;
}

.performance-management-software-page .hr-benefits__tabs button:hover,
.performance-management-software-page .hr-benefits__tabs button:focus-visible {
    color: #fff;
    background: #30ae5d;
}

.performance-management-software-page .hr-hero .hr-actions .btn,
.payroll-software-page .hr-hero .hr-actions .btn,
.performance-management-software-page .hr-benefits__actions .btn,
.performance-management-software-page .software-strategy .hr-actions .btn,
.performance-management-software-page .hr-final-cta .hr-actions .btn,
.payroll-software-page .hr-final-cta .hr-actions .btn {
    width: auto;
    min-width: 0;
    height: 50px;
    min-height: 50px;
    padding: 8px 24px;
    border-width: 3px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    transition: none;
}

.performance-management-software-page .hr-hero .btn-outline-light,
.payroll-software-page .hr-hero .btn-outline-light,
.performance-management-software-page .hr-final-cta .btn-outline-light,
.payroll-software-page .hr-final-cta .btn-outline-light {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    border-color: #ffd530;
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.performance-management-software-page .hr-hero .btn-accent,
.payroll-software-page .hr-hero .btn-accent,
.performance-management-software-page .hr-final-cta .btn-accent,
.payroll-software-page .hr-final-cta .btn-accent {
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #fff;
    border-color: #ffd530;
    border-radius: 10px 10px 10px 0;
    color: #00253c;
    background: #ffd530;
}

.performance-management-software-page .hr-benefits__actions .btn-outline-primary,
.performance-management-software-page .software-strategy .btn-outline-primary {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    border-radius: 10px 10px 0 10px;
    color: #00253c;
    background: transparent;
}

.performance-management-software-page .hr-benefits__actions .btn-accent,
.performance-management-software-page .software-strategy .btn-accent {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    border-radius: 10px 10px 10px 0;
    color: #fff;
    background: #00253c;
}

.performance-management-software-page .hr-hero .btn-outline-light:hover,
.performance-management-software-page .hr-hero .btn-outline-light:focus-visible,
.payroll-software-page .hr-hero .btn-outline-light:hover,
.payroll-software-page .hr-hero .btn-outline-light:focus-visible,
.performance-management-software-page .hr-final-cta .btn-outline-light:hover,
.performance-management-software-page .hr-final-cta .btn-outline-light:focus-visible,
.payroll-software-page .hr-final-cta .btn-outline-light:hover,
.payroll-software-page .hr-final-cta .btn-outline-light:focus-visible,
.performance-management-software-page .hr-benefits__actions .btn:hover,
.performance-management-software-page .hr-benefits__actions .btn:focus-visible,
.performance-management-software-page .software-strategy .btn:hover,
.performance-management-software-page .software-strategy .btn:focus-visible {
    border-color: #ffd530 !important;
    color: #00253c !important;
    background-color: #ffd530 !important;
}

.performance-management-software-page .hr-hero .btn-accent:hover,
.performance-management-software-page .hr-hero .btn-accent:focus-visible,
.payroll-software-page .hr-hero .btn-accent:hover,
.payroll-software-page .hr-hero .btn-accent:focus-visible,
.performance-management-software-page .hr-final-cta .btn-accent:hover,
.performance-management-software-page .hr-final-cta .btn-accent:focus-visible,
.payroll-software-page .hr-final-cta .btn-accent:hover,
.payroll-software-page .hr-final-cta .btn-accent:focus-visible {
    border-color: #ffd530 !important;
    color: #fff !important;
    background-color: transparent !important;
}

.performance-management-software-page .site-header__actions .btn-outline-accent {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    border-color: #ffd530;
}

.performance-management-software-page .site-header__actions .btn-accent,
.performance-management-software-page .mobile-demo-button {
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #fff;
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.performance-management-software-page .pulse-form__row .btn {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    min-height: 47px;
    border-color: #ffd530;
    border-radius: 13px 13px 13px 0;
    color: #fff;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
}

.performance-management-software-page .pulse-form__row .btn:hover,
.performance-management-software-page .pulse-form__row .btn:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.performance-management-software-page .demo-modal button[type="submit"],
.performance-management-software-page .cookie-banner [data-cookie-accept] {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.payroll-software-page .hr-benefits__tabs button {
    border-radius: 12px 12px 12px 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.payroll-software-page .hr-benefits__tabs button[aria-selected="true"],
.payroll-software-page .hr-benefits__tabs button:hover,
.payroll-software-page .hr-benefits__tabs button:focus-visible {
    color: #fff;
    background: #30ae5d;
}

.payroll-software-page .hr-benefits__actions .btn {
    width: auto;
    min-width: 0;
    height: 50px;
    min-height: 50px;
    padding: 8px 24px;
    border-width: 3px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.payroll-software-page .hr-benefits__actions .btn-outline-primary {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    border-radius: 10px 10px 0 10px;
    color: #00253c;
    background: transparent;
}

.payroll-software-page .hr-benefits__actions .btn-accent {
    --bs-btn-hover-bg: #ffd530;
    --bs-btn-hover-border-color: #ffd530;
    --bs-btn-hover-color: #00253c;
    border-radius: 10px 10px 10px 0;
    color: #fff;
    background: #00253c;
}

.payroll-software-page .hr-benefits__actions .btn:hover,
.payroll-software-page .hr-benefits__actions .btn:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

@media (min-width: 1280px) {
    .performance-management-software-page .hr-benefits__tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .performance-management-software-page .hr-benefits__tabs button {
        height: 38px;
        min-height: 38px;
        flex: 0 0 auto;
        padding: 8px 10px;
        white-space: nowrap;
    }

    .performance-management-software-page .hr-benefits__tabs button:nth-child(1) {
        width: 299px;
    }

    .performance-management-software-page .hr-benefits__tabs button:nth-child(2) {
        width: 330px;
    }

    .performance-management-software-page .hr-benefits__tabs button:nth-child(3) {
        width: 290px;
    }

    .performance-management-software-page .hr-benefits__tabs button:nth-child(4) {
        width: 276px;
    }

    .payroll-software-page .hr-benefits__tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .payroll-software-page .hr-benefits__tabs button {
        height: 38px;
        min-height: 38px;
        flex: 0 0 auto;
        padding: 8px 15px;
        white-space: nowrap;
    }

    .payroll-software-page .hr-benefits__tabs button:nth-child(1) {
        width: 217px;
    }

    .payroll-software-page .hr-benefits__tabs button:nth-child(2) {
        width: 296px;
    }

    .payroll-software-page .hr-benefits__tabs button:nth-child(3) {
        width: 267px;
    }

    .payroll-software-page .hr-benefits__tabs button:nth-child(4) {
        width: 348px;
    }
}

.hr-awards {
    min-height: 265px;
    display: flex;
    align-items: center;
    padding: 35px 0;
    background: var(--crs-navy) url("../images/hr-software/Color-banner-1.png") center / cover no-repeat;
}

.hr-awards__slider {
    width: 100%;
    max-width: none !important;
    margin: 0;
}

.hr-awards .partner-logo-strip__slide {
    height: 150px;
    margin: 0;
}

.hr-testimonials {
    min-height: 633px;
    padding: 58px 20px 70px;
    background: #fff;
}

.hr-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 42px;
}

.hr-section-heading h2 {
    margin: 0;
    color: var(--crs-navy);
    font-size: 50px;
    font-weight: 900;
}

.hr-slider-controls {
    display: flex;
    gap: 10px;
}

.hr-slider-controls button {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 2px solid var(--crs-navy);
    border-radius: 50%;
    color: var(--crs-navy);
    background: #fff;
    font-size: 20px;
}

.hr-slider-controls button:hover,
.hr-slider-controls button:focus-visible {
    color: #fff;
    background: var(--crs-navy);
}

.hr-testimonials__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 30px) / 2);
    gap: 30px;
    overflow-x: auto;
    padding: 4px 4px 22px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.hr-testimonials__track::-webkit-scrollbar {
    display: none;
}

.hr-testimonial-card {
    min-height: 390px;
    display: flex;
    flex-direction: column;
    padding: 38px 42px 30px;
    border: 4px solid var(--crs-navy);
    border-radius: 0 30px;
    background: #fff;
    scroll-snap-align: start;
}

.hr-testimonial-card blockquote {
    margin: 0;
}

.hr-testimonial-card blockquote p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.55;
}

.hr-testimonial-card footer {
    min-height: 72px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 25px;
}

.hr-testimonial-card footer div {
    display: flex;
    flex-direction: column;
}

.hr-testimonial-card footer strong {
    color: var(--crs-navy);
    font-size: 17px;
}

.hr-testimonial-card footer span {
    color: var(--crs-dark);
    font-size: 14px;
}

.hr-testimonial-card footer img {
    width: 130px;
    height: 52px;
    object-fit: contain;
}

.hr-insights {
    min-height: 663px;
}

.hr-insights .compliance-insights__header h2 {
    font-size: 50px;
}

.hr-final-cta {
    min-height: 383px;
    display: flex;
    align-items: center;
    padding: 70px 20px 60px;
    color: #fff;
    text-align: center;
    background: var(--crs-dark) url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.hr-final-cta h2 {
    margin: 0;
    color: #fff;
    font-size: 42px;
    font-weight: 900;
    line-height: 1.15;
}

.hr-final-cta p {
    max-width: 750px;
    margin: 18px auto 28px;
    font-size: 18px;
}

.hr-final-cta .hr-actions .btn {
    width: auto;
    min-width: 0;
    height: 50px;
    min-height: 50px;
    padding: 8px 24px;
    border-width: 3px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    transition: none;
}

.hr-final-cta .btn-outline-light {
    border-color: #ffd530;
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.hr-final-cta .btn-accent {
    border-color: #ffd530;
    border-radius: 10px 10px 10px 0;
    color: #00253c;
    background: #ffd530;
}

.hr-final-cta .btn-outline-light:hover,
.hr-final-cta .btn-outline-light:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.hr-final-cta .btn-accent:hover,
.hr-final-cta .btn-accent:focus-visible {
    border-color: #ffd530;
    color: #fff;
    background: transparent;
}

@media (min-width: 768px) {
    .hr-final-cta .hr-actions {
        transform: translateY(-10px);
    }
}

.hr-outsourcing-page .hr-outsourcing-hero {
    background-color: #00253c;
    background-image: url("../images/hr-outsourcing/Header-Image-1.jpg");
}

.hr-outsourcing-page .hr-outsourcing-hero h1 {
    background-image: url("../images/hr-outsourcing/Vector-Smart-Object.png");
}

.hr-outsourcing-page .hr-hero .hr-actions .btn,
.hr-outsourcing-page .hr-final-cta .hr-actions .btn {
    width: auto;
    min-width: 0;
    height: 50px;
    min-height: 50px;
    padding: 8px 24px;
    border-width: 3px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    transition: none;
}

.hr-outsourcing-page .hr-hero .btn-outline-light,
.hr-outsourcing-page .hr-final-cta .btn-outline-light {
    border-color: #ffd530;
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.hr-outsourcing-page .hr-hero .btn-accent,
.hr-outsourcing-page .hr-final-cta .btn-accent {
    border-color: #ffd530;
    border-radius: 10px 10px 10px 0;
    color: #00253c;
    background: #ffd530;
}

.hr-outsourcing-page .hr-hero .btn-outline-light:hover,
.hr-outsourcing-page .hr-hero .btn-outline-light:focus-visible,
.hr-outsourcing-page .hr-final-cta .btn-outline-light:hover,
.hr-outsourcing-page .hr-final-cta .btn-outline-light:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.hr-outsourcing-page .hr-hero .btn-accent:hover,
.hr-outsourcing-page .hr-hero .btn-accent:focus-visible,
.hr-outsourcing-page .hr-final-cta .btn-accent:hover,
.hr-outsourcing-page .hr-final-cta .btn-accent:focus-visible {
    border-color: #ffd530;
    color: #fff;
    background: transparent;
}

.hr-outsourcing-page .hr-benefits__tabs button {
    border-radius: 12px 12px 12px 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.hr-outsourcing-page .hr-benefits__tabs button[aria-selected="true"],
.hr-outsourcing-page .hr-benefits__tabs button:hover,
.hr-outsourcing-page .hr-benefits__tabs button:focus-visible {
    color: #fff;
    background: #00a4e0;
}

.hr-outsourcing-page .hr-benefits__details details[open] {
    border-left-color: #00a4e0;
}

.hr-outsourcing-page .hr-benefits__header h2 span {
    color: #00a4e0;
}

.payroll-outsourcing-page .payroll-outsourcing-hero {
    background-color: #00253c;
    background-image: url("../images/payroll-outsourcing/Header-Image.jpg");
}

.payroll-outsourcing-page .payroll-outsourcing-hero h1 {
    background-image: url("../images/payroll-outsourcing/Vector-Smart-Object.png");
}

.payroll-outsourcing-page .hr-hero .hr-actions .btn,
.payroll-outsourcing-page .hr-final-cta .hr-actions .btn {
    width: auto;
    min-width: 0;
    height: 50px;
    min-height: 50px;
    padding: 8px 24px;
    border-width: 3px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    transition: none;
}

.payroll-outsourcing-page .hr-hero .btn-outline-light,
.payroll-outsourcing-page .hr-final-cta .btn-outline-light {
    border-color: #ffd530;
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.payroll-outsourcing-page .hr-hero .btn-accent,
.payroll-outsourcing-page .hr-final-cta .btn-accent {
    border-color: #ffd530;
    border-radius: 10px 10px 10px 0;
    color: #00253c;
    background: #ffd530;
}

.payroll-outsourcing-page .hr-hero .btn-outline-light:hover,
.payroll-outsourcing-page .hr-hero .btn-outline-light:focus-visible,
.payroll-outsourcing-page .hr-final-cta .btn-outline-light:hover,
.payroll-outsourcing-page .hr-final-cta .btn-outline-light:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.payroll-outsourcing-page .hr-hero .btn-accent:hover,
.payroll-outsourcing-page .hr-hero .btn-accent:focus-visible,
.payroll-outsourcing-page .hr-final-cta .btn-accent:hover,
.payroll-outsourcing-page .hr-final-cta .btn-accent:focus-visible {
    border-color: #ffd530;
    color: #fff;
    background: transparent;
}

.payroll-outsourcing-page .hr-benefits__header h2 span {
    color: #00a4e0;
}

.payroll-outsourcing-page .hr-benefits__tabs button {
    border-radius: 12px 12px 12px 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.payroll-outsourcing-page .hr-benefits__tabs button[aria-selected="true"],
.payroll-outsourcing-page .hr-benefits__tabs button:hover,
.payroll-outsourcing-page .hr-benefits__tabs button:focus-visible {
    color: #fff;
    background: #00a4e0;
}

.payroll-outsourcing-page .hr-benefits__details details[open] {
    border-left-color: #00a4e0;
}

.payroll-outsourcing-expertise {
    padding: 70px 20px;
    color: #093b60;
    background: #fff;
}

.payroll-outsourcing-expertise__inner {
    position: relative;
    max-width: 1230px;
    min-height: 547px;
    display: flex;
    align-items: flex-end;
}

.payroll-outsourcing-expertise__copy {
    width: calc(79% + 19px);
    min-height: 497px;
    margin-right: 5px;
    margin-left: auto;
    padding: 3% 3% 3% 15%;
    border: 4px solid #00a4e0;
    border-radius: 0 30px;
}

.payroll-outsourcing-expertise h2 {
    margin: 0 0 10px;
    color: #093b60;
    font-size: 37px;
    font-weight: 600;
    line-height: 1.3;
}

.payroll-outsourcing-expertise p {
    margin: 0 0 24px;
    color: #093b60;
    font-size: 20px;
    line-height: 1.2;
}

.payroll-outsourcing-expertise p:last-child {
    margin-bottom: 0;
}

.payroll-outsourcing-expertise img {
    position: absolute;
    z-index: 1;
    top: 32px;
    left: 18px;
    width: 367px;
    height: auto;
}

.payroll-outsourcing-page .payroll-outsourcing-final h2 {
    font-size: 42px;
}

@media (max-width: 991px) {
    .payroll-outsourcing-expertise__inner {
        min-height: 0;
        flex-direction: column;
        padding: 32px 28px 0;
        border: 4px solid #00a4e0;
        border-radius: 0 24px;
    }

    .payroll-outsourcing-expertise__copy {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .payroll-outsourcing-expertise img {
        position: relative;
        top: auto;
        left: auto;
        order: 2;
        width: min(100%, 302px);
        margin: 32px auto 0;
    }
}

@media (max-width: 767px) {
    .payroll-outsourcing-page .payroll-outsourcing-hero h1 {
        font-size: 34px;
    }

    .payroll-outsourcing-expertise {
        padding: 50px 20px;
    }

    .payroll-outsourcing-expertise__inner {
        padding: 28px 24px 0;
    }

    .payroll-outsourcing-expertise h2 {
        font-size: 30px;
    }

    .payroll-outsourcing-expertise p {
        font-size: 18px;
        line-height: 1.35;
    }

    .payroll-outsourcing-page .payroll-outsourcing-final h2 {
        font-size: 32px;
    }
}

.eor-peo-page .eor-peo-hero {
    background-color: #00253c;
    background-image: url("../images/eor-peo/Header-Image-1-1.jpg");
}

.eor-peo-page .eor-peo-hero h1 {
    background-image: url("../images/eor-peo/Vector-Smart-Object.png");
}

.eor-peo-page .eor-peo-hero h1 span,
.eor-peo-page .hr-benefits__header h2 span {
    color: #00a4e0;
}

.eor-peo-page .hr-hero .hr-actions .btn,
.eor-peo-page .hr-final-cta .hr-actions .btn,
.eor-peo-page .eor-comparison .hr-actions .btn {
    width: auto;
    min-width: 0;
    height: 50px;
    min-height: 50px;
    padding: 8px 24px;
    border-width: 3px;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    transition: none;
}

.eor-peo-page .hr-hero .btn-outline-light,
.eor-peo-page .hr-final-cta .btn-outline-light {
    border-color: #ffd530;
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.eor-peo-page .hr-hero .btn-accent,
.eor-peo-page .hr-final-cta .btn-accent {
    border-color: #ffd530;
    border-radius: 10px 10px 10px 0;
    color: #00253c;
    background: #ffd530;
}

.eor-peo-page .hr-hero .btn-outline-light:hover,
.eor-peo-page .hr-hero .btn-outline-light:focus-visible,
.eor-peo-page .hr-final-cta .btn-outline-light:hover,
.eor-peo-page .hr-final-cta .btn-outline-light:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.eor-peo-page .hr-hero .btn-accent:hover,
.eor-peo-page .hr-hero .btn-accent:focus-visible,
.eor-peo-page .hr-final-cta .btn-accent:hover,
.eor-peo-page .hr-final-cta .btn-accent:focus-visible {
    border-color: #ffd530;
    color: #fff;
    background: transparent;
}

.eor-peo-page .hr-benefits__tabs button {
    border-radius: 12px 12px 12px 0;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.eor-peo-page .hr-benefits__tabs button[aria-selected="true"],
.eor-peo-page .hr-benefits__tabs button:hover,
.eor-peo-page .hr-benefits__tabs button:focus-visible {
    color: #fff;
    background: #00a4e0;
}

.eor-peo-page .hr-benefits__details details[open] {
    border-left-color: #00a4e0;
}

.eor-comparison {
    padding: 60px 20px;
    color: #fff;
    background: #00253c url("../images/eor-peo/BG-image-2.png") center / cover no-repeat;
}

.eor-comparison > .container {
    max-width: 1230px;
}

.eor-comparison h2 {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    line-height: 48px;
}

.eor-comparison__intro {
    max-width: 1200px;
    margin: 20px auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 29.7px;
}

.eor-comparison__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0;
}

.eor-comparison__tabs button {
    height: 48px;
    min-height: 48px;
    padding: 15px 35px;
    border: 1px solid #046bd2;
    border-radius: 12px 12px 12px 0;
    color: #00253c;
    background: #f1f2f3;
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.eor-comparison__tabs button[aria-selected="true"],
.eor-comparison__tabs button:hover,
.eor-comparison__tabs button:focus-visible {
    border-color: #ffd530;
    color: #093b60;
    background: #ffd530;
}

.eor-comparison__panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 25px;
    width: min(1100px, 100%);
    min-height: 194px;
    margin: 0 auto;
    padding: 10px 69px;
}

.eor-comparison__panel[hidden] {
    display: none;
}

.eor-comparison__panel section {
    min-height: 143px;
    padding: 20px 0 0;
    color: #fff;
    background: transparent;
}

.eor-comparison__panel h3 {
    margin: 0 0 20px;
    padding-left: 10px;
    color: #fff;
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: underline;
}

.eor-comparison__panel p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.eor-comparison .hr-actions {
    position: relative;
    margin-top: -10px;
}

.eor-comparison .btn-outline-primary {
    border-color: #ffd530;
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.eor-comparison .btn-accent {
    border-color: #ffd530;
    border-radius: 10px;
    color: #093b60;
    background: #ffd530;
}

.eor-peo-page .eor-comparison .hr-actions .btn {
    height: 48px;
    min-height: 48px;
    padding: 8px 24px;
    font-size: 18px;
}

.eor-comparison .btn:hover,
.eor-comparison .btn:focus-visible {
    border-color: #ffd530;
    color: #00253c;
    background: #ffd530;
}

.eor-comparison .btn-accent:hover,
.eor-comparison .btn-accent:focus-visible {
    border-color: #ffd530;
    color: #fff;
    background: transparent;
}

.eor-peo-page .eor-peo-final h2 {
    font-size: 42px;
}

@media (min-width: 1280px) {
    .eor-peo-page .hr-benefits__tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
    }

    .eor-peo-page .hr-benefits__tabs button {
        height: 38px;
        min-height: 38px;
        flex: 1 1 0;
        padding: 8px 15px;
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .eor-peo-page .eor-peo-hero h1 {
        font-size: 34px;
    }

    .eor-comparison {
        padding: 50px 20px 58px;
    }

    .eor-comparison h2 {
        font-size: 30px;
    }

    .eor-comparison__tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .eor-comparison__tabs button {
        width: 100%;
        text-align: left;
    }

    .eor-comparison__panel {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding: 20px 0;
    }

    .eor-comparison__panel section {
        min-height: 0;
    }

    .eor-comparison .hr-actions {
        margin-top: 20px;
    }

    .eor-peo-page .eor-peo-final h2 {
        font-size: 32px;
    }
}

.hr-outsourcing-expertise {
    padding: 120px 20px 70px;
    color: #093b60;
    background: #fff;
}

.hr-outsourcing-expertise__inner {
    position: relative;
    max-width: 1230px;
    min-height: 426px;
}

.hr-outsourcing-expertise__inner::before {
    position: absolute;
    inset: 0 auto 0 6px;
    width: 1033px;
    border: 3px solid #00a4e0;
    border-radius: 0 30px;
    content: "";
}

.hr-outsourcing-expertise__copy {
    position: relative;
    z-index: 1;
    width: 778px;
    padding: 37px 0 37px 21px;
}

.hr-outsourcing-expertise h2 {
    margin: 0 0 16px;
    color: #093b60;
    font-size: 37px;
    font-weight: 600;
    line-height: 1.3;
}

.hr-outsourcing-expertise p {
    margin: 0 0 24px;
    color: #093b60;
    font-size: 20px;
    line-height: 1.2;
}

.hr-outsourcing-expertise p:last-child {
    margin-bottom: 0;
}

.hr-outsourcing-expertise img {
    position: absolute;
    z-index: 2;
    top: -53px;
    right: 7px;
    width: 406px;
    height: auto;
    border-radius: 0 30px;
}

.hr-outsourcing-page .hr-insights {
    min-height: 663px;
}

.hr-outsourcing-page .hr-outsourcing-final h2 {
    font-size: 42px;
}

@media (max-width: 991px) {
    .hr-outsourcing-expertise {
        padding: 60px 20px;
    }

    .hr-outsourcing-expertise__inner {
        min-height: 0;
        padding: 32px 28px 0;
        border: 3px solid #00a4e0;
        border-radius: 0 24px;
    }

    .hr-outsourcing-expertise__inner::before {
        content: none;
    }

    .hr-outsourcing-expertise__copy {
        width: auto;
        padding: 0;
    }

    .hr-outsourcing-expertise img {
        position: relative;
        top: auto;
        right: auto;
        width: min(100%, 359px);
        display: block;
        margin: 32px auto -3px;
        border-radius: 0 24px;
    }
}

@media (max-width: 767px) {
    .hr-outsourcing-page .hr-outsourcing-hero h1 {
        font-size: 36px;
    }

    .hr-outsourcing-expertise {
        padding: 50px 20px;
    }

    .hr-outsourcing-expertise__inner {
        min-height: 0;
        padding: 28px 24px 0;
        border: 3px solid #00a4e0;
        border-radius: 0 24px;
    }

    .hr-outsourcing-expertise__inner::before {
        content: none;
    }

    .hr-outsourcing-expertise__copy {
        width: auto;
        padding: 0;
    }

    .hr-outsourcing-expertise h2 {
        font-size: 30px;
    }

    .hr-outsourcing-expertise img {
        position: relative;
        top: auto;
        right: auto;
        width: min(100%, 300px);
        display: block;
        margin: 28px auto -3px;
        border-radius: 0 24px;
    }

    .hr-outsourcing-page .hr-outsourcing-final h2 {
        font-size: 32px;
    }
}

@media (max-width: 991px) {
    .hr-hero h1 {
        font-size: 52px;
    }

    .hr-benefits {
        min-height: 0;
    }

    .hr-benefits__tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hr-benefits__panel {
        grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
        gap: 30px;
    }

    .hr-workday__inner {
        gap: 0;
    }

    .hr-workday h2 {
        font-size: 52px;
    }

    .hr-spectrum {
        min-height: 0;
    }

    .hr-testimonials__track {
        grid-auto-columns: calc((100% - 20px) / 2);
        gap: 20px;
    }

    .hr-testimonial-card {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .hr-hero {
        min-height: 500px;
        padding: 125px 20px 50px;
    }

    .hr-hero h1 {
        padding: 45px 0 0;
        background-size: auto 55px;
        font-size: 38px;
        line-height: 1.12;
    }

    .hr-hero p {
        margin: 20px 0 26px;
        font-size: 18px;
    }

    .hr-actions {
        flex-direction: column;
    }

    .hr-actions .btn {
        width: min(100%, 285px);
    }

    .hr-benefits {
        padding: 42px 20px;
    }

    .hr-benefits__header {
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 25px;
    }

    .hr-benefits__icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .hr-benefits__header h2,
    .hr-spectrum h2,
    .hr-section-heading h2,
    .hr-insights .compliance-insights__header h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .hr-benefits__header p {
        font-size: 16px;
        line-height: 1.35;
    }

    .hr-benefits__tabs {
        grid-template-columns: 1fr;
        border: 1px solid #d4dce2;
    }

    .hr-benefits__tabs button {
        min-height: 48px;
        border-bottom: 1px solid #d4dce2;
        text-align: left;
    }

    .hr-benefits__tabs button[aria-selected="true"] {
        border-left: 5px solid var(--crs-yellow);
    }

    .hr-benefits__panel {
        min-height: 0;
        display: flex;
        flex-direction: column-reverse;
        gap: 18px;
    }

    .hr-benefits__panel > img {
        max-height: none;
    }

    .hr-benefits__details summary {
        font-size: 16px;
    }

    .hr-benefits__actions {
        margin-top: 30px;
    }

    .hr-workday {
        min-height: 0;
        padding: 55px 20px 70px;
    }

    .hr-workday__inner {
        gap: 0;
    }

    .hr-workday h2 {
        font-size: 50px;
    }

    .hr-workday__brand {
        flex-direction: column;
        gap: 10px;
    }

    .hr-workday__brand img {
        width: 60px;
        height: 60px;
    }

    .hr-workday__copy > p {
        margin: 12px 0 32px;
        font-size: 18px;
    }

    .hr-workday__video-frame {
        width: calc(100% - 20px);
    }

    .hr-workday video {
        width: calc(100% + 9px);
        margin: -20px -20px 10px 11px;
    }

    .hr-spectrum {
        padding: 48px 20px 55px;
    }

    .hr-spectrum img {
        margin: 5px auto 25px;
    }

    .hr-spectrum .hr-actions .btn {
        font-size: 16px;
    }

    .hr-awards {
        min-height: 210px;
        padding-inline: 0;
    }

    .hr-testimonials {
        min-height: 0;
        padding: 48px 20px 58px;
    }

    .hr-section-heading {
        align-items: flex-end;
        margin-bottom: 28px;
    }

    .hr-testimonials__track {
        grid-auto-columns: 100%;
    }

    .hr-testimonial-card {
        min-height: 460px;
        padding: 28px 24px;
    }

    .hr-testimonial-card footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .hr-testimonial-card footer img {
        width: 120px;
    }

    .hr-final-cta {
        min-height: 420px;
        padding: 55px 20px;
    }

    .hr-final-cta h2 {
        font-size: 30px;
    }
}

/* Global footprint */
.page-global-footprint .site-header:not(.is-scrolled) {
    background: rgba(9, 59, 96, 0.68);
}

.footprint-hero {
    min-height: 494px;
    display: flex;
    align-items: center;
    padding: 180px 20px 130px;
    color: #fff;
    background: var(--crs-dark) url("../images/global-footprint/Background-02.jpg") center / cover no-repeat;
    text-align: center;
}

.footprint-hero__inner {
    margin: 0 auto;
}

.footprint-hero h1 {
    margin: 0;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.4;
}

.footprint-hero p {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
}

.footprint-guides {
    padding: 123px 20px 115px;
    background: var(--crs-dark) url("../images/global-footprint/page-bg.png") center / cover fixed no-repeat;
}

.footprint-guides__inner {
    max-width: 1230px;
    padding: 0;
}

.footprint-search {
    width: 725px;
    display: grid;
    grid-template-columns: 536px 134px;
    align-items: center;
    gap: 55px;
    margin: 0 auto 65px;
}

.footprint-search input {
    width: 100%;
    height: 57px;
    padding: 8px 20px;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    outline: 0;
    color: #fff;
    background: transparent;
    font-size: 18px;
}

.footprint-search input::placeholder {
    color: rgba(255, 255, 255, 0.9);
}

.footprint-search input:focus {
    border-color: var(--crs-yellow);
}

.footprint-search button {
    min-height: 41px;
    padding: 6px 20px;
    border: 3px solid var(--crs-yellow);
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
    font-size: 16px;
    font-weight: 500;
}

.footprint-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.footprint-country-card {
    min-width: 0;
    min-height: 388px;
    overflow: hidden;
    border-radius: 0 35px 0 30px;
    color: var(--crs-navy);
    background: #fff;
}

.footprint-country-card[hidden] {
    display: none;
}

.footprint-country-card__image {
    display: block;
    height: 260px;
    overflow: hidden;
    border-radius: 0 30px 0 0;
}

.footprint-country-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.footprint-country-card__body {
    min-height: 128px;
    padding: 16px 20px 14px;
}

.footprint-country-card h2 {
    overflow: hidden;
    margin: 0 0 3px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footprint-country-card h2 a {
    color: inherit;
    text-decoration: none;
}

.footprint-country-card dl,
.footprint-country-card dd {
    margin: 0;
}

.footprint-country-card dl div {
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 19px;
    align-items: start;
    font-size: 11px;
    line-height: 16px;
}

.footprint-country-card dt {
    font-weight: 700;
}

.footprint-country-card dd {
    text-align: right;
}

.footprint-guide-actions {
    margin-top: 50px;
    text-align: center;
}

.footprint-guide-actions button {
    min-width: 192px;
    min-height: 52px;
    padding: 12px 30px;
    border: 3px solid #fff;
    border-radius: 10px 10px 10px 0;
    color: #fff;
    background: transparent;
    font-size: 18px;
    font-weight: 500;
}

.footprint-guide-actions button:hover,
.footprint-guide-actions button:focus {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.footprint-guide-empty {
    margin: 30px 0 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.footprint-map {
    height: 498px;
    min-height: 498px;
    overflow: hidden;
    background: #fff;
}

.footprint-map__inner {
    width: calc(100% - 40px);
    max-width: 1230px;
    height: 498px;
    display: grid;
    grid-template-columns: 341px 487px 467px;
    align-items: stretch;
    margin: 0 auto;
}

.footprint-map__art {
    height: 498px;
    min-width: 0;
    overflow: hidden;
}

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

.footprint-map__art--left img {
    object-position: right center;
}

.footprint-map__art--right img {
    object-position: left center;
}

.footprint-map__art--right {
    transform: translateX(-21px);
}

.footprint-map__content {
    position: relative;
    z-index: 1;
    min-height: 453px;
    align-self: center;
    padding: 23px 0 20px;
    background: transparent;
    transform: translateX(-21px);
}

.footprint-map h2 {
    margin: 0 0 23px -40px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    white-space: nowrap;
}

.footprint-map h2 span {
    color: var(--crs-green);
}

.footprint-map ul {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(12, auto);
    grid-template-columns: repeat(3, 1fr);
    gap: 0 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footprint-map li {
    line-height: 27px;
}

.footprint-map a {
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 16px;
    text-decoration: underline;
}

.footprint-cta {
    min-height: 321px;
    display: flex;
    align-items: center;
    padding: 70px 20px 60px;
    color: #fff;
    background: var(--crs-dark) url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.footprint-cta__inner {
    max-width: 1230px;
    text-align: center;
}

.footprint-cta h2 {
    margin: 0 0 10px;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 37px;
    font-weight: 900;
    line-height: 48px;
}

.footprint-cta p {
    max-width: 615px;
    margin: 0 auto 10px;
    font-size: 22px;
    line-height: 25px;
}

.footprint-cta__actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.footprint-cta__actions .btn {
    min-height: 48px;
    padding: 10px 24px;
    border-width: 3px;
    font-size: 18px;
    line-height: 22px;
}

.footprint-cta__actions .btn-outline-warning {
    min-width: 143px;
    border-radius: 10px 10px 0 10px;
    color: #fff;
}

.footprint-cta__actions .btn-warning {
    min-width: 203px;
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
}

@media (max-width: 991px) {
    .footprint-guide-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footprint-map__inner {
        width: 100%;
        grid-template-columns: minmax(430px, 1fr) minmax(430px, 1fr);
    }

    .footprint-map__art--left {
        display: none;
    }
}

@media (max-width: 767px) {
    .footprint-hero {
        min-height: 351px;
        padding: 134px 20px 55px;
    }

    .footprint-hero h1 {
        font-size: 39px;
        line-height: 55px;
    }

    .footprint-hero p {
        font-size: 16px;
        line-height: 26px;
    }

    .footprint-guides {
        padding: 50px 20px 60px;
        background-attachment: scroll;
    }

    .footprint-search {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 90px;
        gap: 10px;
        margin-bottom: 30px;
    }

    .footprint-search input {
        height: 49px;
        padding: 8px 10px;
        font-size: 15px;
    }

    .footprint-search button {
        min-height: 39px;
        padding: 6px 10px;
        font-size: 14px;
    }

    .footprint-guide-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footprint-country-card {
        min-height: 395px;
    }

    .footprint-country-card__image {
        height: auto;
        aspect-ratio: 1.5;
    }

    .footprint-country-card__body {
        min-height: 172px;
        padding: 20px;
    }

    .footprint-country-card h2 {
        margin-bottom: 10px;
        white-space: normal;
    }

    .footprint-country-card dl div {
        grid-template-columns: 43% 57%;
        min-height: 25px;
        font-size: 11px;
        line-height: 18px;
    }

    .footprint-guide-actions {
        margin-top: 40px;
    }

    .footprint-map {
        height: 477px;
        min-height: 477px;
        padding: 30px 0 0 20px;
    }

    .footprint-map__inner {
        width: 100%;
        height: 447px;
        display: flex;
        flex-direction: column;
    }

    .footprint-map__art--left,
    .footprint-map ul {
        display: none;
    }

    .footprint-map__content {
        min-height: 0;
        flex: 0 0 auto;
        padding: 0 20px 20px 0;
        background: transparent;
        transform: none;
    }

    .footprint-map h2 {
        margin: 0;
        font-size: 30px;
        line-height: 42px;
        white-space: normal;
    }

    .footprint-map__art--right {
        height: auto;
        flex: 1;
        margin-left: 0;
        transform: none;
    }

    .footprint-map__art--right img {
        object-fit: contain;
        object-position: left bottom;
    }

    .footprint-cta {
        min-height: 420px;
        padding: 45px 20px;
    }

    .footprint-cta h2 {
        font-size: 31px;
        line-height: 38px;
    }

    .footprint-cta p {
        font-size: 18px;
        line-height: 23px;
    }

    .footprint-cta__actions {
        align-items: center;
        flex-direction: column;
        gap: 12px;
        margin-top: 20px;
    }
}

@font-face {
    font-family: "Museo Sans";
    src: url("../fonts-museo-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Museo Sans";
    src: url("../fonts-museo-900.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

:root {
    --crs-navy: #093b60;
    --crs-dark: #00253c;
    --crs-cyan: #00a4e0;
    --crs-green: #30ae5d;
    --crs-yellow: #ffd526;
    --crs-white: #fff;
    --hero-height: max(716px, 100vh);
    --hero-height: max(716px, 100svh);
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--crs-dark);
    font-family: Arial, Helvetica, sans-serif;
}

.skip-link {
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    padding: 0.75rem 1rem;
    background: #fff;
    color: var(--crs-navy);
}

.site-header {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    left: 0;
    min-height: 89px;
    background: rgba(9, 59, 96, 0.68);
    transition: background-color 180ms ease;
}

.site-header.is-scrolled {
    background: var(--crs-navy);
}

.page-about .site-header {
    background: var(--crs-navy);
}

.page-contact .site-header {
    background: var(--crs-navy);
}

.page-work .site-header:not(.is-scrolled) {
    background: rgba(9, 59, 96, 0.68);
}

.page-partner .site-header:not(.is-scrolled) {
    background: rgba(9, 59, 96, 0.68);
}

.site-header .navbar {
    min-height: 89px;
    padding: 20px 20px 15px;
}

.site-header__inner {
    flex-wrap: nowrap;
    gap: 24px;
    padding: 0;
}

.navbar-brand {
    flex: 0 0 142px;
    margin: 0;
    padding: 0;
}

.navbar-brand img {
    width: 103px;
    height: auto;
}

.navbar-nav {
    gap: 19px;
}

.site-header .nav-link {
    padding: 14px 0 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.site-header .nav-link:hover,
.site-header .nav-link:focus,
.site-header .nav-link.show {
    color: var(--crs-yellow);
}

.dropdown-menu {
    padding: 0;
    border: 0;
    border-radius: 0 30px 0 30px;
    box-shadow: 0 10px 25px rgba(0, 37, 60, 0.18);
}

@media (min-width: 992px) {
    #desktopNav,
    #desktopNav .navbar-nav,
    .mega-nav-item {
        position: static;
    }

    .mega-nav-item:hover > .mega-menu,
    .mega-nav-item:focus-within > .mega-menu,
    .mega-nav-item.is-open > .mega-menu {
        display: grid;
    }

    .mega-nav-item:hover > .nav-link,
    .mega-nav-item:focus-within > .nav-link,
    .mega-nav-item.is-open > .nav-link {
        color: var(--crs-yellow);
    }

    .mega-nav-item:hover > .dropdown-toggle::after,
    .mega-nav-item:focus-within > .dropdown-toggle::after,
    .mega-nav-item.is-open > .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}

.mega-nav-item > .dropdown-toggle::after {
    transition: transform 150ms ease;
}

.mega-menu {
    top: calc(100% + 5px);
    left: 50%;
    width: min(850px, calc(100vw - 40px));
    min-height: 335px;
    grid-template-columns: 300px 1fr;
    padding: 28px 28px 26px;
    color: var(--crs-dark);
    background: #fff;
    transform: translateX(-50%);
}

.mega-menu__summary {
    padding-right: 28px;
    border-right: 1px solid var(--crs-navy);
}

.mega-menu__summary img {
    width: 82px;
    height: 82px;
    margin-bottom: 6px;
    object-fit: contain;
    object-position: left center;
}

.mega-menu__summary h2 {
    margin: 0 0 4px;
    font-family: "Museo Sans", sans-serif;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.15;
}

.mega-menu__summary p {
    margin: 0;
    font-size: 17px;
    line-height: 1.55;
}

.mega-menu__links {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 0 0 31px;
}

.mega-menu__link {
    color: var(--crs-dark);
    text-decoration: none;
}

.mega-menu__link strong,
.mega-menu__link span {
    display: block;
}

.mega-menu__link strong {
    margin-bottom: 1px;
    font-family: "Museo Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
}

.mega-menu__link span {
    font-size: 15px;
    line-height: 1.3;
}

.mega-menu__link:hover strong,
.mega-menu__link:focus strong {
    color: var(--crs-cyan);
    text-decoration: underline;
}

.site-header__actions {
    display: flex;
    flex: 0 0 auto;
    gap: 18px;
}

.btn-outline-accent,
.btn-accent {
    display: inline-flex;
    min-width: 140px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    border: 3px solid var(--crs-yellow);
    font-size: 18px;
    line-height: 1.1;
}

.btn-outline-accent {
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.btn-outline-accent:hover,
.btn-outline-accent:focus {
    color: var(--crs-navy);
    background: var(--crs-yellow);
    border-color: var(--crs-yellow);
}

.btn-accent {
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.btn-accent:hover,
.btn-accent:focus {
    color: #fff;
    background: var(--crs-navy);
    border-color: var(--crs-yellow);
}

.hero,
#heroCarousel,
#heroCarousel .carousel-inner,
.hero__slide {
    height: var(--hero-height);
    min-height: var(--hero-height);
}

.hero__slide {
    position: relative;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero__slide--main {
    background-image: linear-gradient(rgba(0, 65, 91, 0.46), rgba(0, 65, 91, 0.46)), url("../images/main-banner-home.png");
}

.hero__slide--awards {
    overflow: hidden;
    background-image: url("../images/achievements-bg-new.png");
}

.hero__content,
.hero__awards-content {
    position: relative;
    width: min(920px, calc(100% - 120px));
    margin: 0 auto;
    padding-top: 155px;
    text-align: center;
}

.hero__content h1,
.hero__awards-content h1 {
    margin: 0 auto;
    font-family: "Museo Sans", sans-serif;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.12;
}

.hero__content h1 {
    max-width: 850px;
}

.hero__content p {
    max-width: 900px;
    margin: 50px auto 0;
    padding: 25px 30px;
    border: 5px solid var(--crs-yellow);
    border-radius: 38px 38px 0 38px;
    font-size: 22px;
    line-height: 1.38;
}

.hero__awards-content {
    padding-top: 145px;
}

.hero__awards-content h1 {
    font-size: 60px;
}

.hero__awards-content > p {
    margin: 18px 0 8px;
    font-family: "Museo Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
}

.hero__awards {
    width: min(937px, 78vw);
    margin-top: 12px;
}

.hero__mark {
    position: absolute;
    top: 104px;
    left: 80px;
    width: 81px;
    height: 82px;
}

.hero__awards-content .hero__mark {
    top: 100px;
    left: 157px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
}

.content-container {
    max-width: 1230px;
}

.section-pad {
    padding: 60px 20px;
}

.experience {
    padding-top: 50px;
    padding-bottom: 58px;
    background: #fff;
}

.experience h2,
.offerings > .container > h2,
.integration h2,
.testimonials h2,
.insights h2 {
    margin: 0;
    color: var(--crs-dark);
    font-family: "Museo Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.experience h2 span {
    color: var(--crs-cyan);
}

.experience h2 {
    font-style: italic;
}

.impact {
    padding-top: 57px;
    padding-bottom: 70px;
    color: #fff;
    background:
        linear-gradient(to bottom, rgba(0, 37, 60, 0) 0%, rgba(0, 37, 60, 0.12) 24%, #00253c 82%),
        linear-gradient(105deg, #35a9df 0%, #2997b8 38%, #3db77a 100%);
}

.impact__stats {
    display: flex;
    max-width: 1000px;
    align-items: stretch;
    justify-content: center;
    gap: 30px;
    margin: 0 auto;
}

.impact__stat {
    position: relative;
    z-index: 0;
    display: flex;
    min-height: 104px;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 24px 10px;
    border-radius: 0 28px 0 28px;
    color: var(--crs-dark);
    background: #fff;
}

.impact__stat:nth-child(1) {
    flex: 0 0 313px;
}

.impact__stat:nth-child(2) {
    flex: 0 0 396px;
    border-radius: 28px 0 28px 0;
}

.impact__stat:nth-child(2)::before,
.impact__stat:nth-child(2)::after {
    border-radius: 28px 0 28px 0;
}

.impact__stat:nth-child(3) {
    flex: 0 0 223px;
}

.impact__stat::before,
.impact__stat::after {
    position: absolute;
    z-index: -1;
    inset: 7px -8px -9px 8px;
    border: 4px solid var(--crs-yellow);
    border-top: 0;
    border-left: 0;
    border-radius: 0 28px 0 28px;
    content: "";
}

.impact__stat::after {
    inset: 5px -4px -5px 5px;
    border-color: #25688b;
}

.impact__stats h3 {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1;
}

.impact__stats strong {
    color: var(--crs-green);
    font-family: "Museo Sans", sans-serif;
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
}

.partner-heading {
    margin: 34px 0 59px;
    font-family: "Museo Sans", sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
}

.client-logo-carousel {
    margin: 0 -30px 60px;
}

.impact__logos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 75px;
    min-height: 72px;
    padding: 0 30px;
}

.impact__logos img {
    width: 100%;
    max-height: 72px;
    object-fit: contain;
}

.impact .btn-blue {
    min-width: 176px;
    min-height: 50px;
    padding: 8px 24px;
    border-color: var(--crs-yellow);
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.impact .btn-blue:hover,
.impact .btn-blue:focus {
    border-color: var(--crs-yellow);
    color: #fff;
    background: var(--crs-dark);
}

.btn-blue {
    display: inline-flex;
    min-width: 160px;
    min-height: 51px;
    align-items: center;
    justify-content: center;
    padding: 10px 26px;
    border: 3px solid var(--crs-cyan);
    border-radius: 13px 13px 0 13px;
    color: #fff;
    background: var(--crs-cyan);
    font-size: 18px;
}

.btn-blue:hover,
.btn-blue:focus {
    color: var(--crs-cyan);
    background: #fff;
    border-color: var(--crs-cyan);
}

.offerings {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #fff;
}

.offerings--products {
    padding-top: 45px;
    padding-bottom: 57px;
}

.offerings--products > .content-container {
    max-width: 1296px;
}

.offerings--products > .container > h2 {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
    color: var(--crs-green);
    line-height: 1.25;
}

.offerings--products .section-intro {
    max-width: 790px;
    margin-top: 25px;
    margin-bottom: 49px;
    line-height: 1.3;
}

.offerings--products .offering-grid {
    max-width: 1230px;
    --bs-gutter-y: 0;
}

.offerings--alt {
    background: #f2f5f7;
}

.offerings--services {
    padding-top: 45px;
    padding-bottom: 31px;
}

.offerings--services > .content-container {
    max-width: 1296px;
}

.offerings--services > .container > h2 {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    color: #35a9df;
    line-height: 1.25;
}

.offerings--services .section-intro {
    max-width: 790px;
    margin-top: 10px;
    margin-bottom: 50px;
    line-height: 1.3;
}

.offerings--services .offering-grid {
    max-width: 1230px;
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0;
}

.offerings--services .offering {
    min-height: 306px;
}

.offerings--services .offering__icon {
    height: 99px;
    margin-bottom: 14px;
    filter: none;
}

.offerings--services .offering h3 {
    min-height: 35px;
    font-weight: 600;
}

.offerings--services .offering p {
    line-height: 1.28;
}

.section-intro,
.integration p {
    max-width: 870px;
    margin: 30px auto 50px;
    font-size: 18px;
    line-height: 1.55;
    text-align: center;
}

.offering-grid {
    max-width: 1080px;
    margin: 0 auto;
}

.offering {
    display: flex;
    min-height: 410px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.offering__icon {
    width: 99px;
    height: 99px;
    margin-bottom: 14px;
    filter: invert(18%) sepia(27%) saturate(2560%) hue-rotate(168deg) brightness(92%);
    stroke-width: 1.25;
}

.offerings--products .offering__icon {
    height: 99px;
    margin-bottom: 15px;
    filter: none;
}

.offerings--products .offering {
    min-height: 346px;
}

.offerings--products .offering h3 {
    font-weight: 600;
}

.offerings--products .offering p {
    line-height: 1.28;
}

.offering h3 {
    min-height: 72px;
    margin: 0 0 12px;
    font-family: "Museo Sans", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
}

.offering p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}

.offering > a {
    margin-top: auto;
    color: var(--crs-dark);
    font-size: 18px;
}

.integration {
    padding-top: 20px;
    padding-bottom: 24px;
    color: #fff;
    background-image: url("../images/integration-gradient.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.integration h2 {
    width: 62.258%;
    max-width: 1028px;
    margin: 0 auto;
    padding-top: 50px;
    color: #fff;
    background-image: url("../images/integration-mark.png");
    background-position: top left;
    background-repeat: no-repeat;
}

.integration p {
    max-width: 864px;
    margin: 28px auto 4px;
    font-family: "Museo Sans", sans-serif;
    font-size: 20px;
    line-height: 23px;
}

.integration__awards {
    display: block;
    width: min(1000px, 100%);
    margin: -35px auto -20px;
}

.testimonials {
    padding-top: 70px;
    padding-bottom: 95px;
    background: #fff;
}

.testimonials h2 {
    margin-bottom: 45px;
}

.testimonials .carousel {
    padding-bottom: 46px;
}

.testimonial-card {
    display: flex;
    min-height: 390px;
    flex-direction: column;
    padding: 36px 38px 26px;
    border: 3px solid var(--crs-navy);
    border-radius: 0 30px 0 30px;
    background: #fff;
}

.testimonial-card > p {
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 1.55;
}

.testimonial-card__person {
    display: flex;
    min-height: 96px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
}

.testimonial-card__person h3 {
    margin: 0 0 5px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
}

.testimonial-card__person span {
    font-size: 15px;
}

.testimonial-card__person img {
    width: 130px;
    max-height: 78px;
    object-fit: contain;
}

.testimonials .carousel-indicators {
    bottom: -8px;
    gap: 6px;
}

.testimonials .carousel-indicators button {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    background: var(--crs-navy);
}

.insights {
    padding-top: 34px;
    padding-bottom: 26px;
    background: #18375f;
}

.insights h2 {
    color: #fff;
}

.insights .section-intro {
    margin-top: 18px;
    margin-bottom: 41px;
    color: #fff;
}

.insights .row {
    display: grid;
    grid-template-columns: repeat(4, 280px);
    justify-content: center;
    gap: 30px;
    margin: 0;
}

.insights .row > article {
    position: relative;
    z-index: 0;
    width: auto;
    margin-top: 0;
    padding: 0;
}

.insight-card {
    height: 100%;
    border-radius: 0 30px 0 30px;
    background: #fff;
}

.insights .row > article::before {
    position: absolute;
    z-index: -1;
    inset: 15px 6px -15px -15px;
    border: 4px solid var(--crs-yellow);
    border-radius: 0 30px 0 30px;
    content: "";
}

.insight-card h3 {
    min-height: 70px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 18px 20px;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.insight-card a {
    color: var(--crs-dark);
}

.insight-card h3 a,
.insight-card h3 a:hover,
.insight-card h3 a:focus {
    text-decoration: none;
}

.insight-card p a {
    text-decoration: underline;
}

.insight-card img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.insight-card p {
    margin: 0;
    padding: 20px;
    font-size: 17px;
    line-height: 1.45;
}

.insights .btn-blue {
    min-width: 169px;
    min-height: 45px;
    padding: 5px 24px;
    border-color: var(--crs-yellow);
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.insights .text-center.mt-5 {
    margin-top: 50px !important;
}

.insights .btn-blue:hover,
.insights .btn-blue:focus {
    border-color: var(--crs-yellow);
    color: #fff;
    background: var(--crs-dark);
}

.home-cta {
    min-height: 470px;
    padding: 74px 20px;
    color: #fff;
    background: var(--crs-dark) url("../images/cta-banner-home.png") center / cover no-repeat;
}

.home-cta__content {
    width: min(620px, 55%);
}

.home-cta h2 {
    margin: 0 0 22px;
    font-family: "Museo Sans", sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.home-cta p {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.55;
}

.about-hero {
    min-height: 0;
    padding: 180px 20px 130px;
    color: #fff;
    background: url("../images/about-main-banner.png") center / cover no-repeat;
}

.about-hero__content {
    width: min(840px, 100%);
    margin: 0 auto;
    text-align: center;
}

.about-hero__eyebrow,
.about-section__eyebrow {
    margin: 0 0 16px;
    color: var(--crs-yellow);
    font-family: "Museo Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.about-hero__title {
    display: inline-block;
    max-width: 780px;
    padding: 55px 50px 0;
    background: url("../images/about-hero-mark.png") top left / auto no-repeat;
}

.about-hero h1 {
    margin: 0 0 24px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(42px, 4.4vw, 64px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 0;
    text-transform: none;
}

.about-hero h1 span {
    color: inherit;
}

.about-hero__lead {
    max-width: 640px;
    margin: 0 auto 0;
    font-size: 22px;
    line-height: 1.5;
}

.about-hero p {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1.6;
}

.about-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 28px;
}

.about-section {
    padding-top: 78px;
    padding-bottom: 78px;
    background: #fff;
}

.about-section--team {
    background: #fff url("../images/team-bg.png") center / cover no-repeat;
    color: #fff;
    text-align: center;
}

.about-section--team h2,
.about-section--team .about-section__lead {
    color: #fff;
}

.page-about .about-section--team h2 {
    font-size: clamp(34px, 3.6vw, 50px);
    font-weight: 900;
}

.about-section--team .about-section__lead {
    max-width: none;
    font-family: "Museo Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.about-section--intro h2 {
    margin-bottom: 46px;
    text-align: left;
    font-size: clamp(34px, 3.6vw, 54px);
    font-weight: 900;
}

.about-section--intro .content-container {
    max-width: 1100px;
}

.about-section__intro-content {
    max-width: 1080px;
    margin: 0 auto;
}

.about-section__intro-content p {
    color: var(--crs-navy);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
}

.about-section--solutions {
    background: #f2f5f7;
}

.about-section h2 {
    margin: 0 0 12px;
    color: var(--crs-dark);
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(32px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.2;
}

.about-section h2 span {
    color: var(--crs-cyan);
}

.page-about .about-section--intro h2 {
    font-weight: 900;
}

.page-about .about-section--solutions h2 {
    font-weight: 900;
}

.about-section--solutions h2 span {
    color: var(--crs-green);
}

.about-section--solutions p {
    color: var(--crs-navy);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
}

.about-section p,
.about-section li,
.about-cta p {
    font-size: 18px;
    line-height: 1.6;
}

.about-section__lead {
    max-width: 760px;
    margin-bottom: 34px;
    color: var(--crs-dark);
}

.about-section__media {
    display: flex;
    justify-content: center;
    padding: 14px 0 0 14px;
}

.about-section__media img {
    display: block;
    width: min(100%, 336px);
    border-radius: 0;
    box-shadow: none;
}

.about-team-card {
    height: 100%;
    padding: 0;
}

.about-team-card__image {
    position: relative;
    margin-bottom: 18px;
}

.about-team-card__image::before {
    position: absolute;
    z-index: 0;
    top: -4px;
    right: -4px;
    bottom: 10px;
    left: 10px;
    border-top: 3px solid var(--crs-yellow);
    border-right: 3px solid var(--crs-yellow);
    border-radius: 0 30px 0 0;
    content: "";
}

.about-team-card img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 0 30px 0 30px;
    object-fit: cover;
}

.about-team-card h3 {
    margin: 0 0 8px;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 19px;
    font-weight: 600;
}

.about-team-card p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.about-team__action {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 7px 15px;
    border: 3px solid #fff;
    border-radius: 13px 13px 0 13px;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    background: transparent;
    margin-top: 42px;
}

.about-team__action:hover,
.about-team__action:focus {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

@media (min-width: 992px) {
    .about-team-column {
        flex: 0 0 20%;
        width: 20%;
    }
}

.about-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 70px 32px;
}

.about-value-card {
    padding: 0 20px;
    text-align: center;
}

.about-value-card__icon {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
}

.about-value-card__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.about-value-card:nth-child(odd) .about-value-card__icon {
    color: #349dca;
}

.about-value-card:nth-child(even) .about-value-card__icon {
    color: #48b978;
}

.about-value-card h3 {
    margin: 0 0 20px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.19;
}

.about-value-card strong {
    display: block;
    margin-bottom: 22px;
    color: var(--crs-dark);
    font-size: 16px;
    font-weight: 700;
}

.page-about .about-section--values h2 span {
    color: var(--crs-green);
}

.page-about .about-section--values h2 {
    margin-bottom: 60px;
    text-align: center;
    font-size: clamp(34px, 3.6vw, 50px);
    font-weight: 900;
}

.about-value-card p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.375;
}

.about-insights-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
}

.about-section--insights {
    background: #f2f5f7;
    text-align: center;
}

.page-about .about-section--insights h2 {
    margin-bottom: 24px;
    font-size: clamp(34px, 3.6vw, 50px);
    font-weight: 900;
}

.about-section--insights .about-section__lead {
    max-width: none;
    margin-bottom: 30px;
    color: var(--crs-dark);
    font-size: 18px;
}

.about-insight-card {
    overflow: hidden;
    border: 3px solid var(--crs-navy);
    border-radius: 0 30px 0 30px;
    background: #fff;
    box-shadow: none;
    text-align: left;
}

.about-insight-card img {
    display: block;
    width: 100%;
    aspect-ratio: 1.48 / 1;
    object-fit: cover;
}

.about-insight-card__body {
    min-height: 88px;
    padding: 20px 28px 14px;
}

.about-insight-card h3 {
    min-height: 67px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 14px 20px 10px;
    font-family: "Museo Sans", sans-serif;
    font-size: 23px;
    font-weight: 700;
}

.about-insight-card a {
    color: var(--crs-dark);
    text-decoration: none;
}

.about-insight-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
}

.about-section--insights .btn-blue {
    min-width: 169px;
    min-height: 45px;
    border: 0;
    border-radius: 11px 11px 11px 0;
    color: #fff;
    background: var(--crs-dark);
}

.about-cta {
    padding: 70px 20px 60px;
    color: #fff;
    background: url("../images/about-cta-banner.png") center / cover no-repeat;
}

.about-cta__content {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.about-cta__content > .d-flex {
    justify-content: center;
}

.about-cta h2 {
    margin: 0 0 18px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(32px, 3.6vw, 44px);
    font-weight: 700;
    line-height: 1.2;
}

.about-cta .btn {
    margin-top: 10px;
}

@media (max-width: 1199.98px) {
    .about-value-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-insights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .about-hero {
        padding-top: 150px;
        padding-bottom: 88px;
    }

    .about-hero__content {
        width: 100%;
    }

    .about-hero__actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-section {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .about-value-grid,
    .about-insights-grid {
        grid-template-columns: 1fr;
    }
}

.page-hipe .site-header:not(.is-scrolled) {
    background: rgba(9, 59, 96, 0.68);
}

.hipe-hero {
    display: flex;
    min-height: 716px;
    align-items: center;
    padding: 110px 20px 20px;
    color: #fff;
    background: var(--crs-dark) url("../images/hipe/Header-Image-9.jpg") center / cover no-repeat;
    text-align: center;
}

.hipe-hero__content {
    margin: 0 auto;
}

.hipe-hero__title-mark {
    display: inline-block;
    padding: 55px 50px 0;
    background: url("../images/shared/Vector-Smart-Object.png") top left / auto no-repeat;
}

.hipe-hero h1 {
    margin: 0;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(44px, 4.7vw, 66px);
    font-weight: 900;
    line-height: 1.42;
    letter-spacing: 0;
}

.hipe-hero h1 span {
    white-space: nowrap;
}

.hipe-hero sup,
.hipe-intro sup,
.hipe-support sup {
    position: relative;
    top: -0.3em;
    font-size: 0.55em;
}

.hipe-hero p {
    margin: 88px 0 0;
    font-size: 21px;
    font-weight: 700;
}

.hipe-intro {
    padding: 57px 20px 55px;
    color: var(--crs-dark);
    background: #fff;
    text-align: center;
}

.hipe-intro p {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
}

.hipe-pillars {
    padding: 48px 20px 58px;
    color: #fff;
    background: var(--crs-dark) url("../images/shared/Color-banner-1.png") center / cover no-repeat;
}

.hipe-pillars__grid {
    display: grid;
    max-width: 1123px;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 10px;
}

.hipe-pillar {
    display: grid;
    min-height: 126px;
    align-items: center;
    margin: 0;
}

.hipe-pillar--left {
    grid-template-columns: minmax(0, 1fr) 116px;
    column-gap: 25px;
    text-align: right;
}

.hipe-pillar--right {
    grid-template-columns: 94px minmax(0, 1fr);
    column-gap: 25px;
    text-align: left;
}

.hipe-pillar h2 {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 31px;
    font-weight: 700;
    line-height: 1.38;
}

.hipe-pillar__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--crs-yellow);
}

.hipe-pillar--left .hipe-pillar__icon {
    width: 116px;
    height: 116px;
}

.hipe-pillar--right .hipe-pillar__icon {
    width: 94px;
    height: 94px;
}

.hipe-pillar__icon--top-left {
    border-radius: 63px 63px 0 63px;
}

.hipe-pillar__icon--top-right {
    border-radius: 63px 63px 63px 0;
}

.hipe-pillar__icon--bottom-left {
    border-radius: 63px 0 63px 63px;
}

.hipe-pillar__icon--bottom-right {
    border-radius: 0 63px 63px 63px;
}

.hipe-pillar__icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.hipe-pillar:nth-child(1) .hipe-pillar__icon img {
    width: 88px;
    height: 88px;
}

.hipe-pillar:nth-child(2) .hipe-pillar__icon img {
    width: 56px;
    height: 66px;
}

.hipe-pillar:nth-child(3) .hipe-pillar__icon img {
    width: 68px;
    height: 68px;
}

.hipe-pillar:nth-child(4) .hipe-pillar__icon img {
    width: 51px;
    height: 63px;
}

.hipe-support {
    padding: 50px 20px 38px;
    color: var(--crs-dark);
    background: #fff;
}

.hipe-support h2 {
    margin: 0 0 26px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(30px, 3vw, 40px);
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
}

.hipe-support h2 span {
    color: var(--crs-green);
}

.hipe-support p,
.hipe-maintenance p,
.hipe-service p {
    font-size: 18px;
    line-height: 1.6;
}

.hipe-support p:last-child,
.hipe-maintenance p,
.hipe-service p {
    margin-bottom: 0;
}

.hipe-support__icon {
    width: min(100%, 150px);
    height: auto;
}

.hipe-maintenance {
    padding: 48px 20px;
    background: #f0f4f7;
}

.hipe-maintenance img {
    width: min(100%, 142px);
    height: auto;
}

.hipe-maintenance h2,
.hipe-service h2 {
    margin: 0 0 2px;
    font-family: "Museo Sans", sans-serif;
    font-size: 37px;
    font-weight: 900;
}

.hipe-maintenance h2 {
    color: var(--crs-cyan);
}

.hipe-services {
    padding: 54px 20px 68px;
    background: #fff;
}

.hipe-service {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 28px;
    align-items: center;
}

.hipe-service h2 {
    color: var(--crs-green);
}

.hipe-service img {
    display: block;
    width: 160px;
    height: 170px;
    object-fit: contain;
}

.hipe-cta {
    display: flex;
    min-height: 321px;
    align-items: center;
    padding: 62px 20px;
    color: #fff;
    background: url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.hipe-cta__inner {
    display: flex;
    max-width: 1105px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.hipe-cta h2 {
    margin: 0 0 12px;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
}

.hipe-cta p {
    max-width: 680px;
    margin: 0 auto;
    font-size: 21px;
}

.hipe-cta__actions {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    gap: 20px;
}

.hipe-cta__actions .btn {
    min-width: 145px;
    padding: 10px 24px;
    border-width: 3px;
    border-radius: 11px 11px 0 11px;
    font-size: 18px;
}

.hipe-cta__actions .btn-outline-primary {
    border-color: var(--crs-yellow);
    color: #fff;
}

.hipe-cta__actions .btn-outline-primary:hover,
.hipe-cta__actions .btn-outline-primary:focus {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.hipe-cta__actions .btn-warning {
    min-width: 217px;
    border-color: var(--crs-yellow);
    border-radius: 11px 11px 11px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

@media (max-width: 991.98px) {
    .hipe-pillars__grid {
        grid-template-columns: 1fr;
    }

    .hipe-pillar--left,
    .hipe-pillar--right {
        grid-template-columns: 126px minmax(0, 1fr);
        column-gap: 25px;
        text-align: left;
    }

    .hipe-pillar--left h2 {
        order: 2;
    }

    .hipe-pillar--left .hipe-pillar__icon {
        order: 1;
    }

    .hipe-service {
        grid-template-columns: minmax(0, 1fr) 150px;
    }

    .hipe-cta__inner {
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .hipe-cta {
        min-height: 0;
        padding: 55px 20px;
    }

    .hipe-cta__inner,
    .hipe-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .hipe-cta h2 {
        font-size: 31px;
    }
}

@media (max-width: 575.98px) {
    .hipe-hero {
        min-height: 570px;
        padding-top: 120px;
    }

    .hipe-hero__title-mark {
        padding: 42px 12px 0;
        background-size: 58px auto;
    }

    .hipe-hero h1 {
        font-size: 36px;
        line-height: 1.25;
    }

    .hipe-hero h1 span {
        white-space: normal;
    }

    .hipe-hero p {
        margin-top: 64px;
        font-size: 18px;
    }

    .hipe-intro p {
        font-size: 18px;
    }

    .hipe-intro br {
        display: none;
    }

    .hipe-pillar--left,
    .hipe-pillar--right {
        grid-template-columns: 92px minmax(0, 1fr);
        column-gap: 20px;
    }

    .hipe-pillar {
        min-height: 96px;
    }

    .hipe-pillar__icon {
        width: 92px;
        height: 92px;
    }

    .hipe-pillar--left .hipe-pillar__icon,
    .hipe-pillar--right .hipe-pillar__icon {
        width: 92px;
        height: 92px;
    }

    .hipe-pillar__icon img {
        width: 64px;
        height: 64px;
    }

    .hipe-pillar h2 {
        padding-left: 0;
        font-size: 22px;
    }

    .hipe-support h2 {
        text-align: left;
    }

    .hipe-maintenance {
        text-align: center;
    }

    .hipe-maintenance h2,
    .hipe-service h2 {
        font-size: 32px;
    }

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

    .hipe-service img {
        width: 140px;
        height: 145px;
        margin: 0 auto;
    }

}

.page-privacy .site-header:not(.is-scrolled) {
    background: rgba(9, 59, 96, 0.68);
}

.privacy-hero {
    display: flex;
    min-height: 408px;
    align-items: center;
    padding: 89px 10px 0;
    color: #fff;
    background: var(--crs-dark) url("../images/privacy/BG-image.jpg") center / cover no-repeat;
    text-align: center;
}

.privacy-hero h1 {
    margin: 0;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 0;
}

.privacy-document {
    padding: 80px 0;
    color: var(--crs-dark);
    background: #f0f4f7;
}

.privacy-document__inner {
    padding-right: 10px;
    padding-left: 10px;
}

.privacy-document section {
    margin: 0;
}

.privacy-document h2 {
    margin: 0 0 20px;
    color: var(--crs-dark);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.65;
}

.privacy-document h2 span {
    margin-right: 3px;
}

.privacy-document p,
.privacy-document li,
.privacy-downloads p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.65;
}

.privacy-document p {
    margin: 0 0 28px;
}

.privacy-document ul {
    margin: 0 0 28px;
    padding-left: 42px;
}

.privacy-document a,
.privacy-downloads a:not(.btn) {
    color: var(--crs-navy);
}

.privacy-downloads {
    padding: 50px 0 80px;
    color: var(--crs-dark);
    background: #fff;
}

.privacy-downloads .content-container {
    padding-right: 10px;
    padding-left: 10px;
}

.privacy-downloads p {
    margin: 0 0 20px;
}

.privacy-downloads__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.privacy-downloads__actions .btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    border: 3px solid var(--crs-green);
    border-radius: 10px 10px 10px 0;
    color: #fff;
    font-size: 20px;
    background: var(--crs-green);
    white-space: normal;
}

.privacy-downloads__actions .btn:hover,
.privacy-downloads__actions .btn:focus {
    border-color: var(--crs-navy);
    color: #fff;
    background: var(--crs-navy);
}

@media (max-width: 767.98px) {
    .privacy-hero {
        min-height: 360px;
        padding-top: 80px;
    }

    .privacy-hero h1 {
        font-size: 40px;
    }

    .privacy-document {
        padding: 55px 0;
    }

    .privacy-document p,
    .privacy-document li,
    .privacy-downloads p,
    .privacy-document h2 {
        font-size: 17px;
    }

    .privacy-document ul {
        padding-left: 30px;
    }

    .privacy-downloads {
        padding: 50px 0;
    }

    .privacy-downloads__actions {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

.contact-hero {
    display: flex;
    min-height: 532px;
    align-items: center;
    padding: 90px 20px 0;
    color: #fff;
    background: var(--crs-dark) url("../images/contact/main-banner-1.png") bottom center / cover no-repeat;
    text-align: center;
}

.contact-hero__content {
    margin: 0 auto;
}

.contact-hero__title {
    display: inline-block;
    padding: 55px 50px 0;
    background: url("../images/shared/Vector-Smart-Object.png") top left / auto no-repeat;
}

.contact-hero h1 {
    margin: 0 0 24px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(44px, 4.3vw, 64px);
    font-weight: 900;
    line-height: 1.1;
}

.contact-hero p {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.contact-office {
    padding: 72px 20px;
    background: #fff;
}

.contact-office__map iframe {
    display: block;
    width: 100%;
    height: 392px;
    border: 0;
}

.contact-office__details {
    padding: 20px 0 20px 58px;
}

.contact-office h2 {
    margin: 0 0 24px;
    color: var(--crs-cyan);
    font-family: "Museo Sans", sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}

.contact-office__channels {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-channel {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: 12px;
    color: var(--crs-navy);
    text-decoration: none;
}

.contact-channel img {
    flex: 0 0 36px;
    object-fit: contain;
}

.contact-channel strong {
    display: block;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 18px;
    font-weight: 900;
}

.contact-channel--help a {
    display: block;
    color: var(--crs-navy);
    font-size: 16px;
    text-decoration: none;
}

.contact-office__address {
    color: var(--crs-navy);
    font-size: 18px;
    line-height: 1.55;
}

.contact-office__address address {
    margin: 0 0 22px;
    font-style: normal;
}

.contact-office__track {
    min-width: 145px;
    padding: 8px 20px;
    border: 3px solid #000;
    border-radius: 13px 13px 0 13px;
    color: var(--crs-navy);
    font-size: 18px;
}

.contact-office__track:hover,
.contact-office__track:focus {
    color: #fff;
    border-color: var(--crs-navy);
    background: var(--crs-navy);
}

.contact-social {
    display: flex;
    gap: 5px;
    margin-top: 14px;
}

.contact-social a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: var(--crs-cyan);
    text-decoration: none;
}

.contact-social svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.contact-form-section {
    padding: 48px 20px;
    background: #f2f5f7;
}

.contact-form-section h2 {
    margin: 0 0 22px;
    color: var(--crs-dark);
    font-family: "Museo Sans", sans-serif;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
}

.contact-form {
    width: min(680px, 100%);
    margin: 0 auto;
}

.contact-field label {
    display: block;
    margin: 0;
    color: var(--crs-dark);
    font-family: "Museo Sans", sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
}

.contact-field .form-control {
    min-height: 42px;
    border: 3px solid var(--crs-navy);
    color: #454546;
    background: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 20px;
}

.contact-field--left .form-control {
    border-radius: 15px 0 15px 15px;
}

.contact-field--right .form-control {
    border-radius: 0 15px 15px 15px;
}

.contact-field textarea.form-control {
    min-height: 116px;
    resize: vertical;
}

.contact-form__consent {
    margin-top: 2px;
    color: var(--crs-dark);
    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 16px;
}

.contact-form__consent a {
    color: inherit;
}

.contact-form__submit {
    display: block;
    width: auto;
    min-width: 85px;
    min-height: 50px;
    margin: 0 auto;
    padding: 10px;
    border: 0;
    border-radius: 15px 15px 15px 0;
    color: #fff;
    background: var(--crs-green);
    font-family: "Museo Sans", sans-serif;
    font-size: 20px;
    line-height: 30px;
}

.contact-form__submit:hover,
.contact-form__submit:focus {
    color: #fff;
    background: var(--crs-navy);
}

.contact-cta {
    display: flex;
    min-height: 430px;
    align-items: center;
    padding: 80px 20px;
    color: #fff;
    background: var(--crs-dark) url("../images/contact/banner-bg-1.png") center / cover no-repeat;
}

.contact-cta__content {
    max-width: 760px;
}

.contact-cta h2 {
    margin: 0 0 20px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(34px, 3.6vw, 45px);
    font-weight: 900;
    line-height: 1.15;
}

.contact-cta p {
    margin: 0 0 24px;
    font-family: "Museo Sans", sans-serif;
    font-size: 20px;
    line-height: 1.5;
}

.contact-cta__actions .btn:first-child {
    min-width: 210px;
}

@media (max-width: 991.98px) {
    .contact-hero {
        min-height: 473px;
    }

    .contact-office__details {
        padding: 48px 30px 10px;
    }

    .contact-office h2 {
        text-align: center;
    }

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

    .contact-cta__actions {
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    .contact-hero {
        min-height: 500px;
        padding-top: 100px;
        padding-bottom: 50px;
    }

    .contact-hero__title {
        padding-right: 25px;
        padding-left: 25px;
    }

    .contact-office {
        padding-right: 0;
        padding-left: 0;
    }

    .contact-field--left .form-control {
        border-radius: 15px 0 15px 15px;
    }

    .contact-cta {
        padding: 70px 20px;
    }

    .contact-cta p br {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .contact-hero h1 {
        font-size: 42px;
    }

    .contact-hero p {
        font-size: 19px;
        line-height: 1.4;
    }

    .contact-office__details {
        padding-right: 24px;
        padding-left: 24px;
    }

    .contact-office__address {
        margin-top: 8px;
    }

    .contact-form-section h2 {
        font-size: 34px;
    }

    .contact-cta h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .contact-cta__actions {
        flex-direction: column;
        align-items: center;
    }
}

.work-hero {
    display: flex;
    min-height: 632px;
    align-items: center;
    padding: 180px 20px 130px;
    color: #fff;
    background: var(--crs-cyan) url("../images/work-for-crs/hero-bg.png") center / cover no-repeat;
    text-align: center;
}

/* Partner Programme */
.partner-hero {
    display: flex;
    min-height: 571px;
    align-items: center;
    padding: 176px 20px 64px;
    color: #fff;
    background: url("../images/partner-programme/hero.jpg") center right / cover no-repeat;
    text-align: center;
}

.partner-hero__content {
    margin: 0 auto;
}

.partner-hero__title {
    display: inline-block;
    max-width: 1000px;
    padding: 55px 50px 0;
    background: url("../images/partner-programme/hero-mark.png") top left / auto no-repeat;
}

.partner-hero h1 {
    margin: 0 0 24px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(46px, 4.2vw, 60px);
    font-weight: 900;
    line-height: 1.15;
}

.partner-hero p {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.partner-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.partner-btn {
    min-width: 143px;
    min-height: 48px;
    padding: 10px 20px;
    border-width: 3px;
    border-radius: 10px 10px 10px 0;
    font-size: 18px;
}

.partner-btn--outline {
    border-color: var(--crs-yellow);
    color: #fff;
    background: transparent;
}

.partner-btn--outline:hover,
.partner-btn--outline:focus {
    border-color: #fff;
    color: var(--crs-navy);
    background: #fff;
}

.partner-btn--primary {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.partner-btn--primary:hover,
.partner-btn--primary:focus {
    border-color: var(--crs-navy);
    color: #fff;
    background: var(--crs-navy);
}

.partner-impact {
    min-height: 843px;
    padding: 58px 20px 48px;
    color: var(--crs-dark);
    background: #fff;
    text-align: center;
}

.partner-impact h2,
.partner-tiers h2,
.partner-mid-cta h2,
.partner-clients h2,
.partner-best h2,
.partner-products h2 {
    margin: 0;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(38px, 3.5vw, 50px);
    font-weight: 900;
    line-height: 1.1;
}

.partner-impact h2 span,
.partner-tiers h2 span,
.partner-best h2 {
    color: var(--crs-green);
}

.partner-lead {
    margin: 22px auto 42px;
    font-size: 16px;
    line-height: 1.35;
}

.partner-impact__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 38px 42px;
}

.partner-icon-card img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    object-fit: contain;
}

.partner-icon-card h3,
.partner-tier h3,
.partner-product h3 {
    margin: 0 0 18px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.partner-icon-card p,
.partner-tier p {
    max-width: 370px;
    margin: 0 auto;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.35;
}

.partner-color-band {
    color: #fff;
    background: var(--crs-navy) url("../images/partner-programme/color-banner.png") center / cover no-repeat;
    text-align: center;
}

.partner-recognition {
    min-height: 275px;
    padding: 46px 30px 38px;
}

.partner-recognition > .container-fluid,
.partner-clients > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.partner-recognition h2,
.partner-logos h2 {
    margin: 0 0 30px;
    font-family: "Museo Sans", sans-serif;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
}

.partner-logo-strip {
    --logo-gap: 120px;
    --slides-per-view: 4;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
}

.partner-logo-strip__viewport {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}

.partner-logo-strip__track {
    display: flex;
    align-items: center;
    gap: var(--logo-gap);
    transition: transform 500ms ease;
    will-change: transform;
}

.partner-logo-strip__slide {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.partner-logo-strip img {
    display: block;
    width: 100%;
    height: 130px;
    object-fit: contain;
}

.partner-logo-strip__control {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 38px;
    height: 54px;
    border: 0;
    color: #fff;
    background: rgba(0, 37, 60, 0.82);
    font-size: 38px;
    line-height: 1;
    transform: translateY(-50%);
}

.partner-logo-strip__control--prev {
    left: 0;
}

.partner-logo-strip__control--next {
    right: 0;
}

.partner-tiers {
    min-height: 945px;
    padding: 58px 20px 44px;
    background: #f2f5f7;
}

.partner-tiers__intro {
    display: grid;
    min-height: 390px;
    grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
    align-items: center;
    gap: 23px;
    max-width: 1044px;
    margin: 0 auto 22px;
}

.partner-tiers__intro h2 {
    margin-bottom: 26px;
    text-align: left;
}

.partner-tiers__intro h2 span {
    color: var(--crs-cyan);
}

.partner-tiers__intro p {
    max-width: 430px;
    margin: 0;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.35;
}

.partner-tiers__intro > img {
    display: block;
    width: 100%;
    max-width: 543px;
    max-height: 490px;
    margin: 0 auto;
    object-fit: contain;
}

.partner-tiers__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 55px;
    text-align: center;
}

.partner-tier img {
    width: 108px;
    height: 108px;
    margin-bottom: 20px;
    object-fit: contain;
}

.partner-mid-cta {
    min-height: 268px;
    display: flex;
    align-items: center;
    padding: 60px 20px 74px;
    color: var(--crs-navy);
    background: #fff;
    text-align: center;
}

.partner-mid-cta h2 {
    color: var(--crs-navy);
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
}

.partner-mid-cta h2 span {
    color: var(--crs-cyan);
}

.partner-mid-cta .partner-actions {
    margin-top: 31px;
}

.partner-mid-cta .partner-btn--outline {
    border-color: var(--crs-navy);
    border-radius: 10px 10px 0 10px;
    color: var(--crs-navy);
}

.partner-mid-cta .partner-btn--outline:hover,
.partner-mid-cta .partner-btn--outline:focus {
    border-color: var(--crs-navy);
    color: #fff;
    background: var(--crs-navy);
}

.partner-why {
    position: relative;
    min-height: max(564px, calc(37.44vw + 30px));
    overflow: hidden;
    border-bottom: 30px solid #f3f5f7;
    padding: 76px 20px;
    background: #f3f5f7;
}

.partner-why::before,
.partner-why::after {
    position: absolute;
    inset-block: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
}

.partner-why::before {
    left: 0;
    width: 27.72%;
    background-image: url("../images/partner-programme/world-map.png");
    background-position: center right;
}

.partner-why::after {
    right: 0;
    width: 39.58%;
    background-image: url("../images/partner-programme/world-map-mobile.png");
    background-position: center left;
}

.partner-why__content {
    position: relative;
    z-index: 1;
    width: 526px;
    max-width: calc(100% - 40px);
    margin: 24px 0 0 calc((100% - min(1230px, 100%)) / 2 + 237px);
    padding-right: 0;
    padding-left: 0;
}

.partner-why h2 {
    margin: 0;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
}

.partner-why h3 {
    margin: 0 0 25px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 37px;
    font-weight: 600;
    line-height: 55px;
    white-space: nowrap;
}

.partner-why p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 18px;
    line-height: 23px;
}

@media (min-width: 1367px) {
    .partner-why__content {
        width: calc(33% + 60px);
        max-width: none;
        margin-left: calc(27.72% - 60px);
    }
}

.partner-clients {
    min-height: 347px;
    padding: 42px 30px 38px;
}

.partner-clients h2 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 32px;
}

.partner-logo-strip--clients img {
    height: 110px;
    filter: grayscale(1) brightness(0) invert(1);
}

.partner-clients .partner-actions {
    margin-top: 25px;
}

.partner-best {
    min-height: 255px;
    display: flex;
    align-items: center;
    padding: 48px 20px;
    background: #fff;
    text-align: center;
}

.partner-best h2 {
    margin-bottom: 28px;
}

.partner-best p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.25;
}

.partner-logos {
    padding: 36px 20px;
    text-align: center;
}

.partner-logos--erp {
    min-height: 342px;
    padding-top: 38px;
    padding-bottom: 34px;
    background: #f2f5f7;
}

.partner-logos--erp h2 {
    margin-bottom: 70px;
}

.partner-logos--industry {
    min-height: 305px;
    padding-top: 34px;
    background: #fff;
}

.partner-logos h2 {
    color: var(--crs-navy);
}

.partner-logo-grid {
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 22px 35px;
    margin: 0 auto;
}

.partner-logo-grid--erp {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 35px;
    max-width: 990px;
}

.partner-logo-grid--industry {
    grid-template-columns: repeat(4, minmax(110px, 180px));
    max-width: 760px;
}

.partner-logo-grid img {
    width: 100%;
    height: 52px;
    object-fit: contain;
    filter: grayscale(1);
}

.partner-logo-grid--erp img {
    flex: 0 0 170px;
    width: 170px;
    height: 70px;
}

.partner-logo-grid--industry img {
    height: 105px;
}

.partner-products {
    min-height: 784px;
    padding: 64px 20px 48px;
    color: #fff;
    background: var(--crs-navy) url("../images/partner-programme/products-bg.png") center / cover no-repeat;
    text-align: center;
}

.partner-products h2 {
    color: #fff;
}

.partner-products__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 70px;
    margin: 72px 0 68px;
}

.partner-product img {
    display: block;
    width: 92px;
    height: 112px;
    margin: 28px auto 0;
    object-fit: contain;
}

.partner-product h3 {
    color: #fff;
    font-size: 24px;
}

.partner-product ul {
    width: fit-content;
    margin: 0 auto;
    padding-left: 20px;
    list-style: disc;
    font-size: 17px;
    line-height: 1.6;
    text-align: left;
}

.partner-products__cta h2 {
    font-size: 42px;
}

.partner-modal {
    border: 0;
    border-radius: 0 18px 0 18px;
}

.partner-modal .modal-header {
    border: 0;
    color: #fff;
    background: var(--crs-navy);
}

.partner-modal .modal-title {
    font-family: "Museo Sans", sans-serif;
    font-size: 30px;
    font-weight: 900;
}

.partner-modal .modal-body {
    padding: 28px;
}

.partner-modal .form-control {
    min-height: 48px;
    border-radius: 0 8px 0 8px;
}

@media (max-width: 1200px) and (min-width: 992px) {
    .partner-logo-strip {
        --logo-gap: 80px;
        --slides-per-view: 3;
    }
}

@media (max-width: 991.98px) {
    .partner-impact__grid,
    .partner-tiers__grid,
    .partner-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-impact,
    .partner-tiers,
    .partner-products {
        min-height: 0;
    }

    .partner-logo-grid--erp {
        max-width: 520px;
    }

    .partner-logo-grid--erp img {
        flex-basis: 150px;
        width: 150px;
    }

    .partner-logo-strip {
        --logo-gap: 60px;
        --slides-per-view: 2;
    }

    .partner-why::before,
    .partner-why::after {
        opacity: 0.35;
    }

    .partner-why__content {
        width: 70%;
        padding: 25px;
        background: rgba(243, 245, 247, 0.86);
    }

    .partner-why h3 {
        white-space: normal;
    }
}

@media (max-width: 767.98px) {
    .partner-hero {
        height: 571px;
        min-height: 571px;
        padding: 100px 20px 50px;
        background-position: 62% center;
    }

    .partner-hero__title {
        width: 100%;
        padding: 55px 0 0;
    }

    .partner-hero__content {
        padding-right: 0;
        padding-left: 0;
    }

    .partner-hero h1 {
        font-size: 40px;
        line-height: 1;
    }

    .partner-impact__grid,
    .partner-tiers__grid,
    .partner-products__grid {
        grid-template-columns: 1fr;
    }

    .partner-impact {
        padding: 50px 20px;
    }

    .partner-logo-strip {
        --logo-gap: 20px;
        --slides-per-view: 1;
    }

    .partner-tiers {
        padding: 50px 20px;
    }

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

    .partner-tiers__intro h2 {
        text-align: center;
    }

    .partner-tiers__intro p {
        margin: 0 auto;
    }

    .partner-why {
        padding: 60px 20px;
    }

    .partner-why::before {
        display: none;
    }

    .partner-why::after {
        width: 100%;
        opacity: 0.22;
        background-size: cover;
    }

    .partner-why__content {
        width: 100%;
    }

    .partner-logo-grid--industry {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .partner-logo-grid--erp {
        max-width: 335px;
    }

    .partner-products__grid {
        margin: 50px 0;
    }
}

@media (max-width: 575.98px) {
    .partner-actions {
        flex-direction: column;
        gap: 12px;
    }

    .partner-impact h2,
    .partner-tiers h2,
    .partner-mid-cta h2,
    .partner-best h2,
    .partner-products h2 {
        font-size: 34px;
    }

    .partner-why h2,
    .partner-why h3 {
        font-size: 29px;
    }
}

.work-hero__content {
    margin: 0 auto;
}

.work-hero__title {
    display: inline-block;
    padding: 55px 50px 0;
    background: url("../images/work-for-crs/hero-mark.png") top left / auto no-repeat;
}

.work-hero h1 {
    margin: 0 0 24px;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(46px, 4.6vw, 66px);
    font-weight: 900;
    line-height: 1.15;
}

.work-hero p {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.work-intro {
    min-height: 509px;
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.work-intro h2,
.work-benefits h2,
.work-careers h2,
.work-values h2 {
    margin: 0 0 22px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(36px, 3.6vw, 50px);
    font-weight: 900;
    line-height: 1.08;
}

.work-intro h2 span,
.work-careers h2 span {
    color: var(--crs-green);
}

.work-intro p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 18px;
    line-height: 1.5;
}

.work-intro__image {
    position: relative;
    z-index: 1;
    min-height: 300px;
    border-radius: 0 60px 60px;
    --work-image: url("../images/work-for-crs/intro-collaboration.png");
}

.work-intro__image::before,
.work-benefit__art::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
    background: var(--work-image) center / cover no-repeat;
    content: "";
}

.work-intro__image::after,
.work-benefit__art::after {
    position: absolute;
    z-index: -1;
    inset: 30px -22px -20px 32px;
    border: 7px solid #ffd530;
    border-radius: 0 60px 60px;
    content: "";
}

.work-values {
    min-height: 581px;
    padding: 46px 20px 64px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),
    url("../images/work-for-crs/values-bg.png") center / cover no-repeat;
}

.work-values h2 {
    margin-bottom: 50px;
    text-align: center;
}

.work-values__slide {
    display: grid;
    min-height: 300px;
    grid-template-columns: 1.8fr 185px 1fr;
    align-items: center;
    padding: 0 80px;
}

.work-values__quote,
.work-values__value {
    min-height: 210px;
    padding: 30px 34px;
    border: 4px solid var(--crs-yellow);
    background: rgba(255, 255, 255, 0.88);
}

.work-values__quote {
    border-radius: 0 18px 0 18px;
}

.work-values__value {
    min-height: 160px;
    border-left: 0;
    border-radius: 0 0 18px 0;
}

.work-values__portrait {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 230px;
    border-radius: 0 14px 0 14px;
    background: var(--crs-cyan);
}

.work-values__portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.work-values__slide h3 {
    margin: 0 0 4px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 900;
}

.work-values__quote strong {
    display: block;
    margin-bottom: 22px;
    color: var(--crs-navy);
    font-size: 19px;
}

.work-values__slide p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 15px;
    line-height: 1.25;
}

.work-values .carousel-control-prev,
.work-values .carousel-control-next {
    width: 45px;
    filter: invert(17%) sepia(46%) saturate(1287%) hue-rotate(166deg);
}

.work-benefits {
    padding-top: 68px;
    padding-bottom: 0;
    background: #fff;
}

.work-benefits > .container > h2 {
    text-align: center;
}

.work-benefits__lead {
    max-width: 1100px;
    margin: 0 auto 48px;
    color: var(--crs-dark);
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.work-benefit {
    display: grid;
    min-height: 330px;
    grid-template-columns: 45% 55%;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

.work-benefit__art {
    position: relative;
    z-index: 1;
    min-height: 300px;
    border-radius: 60px 60px 60px 0;
}

.work-benefit__art--freedom {
    --work-image: url("../images/work-for-crs/workstyle-freedom.png");
}

.work-benefit__art--rewards {
    --work-image: url("../images/work-for-crs/recognition-rewards.png");
}

.work-benefit__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 25px;
    text-align: center;
}

.work-benefit__icon {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 4px;
    object-fit: contain;
}

.work-benefit h3,
.work-benefit__card h3 {
    margin: 0 0 18px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 25px;
    font-weight: 700;
}

.work-benefit p,
.work-benefit__card p {
    margin: 0 0 22px;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.35;
}

.work-benefit p:last-child,
.work-benefit__card p:last-child {
    margin-bottom: 0;
}

.work-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 55px;
    margin: 30px 0 75px;
}

.work-benefit__card {
    padding: 0 18px;
    background: transparent;
}

.work-benefit__card .work-benefit__icon {
    margin-right: auto;
    margin-left: auto;
}

.work-benefit__card h3,
.work-benefit__card p {
    text-align: center;
}

.work-benefit--rewards {
    min-height: 400px;
    grid-template-columns: 50% 50%;
    margin-bottom: 0;
    padding-bottom: 70px;
}

.work-gallery {
    min-height: 452px;
    overflow: hidden;
    padding: 48px 0;
    background: linear-gradient(105deg, #239b98 0%, #006b88 52%, #093b60 100%);
}

.work-gallery__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    padding: 0 58px;
}

.work-gallery .carousel-inner {
    padding-bottom: 18px;
}

.work-gallery__photo {
    position: relative;
    z-index: 1;
    height: 303px;
}

.work-gallery__photo::after {
    position: absolute;
    z-index: -1;
    inset: 9px -17px -18px 7px;
    border: 5px solid #ffd530;
    border-radius: 50px 60px 60px 0;
    content: "";
}

.work-gallery__photo img {
    width: 100%;
    height: 100%;
    border-radius: 50px 50px 50px 0;
    object-fit: cover;
}

.work-gallery .carousel-control-prev,
.work-gallery .carousel-control-next {
    width: 48px;
}

.work-careers {
    padding: 0;
    background: #fff;
}

.work-careers__intro {
    display: grid;
    min-height: 396px;
    grid-template-columns: 44% 56%;
    align-items: center;
    gap: 45px;
    padding: 30px 20px 30px;
}

.work-careers__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.work-careers__icon {
    width: 115px;
    height: 115px;
    flex: 0 0 115px;
    object-fit: contain;
}

.work-careers__heading h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1.08;
    text-align: left;
}

.work-careers__intro > img {
    display: block;
    width: min(100%, 540px);
    margin: 0 auto;
}

.work-jobs {
    width: 100%;
}

.work-job {
    display: flex;
    min-height: 291px;
    align-items: center;
    background: #fff;
}

.work-job:nth-child(even) {
    background: #f2f5f7;
}

.work-job__inner {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
    padding: 3px 0;
}

.work-job:nth-child(even) .work-job__inner {
    text-align: right;
}

.work-job h3 {
    margin: 0 0 2px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 25px;
    font-weight: 700;
}

.work-job strong {
    display: block;
    margin-bottom: 25px;
    color: var(--crs-dark);
    font-size: 16px;
}

.work-job strong span {
    font-weight: 400;
}

.work-job p {
    margin: 0 0 20px;
    color: var(--crs-dark);
    font-size: 16px;
    line-height: 1.35;
}

.work-job__actions {
    display: flex;
    gap: 10px;
}

.work-job:nth-child(even) .work-job__actions {
    justify-content: flex-end;
}

.work-job__actions .btn {
    min-width: 116px;
    min-height: 48px;
    padding: 9px 18px;
    border: 3px solid var(--crs-navy);
    border-radius: 11px 11px 11px 0;
    font-size: 15px;
}

.work-job__more {
    color: var(--crs-navy);
    background: #fff;
}

.work-job__apply {
    color: #fff;
    background: var(--crs-navy);
}

.work-job__actions .btn:hover,
.work-job__actions .btn:focus {
    border-color: var(--crs-green);
    color: #fff;
    background: var(--crs-green);
}

.work-job-modal .modal-header {
    color: #fff;
    background: var(--crs-navy);
}

.work-job-modal .modal-title {
    font-family: "Museo Sans", sans-serif;
    font-weight: 900;
}

.work-job-modal .modal-body {
    padding: 30px;
    color: var(--crs-dark);
}

.work-job-modal .work-job__apply {
    border: 3px solid var(--crs-navy);
    border-radius: 11px 11px 11px 0;
}

@media (max-width: 991.98px) {
    .work-values__slide {
        grid-template-columns: 1.4fr 160px 1fr;
        padding: 0 45px;
    }

    .work-values__quote,
    .work-values__value {
        padding: 24px 22px;
    }

    .work-benefits__grid {
        gap: 24px;
    }

    .work-gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .work-gallery__photo {
        height: 280px;
    }

    .work-careers__intro {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 767.98px) {
    .work-hero {
        min-height: 500px;
        padding: 130px 20px 70px;
    }

    .work-hero__title {
        padding-right: 15px;
        padding-left: 15px;
    }

    .work-hero p br {
        display: none;
    }

    .work-intro__image {
        min-height: 250px;
    }

    .work-values__slide {
        grid-template-columns: 1fr;
        padding: 0 35px;
    }

    .work-values__quote,
    .work-values__value {
        min-height: 0;
        border: 3px solid var(--crs-yellow);
    }

    .work-values__portrait {
        width: 190px;
        height: 220px;
        margin: 0 auto;
    }

    .work-benefit,
    .work-benefit--rewards {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .work-benefit__art {
        min-height: 270px;
    }

    .work-benefits__grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .work-gallery {
        min-height: 390px;
    }

    .work-gallery__grid {
        padding: 0 34px;
    }

    .work-careers__intro {
        grid-template-columns: 1fr;
        padding-top: 55px;
    }

    .work-careers__heading h2 {
        font-size: 32px;
    }

    .work-job,
    .work-job:nth-child(even) .work-job__inner {
        text-align: left;
    }

    .work-job:nth-child(even) .work-job__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .work-hero h1 {
        font-size: 40px;
    }

    .work-hero p {
        font-size: 18px;
    }

    .work-values {
        padding-right: 8px;
        padding-left: 8px;
    }

    .work-values h2 {
        font-size: 34px;
    }

    .work-values__slide {
        padding: 0 22px;
    }

    .work-benefit__art {
        min-height: 230px;
    }

    .work-gallery__grid {
        grid-template-columns: 1fr;
        padding: 0 42px;
    }

    .work-gallery__photo {
        height: 300px;
    }

    .work-gallery__photo:nth-child(n+2) {
        display: none;
    }

    .work-careers__heading {
        justify-content: flex-start;
    }

    .work-careers__icon {
        width: 90px;
        height: 90px;
        flex-basis: 90px;
    }

    .work-job__inner {
        width: calc(100% - 40px);
        padding: 45px 0;
    }

    .work-job__actions .btn {
        min-width: 105px;
    }
}

.pulse {
    padding: 60px 20px 60px;
    color: #fff;
    background: #18375f;
}

.pulse__panel {
    position: relative;
    z-index: 0;
    max-width: 1221px;
    min-height: 399px;
    padding: 0;
}

.pulse__surface {
    position: relative;
    z-index: 1;
    min-height: 399px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 25px 20px;
    border-radius: 0 30px 0 30px;
    background: url("../images/pulse-newsletter.png") center / cover no-repeat;
}

.pulse__panel::before {
    position: absolute;
    z-index: -1;
    inset: 12px 8px -16px -16px;
    border: 3px solid var(--crs-yellow);
    border-radius: 0 30px 0 30px;
    content: "";
}

.pulse__content {
    width: 416px;
    max-width: 100%;
}

.pulse__brand {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
}

.pulse__brand img {
    width: 190px;
    height: auto;
}

.pulse__brand h2 {
    margin: 0 0 9px;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 66px;
    font-weight: 700;
    line-height: 47px;
}

.pulse-form strong {
    display: block;
    margin: 25px 0 31px;
    font-size: 18px;
    line-height: 21px;
}

.pulse-form {
    width: 393px;
    margin-left: 48px;
}

.pulse-form__choices {
    display: flex;
    gap: 14px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
}

.pulse-form__row {
    display: grid;
    grid-template-columns: 256px 127px;
    gap: 10px;
}

.pulse-form .form-control,
.demo-modal .form-control {
    min-height: 52px;
    border: 2px solid #fff;
    border-radius: 13px 13px 0 13px;
}

.pulse-form .form-control {
    min-height: 47px;
    border: 0;
    border-radius: 10px 10px 0 10px;
    font-size: 18px;
    font-weight: 700;
}

.pulse-form__row .btn {
    min-width: 0;
    min-height: 47px;
    padding: 6px 14px;
    border-color: var(--crs-yellow);
    border-radius: 10px 10px 10px 0;
    color: #fff;
    background: rgba(9, 59, 96, 0.72);
    font-size: 18px;
}

.pulse-form__consent {
    display: block;
    margin-top: 7px;
    font-size: 10px;
    line-height: 16px;
}

.pulse a,
.demo-modal a {
    color: inherit;
}

.form-feedback {
    margin-top: 8px;
    font-size: 14px;
}

.footer-links {
    padding: 58px 30px 68px;
    background: #fff;
}

.footer-links__inner {
    display: grid;
    max-width: 1380px;
    grid-template-columns: 135px repeat(6, 1fr);
    gap: 28px;
    margin: 0 auto;
}

.footer-links__logo img {
    width: 104px;
    height: auto;
}

.footer-links h2 {
    margin: 0 0 18px;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 16px;
    font-weight: 900;
}

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

.footer-links li {
    margin-bottom: 9px;
}

.footer-links a {
    color: var(--crs-dark);
    font-size: 13px;
    line-height: 1.35;
    text-decoration: none;
}

.footer-links a:hover,
.footer-links a:focus {
    text-decoration: underline;
}

.social-links {
    display: flex;
    gap: 8px;
}

.social-links a {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--crs-navy);
    font-weight: 700;
}

.demo-modal {
    border: 0;
    border-radius: 0 30px 0 30px;
    color: #fff;
    background: var(--crs-navy);
}

.demo-modal .modal-header {
    padding: 28px 32px 10px;
    border: 0;
}

.demo-modal .modal-title {
    font-family: "Museo Sans", sans-serif;
    font-size: 35px;
    font-weight: 700;
}

.demo-modal .modal-body {
    padding: 22px 32px 35px;
}

.demo-modal legend {
    font-size: 17px;
}

.cookie-banner {
    position: fixed;
    z-index: 1040;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    min-height: 86px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 14px 54px 14px 22px;
    color: #fff;
    background: rgba(0, 37, 60, 0.96);
    box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.18);
}

.cookie-banner[hidden] {
    display: none;
}

.cookie-banner p {
    margin: 0;
    font-size: 14px;
}

.cookie-banner a {
    color: #fff;
    text-decoration: underline;
}

.cookie-banner .btn {
    min-width: 90px;
    min-height: 43px;
    padding: 7px 14px;
    font-size: 15px;
}

.cookie-banner__close {
    position: absolute;
    top: 8px;
    right: 16px;
    border: 0;
    color: #fff;
    background: transparent;
    font-size: 28px;
}

.scroll-top {
    position: fixed;
    z-index: 1040;
    right: 30px;
    bottom: 30px;
    display: none;
    width: 31px;
    height: 31px;
    border: 0;
    border-radius: 1px;
    color: transparent;
    font-size: 0;
    background: #4967cf;
}

.scroll-top::before {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    transform: rotate(45deg);
}

.scroll-top.is-visible {
    display: block;
}

.mobile-nav {
    color: #fff;
    background: var(--crs-dark);
}

.mobile-nav a {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    text-decoration: none;
}

@media (max-width: 1199.98px) {
    .insights .row {
        grid-template-columns: repeat(2, minmax(0, 280px));
    }

    .navbar-nav {
        gap: 12px;
    }

    .site-header .nav-link {
        font-size: 16px;
    }

    .site-header__inner {
        gap: 14px;
    }

    .btn-outline-accent,
    .btn-accent {
        min-width: 128px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --hero-height: max(716px, min(929px, 100vh));
        --hero-height: max(716px, min(929px, 100svh));
    }

    .site-header,
    .site-header .navbar {
        min-height: 80px;
    }

    .site-header .navbar {
        padding: 10px 20px;
    }

    .site-header__inner {
        display: grid;
        grid-template-columns: auto 1fr auto;
    }

    .navbar-brand {
        grid-column: 1;
        grid-row: 1;
        flex-basis: auto;
    }

    .navbar-brand img {
        width: 82px;
    }

    .navbar-toggler {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        padding: 7px;
        border: 3px solid var(--crs-yellow);
        border-radius: 12px 12px 0 12px;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 3px rgba(255, 213, 38, 0.3);
    }

    .navbar-toggler-icon {
        filter: invert(1);
    }

    .site-header__actions {
        grid-column: 3;
        grid-row: 1;
    }

    .site-header__actions .btn-outline-accent {
        min-width: 128px;
        min-height: 48px;
        padding: 8px 18px;
        font-size: 16px;
    }

    .experience h2,
    .offerings > .container > h2,
    .integration h2,
    .testimonials h2,
    .insights h2 {
        font-size: 38px;
    }

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

    .footer-links__logo {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    :root {
        --hero-height: 726px;
    }

    .site-header .navbar {
        padding-inline: 20px;
    }

    .site-header__inner {
        gap: 10px;
    }

    .navbar-brand img {
        width: 75px;
    }

    .site-header__actions .btn-outline-accent {
        min-width: 128px;
        padding-inline: 15px;
    }

    .hero__slide--main {
        background-position: 62% center;
    }

    .hero__content,
    .hero__awards-content {
        width: calc(100% - 28px);
        padding-top: 158px;
    }

    .hero__content h1,
    .hero__awards-content h1 {
        max-width: 330px;
        font-size: 40px;
        line-height: 1.38;
    }

    .hero__content p {
        margin-top: 32px;
        padding: 24px 16px;
        border-width: 4px;
        border-radius: 36px 36px 0 36px;
        font-size: 16px;
        line-height: 1.5;
    }

    .hero__awards-content > p {
        font-size: 23px;
    }

    .hero__awards {
        width: 520px;
        max-width: 138%;
        margin-top: 12px;
        margin-left: -19%;
    }

    .hero__mark {
        top: 102px;
        left: 46px;
        transform: scale(0.8);
        transform-origin: left top;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 8%;
    }

    .section-pad {
        padding: 48px 18px;
    }

    .insights .row {
        grid-template-columns: minmax(0, 280px);
    }

    .experience h2,
    .offerings > .container > h2,
    .integration h2,
    .testimonials h2,
    .insights h2 {
        font-size: 32px;
        line-height: 1.25;
    }

    .experience h2 br,
    .offerings > .container > h2 br {
        display: none;
    }

    .impact {
        padding-top: 48px;
        padding-bottom: 52px;
    }

    .impact__stats {
        flex-direction: column;
        gap: 26px;
    }

    .impact__stat,
    .impact__stat:nth-child(1),
    .impact__stat:nth-child(2),
    .impact__stat:nth-child(3) {
        width: min(100%, 360px);
        min-height: 104px;
        flex: 0 0 auto;
        margin: 0 auto;
    }

    .impact__stats strong {
        font-size: 38px;
    }

    .partner-heading {
        margin: 38px 0 30px;
        font-size: 24px;
    }

    .client-logo-carousel {
        margin: 0 0 42px;
    }

    .impact__logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, 58px);
        gap: 28px 42px;
        min-height: 230px;
        padding: 0;
    }

    .impact__logos img {
        max-height: 58px;
    }

    .impact__logos img:last-child {
        grid-column: 1 / -1;
        width: 55%;
        justify-self: center;
    }

    .section-intro,
    .integration p {
        margin: 22px auto 38px;
        font-size: 16px;
    }

    .integration h2 {
        width: 100%;
        max-width: 333.762px;
        margin: 0 auto;
        padding: 50px 10px 0;
    }

    .integration p {
        max-width: 100%;
        padding: 0 16px;
    }

    .offering {
        min-height: 0;
        margin-bottom: 28px;
    }

    .offerings--products .offering {
        min-height: 0;
    }

    .offerings--products .offering__icon {
        width: 60px;
        height: 60px;
    }

    .offerings--services .offering {
        min-height: 0;
    }

    .offerings--services .offering__icon {
        width: 60px;
        height: 60px;
    }

    .offerings--services .offering h3 {
        min-height: 0;
    }

    .offering h3 {
        min-height: 0;
        font-size: 27px;
    }

    .offering p,
    .offering > a {
        font-size: 16px;
    }

    .offering > a {
        margin-top: 20px;
    }

    .integration__awards {
        width: 100%;
        max-width: 100%;
        margin: -5px auto;
    }

    .testimonial-card {
        min-height: 430px;
        padding: 28px 24px 22px;
    }

    .testimonial-card__person {
        align-items: flex-end;
    }

    .testimonial-card__person img {
        width: 100px;
    }

    .home-cta {
        min-height: 540px;
        padding: 60px 18px;
        background-position: 62% center;
    }

    .home-cta::before {
        position: absolute;
        content: "";
    }

    .home-cta__content {
        width: 100%;
    }

    .home-cta h2 {
        font-size: 31px;
    }

    .pulse__panel,
    .pulse__surface {
        min-height: 0;
    }

    .pulse__surface {
        padding: 28px 18px 36px;
    }

    .pulse__brand {
        gap: 10px;
    }

    .pulse__brand img {
        width: 130px;
    }

    .pulse__brand h2 {
        margin-bottom: 6px;
        font-size: 44px;
        line-height: 34px;
    }

    .pulse-form {
        width: 100%;
        margin-left: 0;
    }

    .pulse-form strong {
        margin: 24px 0;
        text-align: center;
    }

    .pulse-form__row {
        grid-template-columns: 1fr;
    }

    .pulse-form__choices {
        flex-direction: column;
        gap: 6px;
    }

    .footer-links {
        padding: 45px 22px;
    }

    .footer-links__inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 22px;
    }

    .cookie-banner {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        padding: 18px 46px 18px 18px;
    }

    .cookie-banner .btn {
        align-self: flex-start;
    }
}

/* Download resources */
.resources-hero {
    display: flex;
    min-height: 550px;
    align-items: center;
    padding: 180px 20px 130px;
    color: #fff;
    background: url("../images/shared/Header-Image-8.jpg") center / cover no-repeat;
}

.resources-hero__content {
    display: flex;
    justify-content: center;
}

.resources-hero h1 {
    margin: 0;
    padding: 55px 50px 0;
    background: url("../images/shared/Vector-Smart-Object.png") top left / auto no-repeat;
    font-family: "Museo Sans", sans-serif;
    font-size: clamp(48px, 5vw, 70px);
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
}

.resources-tax {
    padding: 50px 20px 60px;
    color: var(--crs-navy);
    text-align: center;
}

.resources-tax > .container {
    max-width: 980px;
}

.resources-tax h2 {
    margin: 0 0 18px;
    font-family: "Museo Sans", sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
}

.resources-tax > .container > p {
    margin: 0 auto 15px;
    font-size: 20px;
    line-height: 1.25;
}

.resource-form {
    width: 90%;
    margin: 0 auto;
    padding-top: 15px;
}

.resource-form .form-control,
.resource-form .form-select {
    min-height: 48px;
    border: 3px solid var(--crs-navy);
    border-radius: 13px 13px 0 13px;
    color: var(--crs-navy);
    background-color: #fff;
    font-style: italic;
    box-shadow: none;
}

.resource-form .form-control:focus,
.resource-form .form-select:focus {
    border-color: var(--crs-cyan);
    box-shadow: 0 0 0 0.2rem rgba(0, 164, 224, 0.15);
}

.resource-form__consent {
    display: flex;
    align-items: center;
    text-align: left;
}

.resource-form__consent .form-check-label {
    color: var(--crs-navy);
    font-size: 10px;
    line-height: 1.6;
}

.resource-form__consent a {
    color: inherit;
}

.resource-form__submit {
    min-width: 25%;
    padding: 9px 18px;
    border: 3px solid var(--crs-navy);
    border-radius: 13px 13px 13px 0;
    color: #000;
    background: var(--crs-yellow);
    font-size: 20px;
}

.resource-form__submit:hover,
.resource-form__submit:focus {
    border-color: var(--crs-navy);
    color: var(--crs-yellow);
    background: transparent;
}

.resources-white-papers {
    padding: 50px 20px;
    color: var(--crs-navy);
    background: #f2f5f7;
}

.resources-white-papers__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: center;
    gap: 70px;
    max-width: 1150px;
}

.resources-white-papers__intro h2 {
    margin: 0 0 22px;
    font-family: "Museo Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.14;
}

.resources-white-papers__intro h2 span {
    color: var(--crs-green);
}

.resources-white-papers__intro p {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
}

.resources-white-papers__intro img {
    width: 262px;
    height: auto;
    justify-self: center;
}

.resource-form--papers {
    width: 100%;
    max-width: 1150px;
    padding-top: 28px;
}

.resources-paper-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 40px;
}

.resources-paper-list .form-check {
    display: flex;
    align-items: baseline;
    gap: 15px;
    padding-left: 0;
}

.resources-paper-list .form-check-input {
    flex: 0 0 auto;
    margin: 0;
    border-color: var(--crs-navy);
}

.resources-paper-list .form-check-input:checked {
    border-color: var(--crs-green);
    background-color: var(--crs-green);
}

.resources-paper-list .form-check-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.resources-paper-details {
    margin-top: 26px;
}

.resource-form--papers .resource-form__submit {
    border-color: var(--crs-green);
    color: #fff;
    background: var(--crs-green);
}

.resource-form--papers .resource-form__submit:hover,
.resource-form--papers .resource-form__submit:focus {
    color: var(--crs-green);
    background: transparent;
}

.resources-cta {
    padding: 70px 20px 60px;
    color: #fff;
    background: url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.resources-cta__inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.resources-cta h2 {
    margin: 0 0 15px;
    font-family: "Museo Sans", sans-serif;
    font-size: 36px;
    font-weight: 900;
}

.resources-cta p {
    max-width: 760px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.25;
}

.resources-cta__actions {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    gap: 20px;
}

.resources-cta__actions .btn {
    min-width: 190px;
    padding: 10px 20px;
    border: 3px solid var(--crs-yellow);
    color: #fff;
    font-size: 18px;
}

.resources-cta__contact {
    border-radius: 10px 10px 0 10px;
    background: transparent;
}

.resources-cta__consultation {
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark) !important;
    background: var(--crs-yellow);
}

.resources-cta__actions .btn:hover,
.resources-cta__actions .btn:focus {
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.resources-cta__consultation:hover,
.resources-cta__consultation:focus {
    color: #fff !important;
    background: transparent !important;
}

@media (max-width: 767px) {
    .resources-hero {
        min-height: 390px;
        padding: 140px 20px 60px;
    }

    .resources-hero h1 {
        padding: 45px 12px 0;
        background-size: 66px auto;
        font-size: 40px;
    }

    .resources-tax {
        padding: 42px 15px 50px;
    }

    .resources-tax h2 {
        font-size: 38px;
    }

    .resources-tax > .container > p,
    .resources-white-papers__intro p {
        font-size: 17px;
        line-height: 1.45;
    }

    .resource-form,
    .resource-form--papers {
        width: 100%;
    }

    .resource-form__submit {
        width: 100%;
    }

    .resources-white-papers {
        padding: 40px 15px;
    }

    .resources-white-papers__intro {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .resources-white-papers__intro h2 {
        font-size: 32px;
    }

    .resources-white-papers__intro img {
        width: 190px;
    }

    .resources-paper-list {
        grid-template-columns: 1fr;
    }

    .resources-paper-list .form-check-label {
        font-size: 16px;
        line-height: 1.55;
    }

    .resources-cta {
        padding: 55px 20px;
    }

    .resources-cta__inner,
    .resources-cta__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .resources-cta__inner {
        gap: 30px;
    }

    .resources-cta__actions {
        gap: 12px;
    }

    .resources-cta h2 {
        font-size: 32px;
    }

    .resources-cta p {
        font-size: 18px;
    }
}

/* News and insights */
.news-hero {
    display: flex;
    min-height: 504px;
    align-items: center;
    padding: 150px 20px 95px;
    color: #fff;
    background: url("../images/shared/Header-Image-8.jpg") center / cover no-repeat;
}

.news-hero__content {
    text-align: center;
}

.news-hero h1 {
    width: fit-content;
    margin: 0 auto;
    padding: 55px 50px 0;
    background: url("../images/shared/Vector-Smart-Object.png") top left / auto no-repeat;
    font-family: "Museo Sans", sans-serif;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.15;
}

.news-hero p {
    margin: 26px 0 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.news-category {
    padding: 54px 20px 48px;
    color: var(--crs-navy);
    text-align: center;
}

.news-category--muted {
    background: #f4f4f4;
}

.news-category h2,
.news-cases h2 {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2;
}

.news-category--cyan h2 span {
    color: var(--crs-cyan);
}

.news-category--green h2 span {
    color: var(--crs-green);
}

.news-category__intro {
    max-width: 790px;
    margin: 24px auto 38px;
    font-size: 20px;
    line-height: 1.45;
}

.news-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.news-card {
    display: flex;
    overflow: hidden;
    min-height: 338px;
    flex-direction: column;
    border: 1px solid var(--crs-navy);
    border-radius: 0 28px 0 28px;
    background: #fff;
    box-shadow: 0 5px 12px rgba(0, 37, 60, 0.13);
    text-align: left;
}

.news-card[hidden] {
    display: none;
}

.news-card__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 1.5;
    border-radius: 0 27px 0 0;
}

.news-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 250ms ease;
}

.news-card:hover .news-card__image img {
    transform: scale(1.035);
}

.news-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 26px 30px 25px;
}

.news-card h3 {
    margin: 0 0 20px;
    font-family: "Museo Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
}

.news-card h3 a,
.news-card__more,
.news-case-card h3 a,
.news-case-card__more {
    color: var(--crs-dark);
    text-decoration: none;
}

.news-card__more {
    margin-top: auto;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.news-card h3 a:hover,
.news-card__more:hover,
.news-case-card h3 a:hover,
.news-case-card__more:hover {
    color: var(--crs-cyan);
}

.news-category__all {
    min-width: 170px;
    margin-top: 34px;
    padding: 9px 25px;
    border: 2px solid var(--crs-dark);
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: var(--crs-dark);
    font-size: 18px;
}

.news-category__all:hover,
.news-category__all:focus {
    color: var(--crs-dark);
    background: transparent;
}

.news-search {
    display: grid;
    max-width: 720px;
    grid-template-columns: minmax(0, 1fr) 250px;
    margin: 46px auto 0;
}

.news-search .form-control {
    min-height: 48px;
    border: 3px solid var(--crs-navy);
    border-right: 0;
    border-radius: 12px 0 0 12px;
    box-shadow: none;
}

.news-search .btn {
    border: 3px solid var(--crs-navy);
    border-radius: 0 12px 12px 0;
    color: #fff;
    background: var(--crs-navy);
    font-size: 17px;
    text-transform: lowercase;
}

.news-category--green .news-search .form-control,
.news-category--green .news-search .btn {
    border-color: var(--crs-green);
}

.news-category--green .news-search .btn {
    background: var(--crs-green);
}

.news-search__empty {
    margin: 18px 0 0;
    font-weight: 700;
}

.news-cases {
    min-height: 741px;
    padding: 60px 20px 80px;
    color: #fff;
    background: url("../images/shared/BG-image-2.png") center / cover no-repeat;
}

.news-cases > .container {
    max-width: 1230px;
    padding-right: 0;
    padding-left: 0;
}

.news-cases h2 {
    margin-bottom: 55px;
    text-align: center;
}

.news-cases h2 span {
    font-size: 28px;
}

.news-case-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}

.news-case-card {
    position: relative;
    display: flex;
    min-height: 360px;
    flex-direction: column;
    padding: 0 30px 34px;
    border: 5px solid var(--crs-navy);
    border-radius: 0 30px 0 30px;
    background: #fff;
}

.news-case-card::after {
    position: absolute;
    z-index: 0;
    inset: 14px -13px -14px 13px;
    border: 4px solid var(--crs-yellow);
    border-top: 0;
    border-left: 0;
    border-radius: 0 30px 0 30px;
    content: "";
    pointer-events: none;
}

.news-case-card > * {
    position: relative;
    z-index: 1;
}

.news-case-card > a:first-child {
    display: block;
    overflow: hidden;
    margin: -20px -20px 28px;
    border-radius: 0 28px 0 0;
}

.news-case-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.5;
    object-fit: cover;
}

.news-case-card h3 {
    margin: 0 0 20px;
    font-family: "Museo Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.news-case-card__more {
    margin-top: auto;
    font-size: 17px;
    font-weight: 700;
}

.news-cases__actions,
.news-cta__actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.news-cases__actions {
    margin-top: 64px;
}

.news-cases__actions .btn,
.news-cta__actions .btn {
    min-width: 190px;
    padding: 10px 20px;
    border: 3px solid var(--crs-yellow);
    font-size: 18px;
}

.news-cases__contact,
.news-cta__contact {
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.news-cases__consultation,
.news-cta__consultation {
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.news-cta {
    min-height: 369px;
    display: flex;
    align-items: center;
    padding: 70px 20px 60px;
    color: #fff;
    background: url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.news-cta__inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.news-cta h2 {
    margin: 0 0 16px;
    font-family: "Museo Sans", sans-serif;
    font-size: 36px;
    font-weight: 900;
}

.news-cta p {
    max-width: 760px;
    margin: 0 auto;
    font-size: 22px;
    line-height: 1.3;
}

.news-cta__actions {
    flex: 0 0 auto;
}

.news-cta__contact {
    color: #fff;
}

.news-cases__actions .btn:hover,
.news-cases__actions .btn:focus,
.news-cta__actions .btn:hover,
.news-cta__actions .btn:focus {
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.news-cases__consultation:hover,
.news-cases__consultation:focus,
.news-cta__consultation:hover,
.news-cta__consultation:focus {
    color: #fff;
    background: transparent;
}

@media (max-width: 991px) {
    .news-card-grid,
    .news-case-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .news-cta__inner {
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .news-hero {
        min-height: 390px;
        padding: 140px 20px 60px;
    }

    .news-hero h1 {
        padding: 45px 10px 0;
        background-size: 66px auto;
        font-size: 40px;
    }

    .news-hero p {
        font-size: 18px;
    }

    .news-category {
        padding: 44px 15px;
    }

    .news-category h2,
    .news-cases h2,
    .news-cta h2 {
        font-size: 31px;
    }

    .news-category__intro {
        margin: 20px auto 30px;
        font-size: 17px;
    }

    .news-category__intro br {
        display: none;
    }

    .news-card-grid,
    .news-case-grid {
        grid-template-columns: 1fr;
    }

    .news-card {
        min-height: 0;
    }

    .news-search {
        grid-template-columns: 1fr;
    }

    .news-search .form-control {
        border-right: 3px solid var(--crs-navy);
        border-radius: 12px 12px 0 0;
    }

    .news-category--green .news-search .form-control {
        border-right-color: var(--crs-green);
    }

    .news-search .btn {
        border-radius: 0 0 12px 12px;
    }

    .news-cases {
        padding: 48px 20px 58px;
    }

    .news-cases h2 span {
        font-size: 21px;
    }

    .news-case-grid {
        max-width: 330px;
        margin: 0 auto;
        gap: 42px;
    }

    .news-cases__actions,
    .news-cta__actions,
    .news-cta__inner {
        align-items: stretch;
        flex-direction: column;
    }

    .news-cta {
        min-height: 0;
        padding: 55px 20px;
    }

    .news-cta__inner {
        gap: 30px;
    }

    .news-cta p {
        font-size: 18px;
    }
}

/* Global payroll and HR compliance */
.page-global-compliance main {
    overflow: hidden;
    font-size: 18px;
    line-height: 1.35;
}

.page-global-compliance main p {
    margin-bottom: 20px;
}

.page-global-compliance main a:not(.btn) {
    color: inherit;
}

.page-global-compliance main h1,
.page-global-compliance main h2,
.page-global-compliance main h3 {
    font-family: "Museo Sans", sans-serif;
}

.compliance-hero {
    min-height: 541px;
    display: flex;
    align-items: center;
    padding: 140px 20px 85px;
    color: #fff;
    background: url("../images/global-compliance/Background_p.jpg") center right / cover no-repeat;
}

.compliance-hero__inner {
    max-width: 850px;
    text-align: center;
}

.compliance-hero h1 {
    max-width: 688px;
    margin: 0 auto 20px;
    padding: 50px 50px 0;
    color: #fff;
    background: url("../images/shared/Vector-Smart-Object.png") top left / 82px auto no-repeat;
    font-size: 60px;
    font-weight: 900;
    line-height: 1.15;
}

.compliance-hero p {
    margin-bottom: 25px;
    font-family: "Museo Sans", sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.compliance-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.compliance-actions .btn {
    min-width: 145px;
    padding: 10px 24px;
    border-width: 3px;
    border-radius: 11px 11px 0 11px;
    font-size: 18px;
}

.compliance-actions .btn-warning {
    min-width: 217px;
    border-color: var(--crs-yellow);
    border-radius: 11px 11px 11px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.compliance-intro,
.compliance-chapter {
    scroll-margin-top: 88px;
}

.compliance-intro {
    padding: 40px;
}

.compliance-split {
    max-width: 1105px;
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr);
    gap: 70px;
}

.compliance-split--intro {
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
}

.compliance-split--wide-copy {
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
}

.compliance-split > img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
}

.compliance-copy h2,
.compliance-chapter > .container > h2 {
    margin: 0 0 28px;
    color: var(--crs-navy);
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
}

.compliance-intro h2 {
    font-size: 50px;
}

.compliance-contents {
    scroll-margin-top: 88px;
    min-height: 287px;
    padding: 39px 40px 48px;
    background: url("../images/global-compliance/pillarv2-tab-bg.png") center / cover no-repeat;
}

.compliance-contents .container {
    max-width: 1230px;
}

.compliance-contents h2 {
    margin: 0 0 40px;
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.compliance-contents__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.compliance-contents__links a {
    padding: 13px 32px;
    border: 1px solid #fff;
    border-radius: 9px 9px 9px 0;
    color: #fff !important;
    background: transparent;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease;
}

.compliance-contents__links a:hover,
.compliance-contents__links a:focus {
    color: var(--crs-navy) !important;
    background: #fff;
}

.compliance-chapter {
    padding: 30px;
}

.compliance-chapter--illustrated {
    min-height: 640px;
    display: flex;
    align-items: center;
}

.compliance-chapter--illustrated:nth-of-type(5) h2 span {
    color: var(--crs-cyan);
}

.compliance-chapter--muted {
    background: #f2f5f7;
}

.compliance-chapter--muted > .container,
.compliance-chapter--best > .container {
    max-width: 1105px;
}

.compliance-chapter--muted h2 span {
    color: var(--crs-green);
}

.compliance-chapter strong {
    font-weight: 700;
}

.compliance-back-link {
    display: inline-block;
    margin-top: 4px;
    text-decoration: underline;
}

.compliance-factor-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    margin: 30px 0;
}

.compliance-factor-grid article {
    min-height: 210px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 4px 24px;
    border-radius: 24px 24px 24px 0;
    color: #fff;
    background: var(--crs-green);
    text-align: center;
}

.compliance-factor-grid h3,
.compliance-solution-grid h3 {
    margin: 0 0 2px;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
}

.compliance-factor-grid p {
    margin: 0 !important;
}

.compliance-solution-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 28px 0 24px;
    padding: 24px;
    border-radius: 0 42px 42px 42px;
    color: #fff;
    background: var(--crs-green);
}

.compliance-solution-grid article {
    min-height: 220px;
    padding: 26px;
}

.compliance-solution-grid article:nth-child(odd) {
    border-right: 1px solid #fff;
}

.compliance-solution-grid article:nth-child(-n + 2) {
    border-bottom: 1px solid #fff;
}

.compliance-solution-grid p:last-child {
    margin-bottom: 0;
}

.compliance-chapter--best h2 span {
    color: var(--crs-cyan);
}

.compliance-best-image {
    position: relative;
    min-height: 450px;
}

.compliance-best-image::before {
    position: absolute;
    z-index: 0;
    top: 15px;
    right: 15px;
    bottom: -15px;
    left: -15px;
    border: 5px solid var(--crs-yellow);
    border-radius: 0 30px 0 30px;
    content: "";
}

.compliance-best-image::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: 0 30px 0 30px;
    background: url("../images/global-compliance/pillar-best-prac-800x800-1.jpg") center / cover no-repeat;
    content: "";
}

.compliance-insights {
    padding: 60px 20px 85px;
    color: #fff;
    background: var(--crs-navy);
}

.compliance-insights .container {
    max-width: 1230px;
}

.compliance-insights__header {
    margin-bottom: 45px;
    text-align: center;
}

.compliance-insights__header h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 38px;
    font-weight: 900;
}

.compliance-insights__header p {
    margin: 0;
}

.compliance-insights__grid {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}

.compliance-insight-card {
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 5px solid var(--crs-yellow);
    border-radius: 0 30px 0 30px;
}

.compliance-insight-card__surface {
    height: 100%;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    margin: -20px -10px 10px 10px;
    border-radius: 0 30px 0 30px;
    color: var(--crs-navy);
    background: #fff;
}

.compliance-insight-card__image {
    display: block;
    overflow: hidden;
}

.compliance-insight-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.5;
    display: block;
    object-fit: cover;
}

.compliance-insight-card__body {
    min-height: 194px;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 28px 30px 30px;
}

.compliance-insight-card h3 {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.compliance-insight-card h3 a,
.compliance-insight-card__more {
    color: var(--crs-navy) !important;
    text-decoration: none;
}

.compliance-insight-card__more {
    margin-top: auto;
    font-weight: 700;
}

.compliance-cta {
    min-height: 321px;
    display: flex;
    align-items: center;
    padding: 62px 20px;
    color: #fff;
    background: url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.compliance-cta__inner {
    max-width: 1105px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

.compliance-cta h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 38px;
    font-weight: 900;
}

.compliance-cta p {
    max-width: 680px;
    margin: 0;
    font-size: 21px;
}

.compliance-cta .btn-outline-primary {
    border-color: var(--crs-yellow);
    color: #fff;
}

.compliance-cta .btn-outline-primary:hover,
.compliance-cta .btn-outline-primary:focus {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

@media (max-width: 991px) {
    .compliance-split,
    .compliance-split--intro,
    .compliance-split--wide-copy {
        grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
        gap: 35px;
    }

    .compliance-insights__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 50px;
    }

    .compliance-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .page-global-compliance main {
        font-size: 17px;
    }

    .compliance-hero {
        min-height: 475px;
        padding: 135px 15px 58px;
        background-position: 60% center;
    }

    .compliance-hero h1 {
        padding: 42px 5px 0;
        background-size: 65px auto;
        font-size: 40px;
    }

    .compliance-hero p {
        font-size: 18px;
    }

    .compliance-actions,
    .compliance-cta__inner {
        align-items: stretch;
        flex-direction: column;
    }

    .compliance-split,
    .compliance-split--intro,
    .compliance-split--wide-copy {
        grid-template-columns: 1fr;
    }

    .compliance-intro,
    .compliance-chapter {
        padding: 48px 20px;
    }

    .compliance-contents {
        min-height: 489px;
        padding: 60px 20px 20px;
    }

    .compliance-contents .container {
        padding-right: 0;
        padding-left: 0;
    }

    .compliance-contents h2 {
        margin-bottom: 17px;
        font-size: 28px;
        line-height: 28px;
    }

    .compliance-split > img {
        max-height: 360px;
    }

    .compliance-copy h2,
    .compliance-chapter > .container > h2,
    .compliance-intro h2,
    .compliance-insights__header h2,
    .compliance-cta h2 {
        font-size: 31px;
    }

    .compliance-contents__links {
        align-items: center;
        flex-direction: column;
    }

    .compliance-contents__links a {
        width: 100%;
        font-size: 15px;
        line-height: 23px;
    }

    .compliance-contents__links a:first-child,
    .compliance-contents__links a:last-child {
        width: auto;
    }

    .compliance-chapter--illustrated {
        min-height: 0;
    }

    .compliance-factor-grid,
    .compliance-solution-grid,
    .compliance-insights__grid {
        grid-template-columns: 1fr;
    }

    .compliance-factor-grid article {
        min-height: 170px;
    }

    .compliance-solution-grid {
        padding: 20px;
    }

    .compliance-solution-grid article {
        min-height: 0;
        padding: 25px 8px;
        border-right: 0 !important;
        border-bottom: 1px solid #fff !important;
    }

    .compliance-solution-grid article:last-child {
        border-bottom: 0 !important;
    }

    .compliance-best-image {
        min-height: 360px;
    }

    .compliance-insights {
        padding: 50px 20px 70px;
    }

    .compliance-insights__grid {
        max-width: 330px;
        margin: 0 auto;
    }

    .compliance-insight-card__body {
        min-height: 210px;
    }

    .compliance-cta {
        min-height: 0;
        padding: 55px 20px;
    }
}

/* FAQ and Service Desk */
.page-faq-service main {
    color: var(--crs-navy);
    font-size: 18px;
}

.faq-hero {
    min-height: 504px;
    display: flex;
    align-items: center;
    padding: 180px 20px 130px;
    color: #fff;
    background: url("../images/shared/Header-Image-8.jpg") center / cover no-repeat;
}

.faq-hero .content-container {
    text-align: center;
}

.faq-hero__title-mark {
    width: fit-content;
    margin: 0 auto;
    padding: 55px 50px 0;
    background: url("../images/shared/Vector-Smart-Object.png") top left / auto no-repeat;
}

.faq-hero h1 {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.15;
}

.faq-hero p {
    margin: 26px 0 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.faq-service {
    min-height: 385px;
    padding: 50px 20px;
}

.faq-service h2 {
    margin: 0 0 34px;
    font-family: "Museo Sans", sans-serif;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}

.faq-service h2 span {
    color: var(--crs-cyan);
}

.faq-service__body {
    max-width: 1090px;
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    gap: 42px;
    margin: 0 auto;
}

.faq-service__body img {
    width: 130px;
    height: 130px;
    object-fit: contain;
}

.faq-service__body p {
    margin: 0 0 12px;
    line-height: 1.35;
}

.faq-service__body .btn {
    margin-top: 5px;
    padding: 12px 24px;
    border: 3px solid var(--crs-navy);
    border-radius: 10px 10px 0 10px;
    color: var(--crs-navy);
    background: transparent;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
}

.faq-service__body .btn:hover,
.faq-service__body .btn:focus {
    border-color: var(--crs-navy);
    color: #fff;
    background: var(--crs-navy);
}

.faq-intro {
    min-height: 360px;
    display: flex;
    align-items: center;
    padding: 50px 20px 70px;
    color: #fff;
    background: var(--crs-dark) url("../images/shared/Color-banner-1.png") center / cover no-repeat;
}

.faq-intro__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: center;
    gap: 70px;
}

.faq-intro h2,
.faq-intro h3 {
    font-family: "Museo Sans", sans-serif;
    font-weight: 900;
}

.faq-intro h2 {
    margin: 0;
    font-size: 50px;
    line-height: 1.05;
}

.faq-intro h3 {
    margin: 5px 0 10px;
    font-size: 29px;
}

.faq-intro p {
    max-width: 790px;
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 1.2;
}

.faq-intro .btn {
    padding: 12px 24px;
    border: 3px solid var(--crs-yellow);
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
}

.faq-intro .btn:hover,
.faq-intro .btn:focus {
    border-color: var(--crs-yellow);
    color: #fff;
    background: transparent;
}

.faq-intro img {
    width: 217px;
    height: 191px;
    justify-self: center;
}

.faq-category {
    padding: 50px 20px;
}

.faq-category:nth-of-type(5) {
    background: #f4f4f4;
}

.faq-category h2 {
    margin: 0 0 28px;
    color: var(--crs-green);
    font-family: "Museo Sans", sans-serif;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.2;
}

.faq-category h2 span {
    color: var(--crs-navy);
}

.faq-category:nth-of-type(5) h2 {
    color: var(--crs-cyan);
}

.faq-category__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 44px;
}

.faq-accordion details {
    border-bottom: 1px solid #d5d8dc;
}

.faq-accordion summary {
    min-height: 50px;
    display: flex;
    position: relative;
    align-items: center;
    padding: 10px 10px 10px 34px;
    color: var(--crs-dark);
    font-family: "Museo Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    list-style: none;
}

.faq-accordion summary::-webkit-details-marker {
    display: none;
}

.faq-accordion summary::before {
    position: absolute;
    left: 4px;
    width: 15px;
    height: 15px;
    border: 2px solid var(--crs-green);
    border-radius: 50%;
    content: "";
}

.faq-accordion details[open] summary::before {
    background: var(--crs-green);
    box-shadow: inset 0 0 0 3px #fff;
}

.faq-category:nth-of-type(5) .faq-accordion summary::before {
    border-color: var(--crs-cyan);
}

.faq-category:nth-of-type(5) .faq-accordion details[open] summary::before {
    background: var(--crs-cyan);
}

.faq-answer {
    padding: 0 12px 22px 34px;
    color: var(--crs-dark);
    font-size: 18px;
    line-height: 1.27;
}

.faq-answer p:last-child,
.faq-answer ul:last-child {
    margin-bottom: 0;
}

.faq-cta {
    min-height: 344px;
    display: flex;
    align-items: center;
    padding: 70px 20px 60px;
    color: #fff;
    background: var(--crs-dark) url("../images/shared/BG-image.jpg") center / cover no-repeat;
}

.faq-cta__content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.faq-cta h2 {
    margin: 0 0 12px;
    font-family: "Museo Sans", sans-serif;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.25;
}

.faq-cta p {
    margin: 0 0 14px;
    font-size: 22px;
    line-height: 1.15;
}

.faq-cta__actions {
    display: flex;
    justify-content: center;
    gap: 18px;
}

.faq-cta .btn {
    padding: 12px 24px;
    border-width: 3px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
}

.faq-cta .btn-outline-primary {
    border-color: var(--crs-yellow);
    border-radius: 10px 10px 0 10px;
    color: #fff;
    background: transparent;
}

.faq-cta .btn-outline-primary:hover,
.faq-cta .btn-outline-primary:focus {
    border-color: var(--crs-yellow);
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.faq-cta .btn-warning {
    border-color: var(--crs-yellow);
    border-radius: 10px 10px 10px 0;
    color: var(--crs-dark);
    background: var(--crs-yellow);
}

.faq-cta .btn-warning:hover,
.faq-cta .btn-warning:focus {
    border-color: var(--crs-yellow);
    color: #fff;
    background: transparent;
}

@media (max-width: 767px) {
    .page-faq-service main {
        font-size: 17px;
    }

    .faq-hero {
        min-height: 475px;
        padding: 135px 15px 58px;
    }

    .faq-hero__title-mark {
        padding: 42px 5px 0;
        background-size: 65px auto;
    }

    .faq-hero h1 {
        font-size: 40px;
    }

    .faq-hero p {
        font-size: 18px;
    }

    .faq-service,
    .faq-category {
        padding: 48px 20px;
    }

    .faq-service h2,
    .faq-category h2,
    .faq-cta h2 {
        font-size: 31px;
    }

    .faq-service__body,
    .faq-intro__inner,
    .faq-category__columns {
        grid-template-columns: 1fr;
    }

    .faq-service__body {
        gap: 22px;
        text-align: center;
    }

    .faq-service__body img {
        justify-self: center;
    }

    .faq-intro {
        padding: 50px 20px;
    }

    .faq-intro__inner {
        gap: 32px;
    }

    .faq-intro h2 {
        font-size: 42px;
    }

    .faq-intro h3 {
        font-size: 25px;
    }

    .faq-intro p {
        font-size: 18px;
    }

    .faq-service__body .btn {
        font-size: 15px;
        line-height: 15px;
    }

    .faq-intro .btn {
        font-size: 16px;
        line-height: 16px;
    }

    .faq-intro img {
        width: 180px;
        height: auto;
    }

    .faq-category__columns {
        gap: 0;
    }

    .faq-accordion summary,
    .faq-answer {
        font-size: 16px;
    }

    .faq-cta {
        min-height: 0;
        padding: 55px 20px;
    }

    .faq-cta p {
        font-size: 18px;
    }

    .faq-cta__actions {
        align-items: center;
        flex-direction: column;
    }

    .faq-cta .btn-outline-primary {
        font-size: 15px;
        line-height: 15px;
    }

    .faq-cta .btn-warning {
        display: none;
    }
}

/* Integration and security */
.page-integration-security main {
    color: var(--crs-dark);
    font-size: 18px;
}

.integration-hero {
    min-height: 716px;
    display: flex;
    align-items: center;
    padding: 120px 20px 70px;
    color: #fff;
    background: var(--crs-dark) url("../images/integration-security/Header-Image-6.jpg") center / cover no-repeat;
}

.integration-hero__inner {
    text-align: center;
}

.integration-hero__title-mark {
    width: fit-content;
    margin: 0 auto;
    padding: 55px 50px 0;
    background: url("../images/integration-security/Vector-Smart-Object.png") top left / auto no-repeat;
}

.integration-hero h1 {
    margin: 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 66px;
    font-weight: 900;
    line-height: 1.15;
}

.integration-hero p {
    margin: 26px 0 0;
    font-family: "Museo Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.integration-erp {
    min-height: 602px;
    display: flex;
    align-items: center;
    padding: 48px 20px 55px;
}

.integration-erp h2,
.integration-deployment h2 {
    margin: 0;
    color: var(--crs-navy);
    font-family: "Museo Sans", sans-serif;
    font-size: 38px;
    font-weight: 900;
}

.integration-erp h2 {
    margin-bottom: 38px;
    font-size: 42px;
    text-align: center;
}

.integration-erp h2 span,
.integration-deployment h2 span {
    color: var(--crs-green);
}

.integration-erp__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 52px 80px;
}

.integration-erp__grid img {
    width: 100%;
    max-width: 220px;
    height: 78px;
    object-fit: contain;
    filter: grayscale(1);
}

.integration-api {
    min-height: 926px;
    padding: 80px 20px;
    background: var(--crs-dark) url("../images/integration-security/BG-image-2.png") center / cover no-repeat;
}

.integration-api > .content-container,
.integration-deployment > .content-container {
    padding-right: 0;
    padding-left: 0;
}

.integration-api__intro {
    display: grid;
    min-height: 534px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 0;
}

.integration-api__intro > div {
    padding: 10px 150px 10px 10px;
}

.integration-api h2 {
    margin: 0 0 20px;
    color: #fff;
    font-family: "Museo Sans", sans-serif;
    font-size: 37px;
    font-weight: 600;
    line-height: 48px;
}

.integration-api__intro p {
    margin: 0 0 20px;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.integration-api__intro img {
    width: 520px;
    height: 514px;
    justify-self: center;
    object-fit: contain;
}

.integration-api__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
    margin-top: 20px;
    padding-top: 30px;
    color: #fff;
}

.integration-api__benefits article {
    min-height: 182px;
    padding: 0;
    text-align: center;
}

.integration-api__benefits h3,
.integration-deployment__options h3 {
    font-family: "Museo Sans", sans-serif;
    font-weight: 900;
}

.integration-api__benefits h3 {
    min-height: 90px;
    margin: 0;
    color: #fff;
    font-size: 37px;
    font-weight: 600;
    line-height: 45px;
}

.integration-api__benefits p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
}

.integration-deployment {
    min-height: 450px;
    padding: 50px 20px 40px;
}

.integration-deployment > .content-container {
    max-width: 1178px;
}

.integration-deployment__intro {
    display: grid;
    min-height: 160px;
    grid-template-columns: 160px 1fr;
    align-items: center;
    gap: 40px;
}

.integration-deployment__icon {
    width: 160px;
    height: 160px;
    object-fit: contain;
}

.integration-deployment h2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}

.integration-deployment__intro p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 20px;
    line-height: 22px;
}

.integration-deployment__options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    min-height: 180px;
    margin-top: 20px;
    text-align: center;
}

.integration-deployment__options article {
    padding: 10px;
}

.integration-deployment__options h3 {
    margin: 0 0 20px;
    color: var(--crs-navy);
    font-size: 18px;
    line-height: 22px;
}

.integration-deployment__options p {
    margin: 0;
    color: var(--crs-dark);
    font-size: 18px;
    line-height: 22px;
}

.integration-cta {
    min-height: 381px;
}

@media (max-width: 991px) {
    .integration-api__intro {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
        gap: 35px;
    }

    .integration-api__benefits article {
        padding: 35px 25px;
    }
}

@media (max-width: 767px) {
    .page-integration-security main {
        font-size: 16px;
    }

    .integration-hero {
        min-height: 510px;
        padding: 125px 15px 60px;
    }

    .integration-hero__title-mark {
        padding: 42px 5px 0;
        background-size: 65px auto;
    }

    .integration-hero h1 {
        font-size: 39px;
    }

    .integration-hero p {
        font-size: 18px;
    }

    .integration-erp {
        min-height: 0;
        padding: 48px 20px;
    }

    .integration-erp h2,
    .integration-api h2,
    .integration-deployment h2 {
        font-size: 31px;
    }

    .integration-erp__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 35px 25px;
    }

    .integration-erp__grid img {
        height: 60px;
    }

    .integration-api {
        min-height: 0;
        padding: 60px 20px;
    }

    .integration-api__intro,
    .integration-api__benefits,
    .integration-deployment__options {
        grid-template-columns: 1fr;
    }

    .integration-api__intro {
        min-height: 759px;
        align-content: start;
        gap: 10px;
    }

    .integration-api__intro > div {
        padding: 0 6px 20px 0;
    }

    .integration-api h2 {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 29px;
    }

    .integration-api__intro p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 20px;
    }

    .integration-api__intro p:last-child {
        margin-bottom: 0;
    }

    .integration-api__intro img {
        width: 294px;
        height: 291px;
        justify-self: center;
    }

    .integration-api__benefits {
        gap: 20px;
        min-height: 452px;
        margin-top: 20px;
        padding-top: 0;
    }

    .integration-api__benefits article {
        min-height: 0;
        padding: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .integration-api__benefits h3 {
        min-height: 0;
        font-size: 22px;
        line-height: 30px;
    }

    .integration-api__benefits p {
        font-size: 18px;
        line-height: 23px;
    }

    .integration-deployment {
        min-height: 0;
        padding: 50px 20px 30px;
    }

    .integration-deployment__intro {
        min-height: 298px;
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 30px;
        text-align: left;
    }

    .integration-deployment__icon {
        width: 60px;
        height: 60px;
    }

    .integration-deployment h2 {
        font-size: 28px;
        line-height: 35px;
    }

    .integration-deployment__intro p {
        font-size: 16px;
        line-height: 20px;
    }

    .integration-deployment__options {
        width: calc(100% + 40px);
        min-height: 471px;
        align-content: start;
        gap: 0;
        margin: 20px -20px 0;
        padding-top: 10px;
    }

    .integration-deployment__options article {
        margin: 0 10px;
        padding: 10px;
    }

    .integration-deployment__options h3 {
        margin-bottom: 20px;
        font-size: 16.416px;
        line-height: 20px;
    }

    .integration-deployment__options p {
        font-size: 16px;
        line-height: 22px;
    }

}