﻿/* base css */
:root {
    font-size: 10px;
}

.subtitle {
    font-family: var(--fontfamily-inter);
}

.content-heading {
    position: relative;
    padding-bottom: 2rem;
}

    .content-heading .super-text {
        text-transform: uppercase;
        letter-spacing: 0.4rem;
        font-family: var(--fontfamily-inter);
        font-size: 1.6rem;
        display: block;
        margin-bottom: 2rem;
    }

    .content-heading.with-subtext h1, .content-heading.with-subtext h2, .content-heading.with-subtext h3 {
        margin-bottom: 3rem;
    }

    .content-heading.with-subtext p {
        font-size: 2.6rem;
    }

/* buttons */
 
input[type="password"] {
    font-style: normal;
    font-weight: normal;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    /* add spacing to better separate each image */
    letter-spacing: 2px;
    -webkit-text-stroke-width: 0.2rem;
    letter-spacing: 0.4em;
}

label {
    letter-spacing: 0.05rem;
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
    color: var(--colour-wex-gray);
    font-family: var(--fontfamily-inter);
}

    label .accent {
        font-style: normal;
        color: var(--colour-wex-red);
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1;
    }

    label .small-text {
        font-size: 1.5rem;
        color: var(--colour-wex-gray);
    }

/* custom checkbox */
.custom-checkbox {
    position: relative;
    padding-left: 3.8rem;
    font-size: 1.5rem;
    margin: 0 0 1.5rem;
    display: inline-block;
    cursor: pointer;
}

    .custom-checkbox.radio {
        padding-left: 3rem;
    }

    .custom-checkbox.m0 {
        margin: 0;
    }

    .custom-checkbox input {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        margin: 0;
    }

    .custom-checkbox .checkbox-indicator {
        height: 2.4rem;
        width: 2.4rem;
        display: inline-block;
        border-radius: 100%;
        border: 1px solid #dadada;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--colour-white);
    }

        .custom-checkbox .checkbox-indicator:after {
            content: "";
            position: absolute;
            display: none;
            left: 8px;
            top: 3px;
            width: 6px;
            height: 13px;
            border: solid var(--colour-white);
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .custom-checkbox input[type="checkbox"] ~ .checkbox-indicator {
        border-radius: 0.3rem;
    }

    .custom-checkbox input[type="radio"] ~ .checkbox-indicator {
        border-radius: 100%;
        height: 2.6rem;
        width: 2.6rem;
    }

        .custom-checkbox input[type="radio"] ~ .checkbox-indicator:after {
            top: 4px;
            left: 9px;
        }

    .custom-checkbox span:not(.checkbox-indicator) {
        color: var(--colour-wex-gray);
        font-size: 1.4rem;
        display: inline-block;
        font-weight: normal;
        transition: color 0.2s ease-in-out;
    }

    .custom-checkbox input:checked ~ .checkbox-indicator:after {
        display: block;
    }

    .custom-checkbox input:checked ~ .checkbox-indicator {
        background: var(--colour-slate-blue);
        border-color: var(--colour-slate-blue);
    }

    .custom-checkbox a {
        position: relative;
        z-index: 3;
        font-size: 1.4rem;
        color: var(--colour-slate-blue);
        border-bottom: 0.1rem solid var(--colour-slate-blue);
        font-weight: 700;
        letter-spacing: 0;
    }

        .custom-checkbox a:hover {
            color: var(--colour-wex-gray);
            border-color: var(--colour-wex-gray);
        }

/* custom checkbox block */
.custom-checkbox-block {
    position: relative;
    margin: 0 2rem 2rem 0;
    display: block;
}

    .custom-checkbox-block .ccb-btn {
        padding: 10px 10px;
        border: 0.1rem solid var(--colour-slate-blue);
        color: var(--colour-slate-blue);
        background-color: var(--colour-white);
        display: block;
        text-align: center;
        font-family: var(--fontfamily-inter);
        font-weight: 700;
        letter-spacing: 0.3px;
        height: 4.3rem;
        border-radius: 0.3rem;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    }

        .custom-checkbox-block .ccb-btn .icon {
            display: inline-block;
            margin-right: 0.5rem;
            height: 2rem;
            width: 2rem;
            position: relative;
            top: -0.2rem;
        }

    .custom-checkbox-block input {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 1;
    }

        .custom-checkbox-block input:checked ~ .ccb-btn,
        .custom-checkbox-block input:hover ~ .ccb-btn {
            background: var(--colour-slate-blue);
            color: var(--colour-white);
        }

    .custom-checkbox-block:last-child {
        margin-right: 0;
    }
 
.register-block-body .input-with-icon {
    position: relative;
}

    .register-block-body .input-with-icon .icon {
        position: absolute;
        left: 0rem;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 700;
        background: var(--colour-slate-blue);
        height: 100%;
        padding: 0.7rem 1.8rem;
        font-size: 1.8rem;
        color: var(--colour-white);
        border-radius: 0.3rem 0 0 0.3rem;
    }

    .register-block-body .input-with-icon .form-control {
        height: 4rem;
        padding-left: 6rem;
        border: 0.1rem solid #4878c3;
    }

/* error message */
.error-message-container {
    margin-top: 0.8rem;
}

    .error-message-container .error-message-text {
        color: var(--colour-wex-red);
        font-size: 1.2rem;
    }

    .error-message-container.emc-pull-up {
        position: relative;
        top: -2rem;
    }

.has-error-message input, .has-error-message select, .has-error-message .form-control {
    border-color: var(--colour-wex-red);
}

/* check icon indicator */
.check-icon-indicator {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    color: var(--colour-teal);
    background-color: transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

    .check-icon-indicator:before {
        content: "";
        height: 1rem;
        width: 1rem;
        border-radius: 100%;
        background: var(--colour-white);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

/* css loader */
.loader {
    border: 4px solid #3498db;
    border-radius: 50%;
    border-top: 4px solid #f3f3f3;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 0.5s linear infinite;
    /* Safari */
    animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* site header */
.site-header {
    position: relative;
    padding: 21px 0;
    text-align: center;
    background-color: var(--colour-white);
    box-shadow: 0 11px 39px rgba(0, 38, 120, .08);
}

    .site-header .site-logo-container {
        display: block;
        margin-bottom: 2rem;
    }

    .site-header .site-logo {
        max-width: 27rem;
    }

    .site-header .site-phone-number {
        font-size: 1.8rem;
        font-family: var(--fontfamily-inter);
        color: var(--colour-white);
    }

        .site-header .site-phone-number:hover {
            color: var(--colour-yellow);
        }

/* footer */
.site-footer {
    background: var(--colour-wex-gray);
    padding: 10rem 0;
    color: var(--colour-white);
    text-align: center;
    font-family: var(--fontfamily-inter);
}

    .site-footer .footer-logo {
        margin-bottom: 5rem;
        width: 100%;
        max-width: 30rem;
    }

    .site-footer p, .site-footer span, .site-footer li {
        font-size: 1.6rem;
    }

    .site-footer .footer-heading {
        font-weight: 700;
        font-size: 1.8rem;
        letter-spacing: 0.3px;
    }

.footer-block {
    margin: 0 auto 5rem;
}

    .footer-block a {
        display: inline-block;
        margin: 3rem 0 5rem;
    }

    .footer-block:last-child {
        margin: 0 auto;
    }

/* footer main */
.site-footer-main {
    color: var(--colour-white);
    margin-top: 8rem;
    font-family: var(--fontfamily-inter);
    text-align: center;
}

    .site-footer-main .row {
        align-items: center;
    }

    .site-footer-main .footer-logo {
        margin-bottom: 3rem;
    }

    .site-footer-main .footer-copyright {
        font-size: 1.4rem;
        color: var(--colour-wex-gray);
    }

    .site-footer-main .footer-links .nav {
        justify-content: center;
        margin-bottom: 3rem;
    }

    .site-footer-main .footer-links .nav-links {
        margin: 1rem;
        display: inline-block;
        color: var(--colour-white);
        font-size: 1.5rem;
        font-weight: 700;
    }

        .site-footer-main .footer-links .nav-links:hover {
            color: var(--colour-slate-blue);
            background-color: transparent !important;
        }

    .site-footer-main .footer-links .footer-number {
        font-weight: 700;
    }

/* home hero */
.home-hero {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.home-hero-content {
    position: relative;
    color: var(--colour-white);
    padding: 10.2rem 0 2rem;
    text-align: center;
}

    .home-hero-content .title {
        font-family: var(--fontfamily-inter);
        font-weight: 900 !important;
        font-size: 56px !important;
        color: var(--colour-slate-blue);
        font-size: 3.6rem;
        max-width: 30rem;
        margin: 0 auto 2rem;
    }

    .home-hero-content .subtitle {
        font-family: var(--fontfamily-inter);
        font-size: 2rem;
        color: var(--colour-teal);
        font-size: 54px !important;
        font-weight: 900;
    }

    .home-hero-content .col {
        padding: 0;
    }

    .hero-circle:before {
        content: "";
        width: 78rem;
        height: 78rem;        
        border: 6px solid var(--colour-white);
        border-radius: 50%;
        position: absolute;
        top: -61.2rem;
        left: -114.4rem;
        z-index: -1;
    }

    .hero-circle:after {
        content: "";
        width: 101.6rem;
        height: 101.6rem;
        background: var(--colour-sky-blue);
        border-radius: 50%;
        position: absolute;
        top: -47.7rem;
        right: -50.1rem;
        z-index: -1;
    }

.circle-icon-container {
    position: absolute;
    left: 60%;
    top: 22%;
    height: 50rem;
    width: 50rem;
    opacity: 0.2;
}

    .circle-icon-container .circle-big {
        border: 10rem solid var(--colour-white);
        border-radius: 100%;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .circle-icon-container .circle-small {
        border: 1.5rem solid var(--colour-slate-blue);
        border-radius: 100%;
        height: 95%;
        width: 95%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.motorpass-card {
    width: 100%;
    margin-top: 5rem;
    max-width: 40rem;
    display: block;
    margin: 8rem auto 0;
}

.benefit-list {
    text-align: left;
    max-width: 46rem;
    margin: 4rem auto 0;
}

    .benefit-list li {
        position: relative;
        padding-left: 7rem;
        margin-top: 3rem;
    }

        .benefit-list li .icon {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .benefit-list li img {
            width: 4rem;
        }

        .benefit-list li p {
            font-size: 1.6rem;
        }

        .benefit-list li:first-child {
            margin-top: 0;
        }

/* limited offer */
.limited-offer {
    padding: 10rem 0;
    text-align: center;
}

    .limited-offer .image-container img {
        width: 100%;
        border-radius: 0.2rem;
    }

    .limited-offer .content-container {
        margin-top: 5rem;
    }

        .limited-offer .content-container .text-content p {
            font-size: 2rem;
        }

        .limited-offer .content-container .small-text {
            font-size: 1.6rem;
            margin-top: 5rem;
        }

            .limited-offer .content-container .small-text a {
                display: inline-block;
                color: var(--colour-wex-gray);
                border-bottom: 0.1rem solid var(--colour-wex-gray);
            }

                .limited-offer .content-container .small-text a:hover {
                    color: var(--colour-yellow);
                    border-color: var(--colour-yellow);
                }

    .limited-offer .go-to {
        display: inline-block;
        margin-left: 0.5rem;
        line-height: 1;
    }

/* fuelcard container */
.fuelcard-container {
    padding: 10rem 0 9rem;
    background: var(--colour-yellow);
    text-align: center;
}

    .fuelcard-container .row {
        align-items: center;
    }

    .fuelcard-container .image-container {
        margin-top: 6rem;
    }

        .fuelcard-container .image-container img {
            max-width: 40rem;
            width: 100%;
        }

    .fuelcard-container p {
        font-size: 2.4rem;
        max-width: 50rem;
        margin: 0 auto;
    }

/* testimonial */
.testimonial-container {
    padding: 10rem 0;
    background: var(--colour-slate-blue);
    text-align: center;
}

    .testimonial-container .owl-dots {
        position: absolute;
        bottom: -7rem;
        left: 0;
        width: 100%;
    }

    .testimonial-container .owl-theme .owl-dots .owl-dot span {
        height: 1.3rem;
        width: 1.3rem;
        margin: 5px 10px;
        background: var(--colour-white);
    }

    .testimonial-container .owl-theme .owl-dots .owl-dot.active span {
        background: transparent;
        border: 3px solid var(--colour-white);
    }

    .testimonial-container .owl-theme .owl-dots .owl-dot:not(.active):hover span {
        opacity: 0.5;
    }

.testimonial-block {
    color: var(--colour-white);
}

    .testimonial-block .testimonial-text {
        font-size: 2.4rem;
    }

.testimonial-details {
    margin-top: 6rem;
}

    .testimonial-details span {
        display: block;
        font-size: 2rem;
    }

    .testimonial-details .store {
        font-size: 1.8rem;
    }

    .testimonial-details .title {
        font-family: var(--fontfamily-inter);
    }

/* get started */
.get-started {
    padding: 10rem 0;
    background-color: var(--colour-slate-blue);
    background-image: linear-gradient(315deg, var(--colour-slate-blue) 50%, #121b23 100%);
    color: var(--colour-white);
    text-align: center;
}

    .get-started .row {
        align-items: center;
    }

    .get-started .image-container {
        margin-bottom: 5rem;
    }

        .get-started .image-container img {
            border-radius: 0.2rem;
            max-width: 100%;
        }

    .get-started .title {
        margin-bottom: 5rem;
    }

/* accepted stores */
.accepted-stores {
    padding: 10rem 0 5rem;
    text-align: center;
}

    .accepted-stores .content-heading {
        max-width: 80rem;
        margin-bottom: 3rem;
    }

    .accepted-stores .title {
        color: var(--colour-slate-blue);
    }

.partners-logo-container li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 5rem 0;
}

.partners-logo-container img {
    max-width: 8rem;
    max-height: 10rem;
}

.partners-logo-container .logo-taller img {
    max-width: 10rem;
}

.partners-logo-container .puma-logo img {
    max-width: 13rem;
}

/* request callback */
.request-callback {
    padding: 10rem 0;
    background: var(--colour-light-gray);
    text-align: center;
}

    .request-callback .text-content {
        margin-bottom: 6rem;
    }

        .request-callback .text-content .title {
            margin-bottom: 5rem;
        }

        .request-callback .text-content p {
            font-size: 2rem;
            margin-bottom: 3rem;
        }

            .request-callback .text-content p a {
                white-space: nowrap;
            }

        .request-callback .text-content .phone-number {
            color: var(--colour-slate-blue);
            border-bottom: 0.1rem solid var(--colour-slate-blue);
        }

            .request-callback .text-content .phone-number:hover {
                color: var(--colour-wex-gray);
                border-color: var(--colour-wex-gray);
            }

    .request-callback .small-text a {
        white-space: nowrap;
    }

.request-callback-form label {
    display: block;
    text-align: center;
}

.request-callback-form .form-control {
    text-align: center;
}

.request-callback-form .small-text {
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
    margin-bottom: 3rem;
}

    .request-callback-form .small-text a {
        color: var(--colour-wex-gray);
        border-bottom: 0.1rem solid var(--colour-wex-gray);
    }

        .request-callback-form .small-text a:hover {
            color: var(--colour-slate-blue);
            border-color: var(--colour-slate-blue);
        }

.request-callback-form button[type='submit'] {
    min-width: 25rem;
}

/* section cta */
.section-cta {
    padding: 10rem 0;
    background: #d4383c;
    text-align: center;
    color: var(--colour-white);
}

    .section-cta .title {
        font-size: 3.2rem;
        margin-bottom: 5rem;
    }

/* promo code */
.promo-code {
    font-family: var(--fontfamily-inter);
    font-size: 1.6rem;
}

.home-hero .promo-code {
    white-space: nowrap;
    display: block;
    margin: 2rem;
    position: relative;
    top: 0.5rem;
}

.limited-offer .promo-code {
    display: block;
    margin-bottom: 2rem;
}

.get-started .promo-code {
    display: block;
    margin-bottom: 3rem;
}

.section-cta .promo-code {
    display: block;
    margin-bottom: 3rem;
}

/* business application */
    .business-application-container > .container {
        padding: 0;
    }

    .business-application-container .content-heading .title {
        font-family: var(--fontfamily-inter);
        color: var(--colour-slate-blue);
        font-size: 2.4rem;
        text-align: center;
        text-transform: lowercase;
    }
    .business-application-container .content-heading .title::first-letter {
        text-transform: uppercase;
    }

/* register block head  */
.register-block-container .hint-text {
    font-size: 1.4rem;
    max-width: 40rem;
    margin: 0 auto 2rem;
    text-align: center;
}

    .register-block-container .hint-text.mb0 {
        margin-bottom: 0;
    }

.register-block {
    margin-bottom: 0.3rem;
}

.register-block-head .collapse-head {
    margin-top: 1px;
}

.register-block-head button.btn {
    border-radius: 0;
    background-color: var(--colour-slate-blue);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    text-align: left;
    color: var(--colour-white);
    padding: 3rem 2rem;
    position: relative;
}

    .register-block-head button.btn:hover, .register-block-head button.btn:active {
        background-color: var(--colour-slate-blue);
    }

    .register-block-head button.btn:active, .register-block-head button.btn:focus {
        border-color: var(--colour-slate-blue);
        box-shadow: none;
    }

    .register-block-head button.btn .open-close-indicator {
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }

        .register-block-head button.btn .open-close-indicator:before {
            content: "";
            display: inline-block;
            width: 1.5rem;
            height: 0.15rem;
            background: var(--colour-white);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .register-block-head button.btn.collapsed .open-close-indicator:after {
        content: "";
        display: inline-block;
        height: 1.5rem;
        width: 0.15rem;
        background: var(--colour-white);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.register-block-head .step-number {
    height: 3rem;
    width: 3rem;
    border-radius: 100%;
    background-color: var(--colour-white);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: var(--colour-wex-gray);
    padding-top: 0.1rem;
    margin-right: 2rem;
}

/* register block body */
.register-block-body {
    padding: 3rem 2rem 5rem;
    background: var(--colour-white);
    font-family: var(--fontfamily-inter);
}

    .register-block-body p, .register-block-body span, .register-block-body li {
        font-size: 1.4rem;
    }

        .register-block-body p.mb0, .register-block-body span.mb0, .register-block-body li.mb0 {
            margin-bottom: 0;
        }

    .register-block-body strong {
        font-size: 1.8rem;
        font-family: var(--fontfamily-inter);
        font-weight: 700;
    }

    .register-block-body .form-control {
        border-radius: 0.2rem;
        height: 4.5rem;
        padding: 1rem 1rem 1rem 1.2rem;
    }

        .register-block-body .form-control::-webkit-input-placeholder {
            font-size: 1.5rem;
        }

        .register-block-body .form-control::-moz-placeholder {
            font-size: 1.5rem;
        }

        .register-block-body .form-control:-ms-input-placeholder {
            font-size: 1.5rem;
        }

        .register-block-body .form-control:-moz-placeholder {
            font-size: 1.5rem;
        }

    .register-block-body .form-block {
        margin-bottom: 2rem;
    }

        .register-block-body .form-block.split-columns, .register-block-body .form-block.mb0 {
            margin-bottom: 0;
        }

        .register-block-body .form-block:last-child {
            margin-bottom: 0;
        }

        .register-block-body .form-block.mb2 {
            margin-bottom: 2rem;
        }

    .register-block-body label {
        font-size: 1.3rem;
        color: var(--colour-wex-gray);
        margin-bottom: 0.8rem;
        font-family: var(--fontfamily-inter);
    }

.block-description-container code {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--colour-wex-gray);
}

/*.rbb-block {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 0.1rem dashed #d5d5d5;
}

    .rbb-block .rbb-block-inner {
        margin-top: 3rem;
    }

    .rbb-block .title {
        font-size: 1.8rem;
        font-family: var(--fontfamily-inter);
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

        .rbb-block .title.mb1 {
            margin-bottom: 1rem;
        }

        .rbb-block .title.mb2 {
            margin-bottom: 2rem;
        }

    .rbb-block .hidden-default {
        display: none;
    }

    .rbb-block a {
        white-space: nowrap;
        font-weight: 700;
        color: var(--colour-wex-gray);
        border-bottom: 0.1rem solid var(--colour-wex-gray);
    }

        .rbb-block a:hover {
            color: var(--colour-slate-blue);
            border-color: var(--colour-slate-blue);
        }

    .rbb-block.no-separator {
        border: none;
        padding: 0;
    }

    .*//*rbb-block .form-block .btn,
    .rbb-block .form-block button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 10px 10px;
        border: 0.1rem solid var(--colour-slate-blue);
        color: var(--colour-slate-blue);
        background-color: var(--colour-white);
        text-align: center;
        font-family: var(--fontfamily-inter);
        font-weight: 700;
        letter-spacing: 0.3px;
        height: 4.5rem;
        border-radius: 0.3rem;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;*/
        /* button red */
    /*}*/

        /*.rbb-block .form-block .btn.solid-bg,
        .rbb-block .form-block button.solid-bg {
            background: var(--colour-slate-blue);
            color: var(--colour-white);
        }

            .rbb-block .form-block .btn.solid-bg:hover,
            .rbb-block .form-block button.solid-bg:hover {
                background: var(--colour-wex-gray);
            }

        .rbb-block .form-block .btn .icon,
        .rbb-block .form-block button .icon {
            display: inline-block;
            height: 1.6rem;
            width: 1.6rem;
            margin-right: 1rem;
            position: relative;
            top: -0.1rem;
        }

        .rbb-block .form-block .btn:hover,
        .rbb-block .form-block button:hover {
            background: var(--colour-slate-blue);
            color: var(--colour-white);
        }

        .rbb-block .form-block .btn.btn-red,
        .rbb-block .form-block button.btn-red {
            background: #e1e1e1;
            border-color: var(--colour-light-gray);
            color: var(--colour-wex-gray);
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
        }

            .rbb-block .form-block .btn.btn-red:hover,
            .rbb-block .form-block button.btn-red:hover {
                background: var(--colour-light-gray);
                color: var(--colour-white);
                border-color: var(--colour-light-gray);
            }*/

.fb-credit-limit .row {
    align-items: center;
    margin-bottom: 4rem;
}

    .fb-credit-limit .row .col-12:first-child {
        padding-right: 0;
    }

    .fb-credit-limit .row .custom-checkbox {
        margin-bottom: 1.5rem;
    }

.setup-password-block {
    display: none;
    padding-top: 3rem;
}

.next-button-container {
    margin-top: 5rem;
}

    .next-button-container.mt3 {
        margin-top: 3rem;
    }

    .next-button-container .row {
        align-items: center;
    }

    .next-button-container button, .next-button-container .btn-next {
        background-color: var(--colour-wex-red);
        color: var(--colour-white);
        border-radius: 0;
        font-family: var(--fontfamily-inter);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1.8rem;
        letter-spacing: 0.1rem;
        padding: 1.7rem 2.5rem 1.5rem;
        min-width: 100%;
        border-radius: 0.3rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

        .next-button-container button .icon, .next-button-container .btn-next .icon {
            display: inline-block;
            margin-left: 1rem;
            height: 17px;
            width: 17px;
            top: -2px;
        }

        .next-button-container button:hover, .next-button-container .btn-next:hover {
            background: var(--colour-wex-gray);
            color: var(--colour-white);
        }

.rbb-block .abn-search-result-container {
    margin-top: 4rem;
}

.abn-search-result {
    padding: 3.5rem 3rem 2rem;
    border: 0.1rem solid #eaeaea;
    border-radius: 0.3rem;
    background: var(--colour-light-gray);
    margin-top: 1rem;
}

    .abn-search-result .asr-block {
        margin-bottom: 2rem;
    }

        .abn-search-result .asr-block span {
            display: block;
            font-size: 1.5rem;
            margin: 0;
        }

    .abn-search-result .custom-checkbox-block {
        padding-right: 4rem;
    }

    .abn-search-result input[name="verify-abn"]:checked ~ .check-icon-indicator {
        opacity: 1;
    }

.rbb-block .rbb-block-inner > .row .abn-search-result .col-12 {
    margin: 0 !important;
}

.add-fuelcard-individual .ccb-btn {
    height: 9.5rem;
    padding: 20px 10px;
}

    .add-fuelcard-individual .ccb-btn .icon {
        height: 2.5rem;
        width: 2.5rem;
    }

        .add-fuelcard-individual .ccb-btn .icon.icon-smaller {
            height: 1.8rem;
            width: 1.8rem;
        }

    .add-fuelcard-individual .ccb-btn .text {
        display: block;
        margin: 1rem auto 0;
        max-width: 15rem;
        line-height: 1.2;
    }

.afi-message {
    margin-bottom: 0;
}

    .afi-message p {
        display: none;
        color: var(--colour-slate-blue);
        font-weight: 700;
        padding: 1rem 2rem;
        border-radius: 0.4rem;
        background-color: var(--colour-light-blue);
        font-size: 1.4rem;
        border: 0.1rem solid var(--colour-slate-blue);
        text-align: center;
    }

.rbb-block .additional-driver-details {
    margin-top: 2rem;
}

.hidden-individual-fields,
.add-bulk-container {
    display: none;
}

/* card block listing */
.card-block-listing {
    margin-bottom: 6rem;
}

    .card-block-listing.trustee-partner-listing {
        margin-bottom: 3rem;
    }

        .card-block-listing.trustee-partner-listing.company-only {
            margin-bottom: 1rem;
        }

    .card-block-listing > .title {
        margin-bottom: 2rem;
    }

    .card-block-listing .cards-added-notification {
        color: var(--colour-slate-blue);
    }

    .card-block-listing .card-block {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 2rem;
        border-top: 0.1rem dashed #d7d7d7;
        background: var(--colour-light-gray);
        border-radius: 0.3rem;
        border: 0.1rem solid #eaeaea;
        margin-bottom: 2rem;
    }

    .card-block-listing .card-data {
        margin-bottom: 1.5rem;
    }

        .card-block-listing .card-data span {
            display: block;
            font-size: 1.4rem;
            margin-bottom: 0;
        }

        .card-block-listing .card-data .title {
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 0.05rem;
            color: var(--colour-wex-gray);
        }

    .card-block-listing .card-block-header {
        display: none;
    }

        .card-block-listing .card-block-header .card-controls {
            justify-content: flex-end;
        }

        .card-block-listing .card-block-header .card-data .title {
            display: block;
        }

    .card-block-listing .card-controls {
        margin-top: 1rem;
    }

        .card-block-listing .card-controls a {
            font-size: 1.15rem;
            border-radius: 0.4rem;
            border: 0.1rem solid #e4e4e4;
            padding: 0.5rem 1.5rem;
            background: #eaeaea;
            letter-spacing: 0.1rem;
            color: var(--colour-wex-gray);
            background-color: var(--colour-white);
            font-weight: 600;
            text-transform: uppercase;
        }

            .card-block-listing .card-controls a:hover {
                background: var(--colour-wex-gray);
                color: var(--colour-white);
            }

            .card-block-listing .card-controls a:first-child {
                margin-right: 1rem;
            }

        .card-block-listing .card-controls .card-control-delete:hover {
            background-color: var(--colour-wex-red);
        }

.payment-card-type .ccb-btn {
    height: 9.7rem;
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .payment-card-type .ccb-btn .icon {
        height: 2.8rem;
        width: 2.8rem;
    }

    .payment-card-type .ccb-btn .text {
        display: block;
        margin: 1rem auto 0;
        max-width: 15rem;
        line-height: 1.2;
    }

.add-card-methods .ccb-btn {
    height: 8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .add-card-methods .ccb-btn .icon {
        display: block;
        margin: 0 auto 5px;
    }

/* supporting documents */
.rbb-block .rbb-block-inner.supporting-documents {
    margin-top: 4rem;
}

/* custom dropzone layout */
.custom-dropzone-layout-container {
    position: relative;
    padding: 0 0 6rem;
}

    .custom-dropzone-layout-container .dz-supporting-documents.dz-started {
        padding: 0.5rem 2rem;
        border: 0.1rem solid #ced4da;
    }

    .custom-dropzone-layout-container .dz-message {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .custom-dropzone-layout-container button.dz-button {
        font-size: 1.5rem;
        width: 100%;
    }

    .custom-dropzone-layout-container .dz-preview {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 1.5rem 5rem 1.5rem 0;
        border-bottom: 0.1rem solid #eee;
    }

        .custom-dropzone-layout-container .dz-preview .dz-image,
        .custom-dropzone-layout-container .dz-preview .dz-details .dz-size,
        .custom-dropzone-layout-container .dz-preview .dz-progress,
        .custom-dropzone-layout-container .dz-preview .dz-error-message,
        .custom-dropzone-layout-container .dz-preview .dz-success-mark,
        .custom-dropzone-layout-container .dz-preview .dz-error-mark {
            display: none;
        }

        .custom-dropzone-layout-container .dz-preview .dz-remove {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 25px;
            height: 25px;
            opacity: 0.2;
            text-decoration: none;
            border: none;
            text-indent: -9999px;
            background: url(../images/close-icon.svg) no-repeat 50% 50%;
            background-size: 22px;
            transition: background-image 0.2s ease-in-out, opacity 0.2s eaes-in-out;
        }

            .custom-dropzone-layout-container .dz-preview .dz-remove:hover {
                background: url(../images/close-icon-red.svg) no-repeat 50% 50%;
                opacity: 0.9;
                background-size: 22px;
            }

        .custom-dropzone-layout-container .dz-preview:last-child {
            border: none;
        }

/* trustee partner listing */
.trustee-partner-listing .title {
    font-size: 1.6rem;
}

.rbb-block .rbb-block-inner.add-delete-trustee {
    margin-top: 4rem;
}

/* update trustee partner */
.card-block-listing.update-partner-listing {
    padding: 3rem 2rem;
    border-radius: 0.4rem;
    border: 2px solid var(--colour-slate-blue);
    background: var(--colour-white);
}

    .card-block-listing.update-partner-listing > .row .col-12 {
        margin-bottom: 2rem;
    }

    .card-block-listing.update-partner-listing select {
        color: var(--colour-wex-gray) !important;
    }

@media (max-width: 575px) {
    .update-partner-controls .row .col-12 {
        max-width: 50%;
    }
}

.update-partner-controls {
    margin: 2rem 0 0;
}

    .update-partner-controls a {
        padding: 10px 10px;
        border: 0.1rem solid var(--colour-slate-blue);
        color: var(--colour-slate-blue);
        background-color: var(--colour-white);
        display: block;
        text-align: center;
        font-family: var(--fontfamily-inter);
        font-weight: 700;
        letter-spacing: 0.3px;
        height: 4.3rem;
        border-radius: 0.3rem;
        transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        font-size: 1.5rem;
    }

    .update-partner-controls .card-control-delete {
        background: var(--colour-light-gray);
        border-color: var(--colour-light-gray);
        color: var(--colour-wex-gray);
        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    }

        .update-partner-controls .card-control-delete:hover {
            background: var(--colour-wex-gray);
            border-color: var(--colour-wex-gray);
            color: var(--colour-white);
        }

    .update-partner-controls .card-control-update:hover {
        background: var(--colour-slate-blue);
        color: var(--colour-white);
    }

/* back to top */
.back-to-top {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    cursor: pointer;
    display: none;
    border: 0.2rem solid var(--colour-white);
    height: 5rem;
    width: 5rem;
    border-radius: 100%;
    background: var(--colour-wex-red);
    text-align: center;
    opacity: 1;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    z-index: 1000;
}

    .back-to-top .icon {
        color: var(--colour-white);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 1.8rem;
    }

        .back-to-top .icon svg {
            height: 2.8rem;
            width: 2.8rem;
        }

.direct-debit-block,
.credit-card-block {
    display: none;
}

.selected-payment-confirmation {
    display: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 410px) {
    .force-split-2 .col-12 {
        max-width: 50%;
    }

    .force-split-3 .col-12 {
        max-width: 33.333%;
    }

    .payment-card-type .ccb-btn {
        height: 11.4rem;
    }

    .add-fuelcard-individual .ccb-btn {
        height: 11rem;
        padding: 20px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .fb-credit-limit .row .custom-checkbox {
        margin: 0;
    }
}

@media (min-width: 410px) and (max-width: 575px) {
    .fb-credit-limit .col-12:first-child {
        max-width: 40%;
    }

    .fb-credit-limit .col-12:last-child {
        max-width: 60%;
    }
}

@media (min-width: 450px) {
    /* home hero */
    .home-hero-content .title {
        font-size: 4.5rem;
        max-width: 35rem;
    }
    /* accepted stores */
    .partners-logo-container img {
        max-width: 10rem;
        max-height: 12rem;
    }

    .partners-logo-container .puma-logo img {
        max-width: 15rem;
    }
    /* register page */
    .business-application-container .content-heading .title {
        font-size: 2.8rem;
    }
}

@media (min-width: 500px) {
    /* register page */
    .register-block-body {
        padding: 4rem 5rem 5rem;
    }
}

@media (min-width: 576px) {
    /* header */
    .site-header .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .site-header .site-logo-container {
        display: inline-block;
        margin-bottom: 0;
    }

    .site-header .site-phone-number {
        margin-top: 0.3rem;
    }

    .home-hero-content .title {
        max-width: 40rem;
        margin: 0 auto 2rem;
        font-size: 5rem;
    }
    /* register page */
    .business-application-container > .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .abn-search-result {
        padding: 3.5rem 4rem 2rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 600px) {
    .partners-logo-container li {
        width: 25%;
    }

    .partners-logo-container img {
        max-width: 8rem;
    }
    /* accepted stores */
    .partners-logo-container img {
        max-height: 8rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .card-block-listing .card-block {
        flex-direction: row;
        align-items: center;
    }

    .card-block-listing.wex-card-listing .card-data {
        margin: 0;
        padding: 0 1rem;
    }

        .card-block-listing.wex-card-listing .card-data:first-child {
            width: 22%;
        }

        .card-block-listing.wex-card-listing .card-data:nth-child(2) {
            width: 20%;
        }

        .card-block-listing.wex-card-listing .card-data:nth-child(3) {
            width: 30%;
        }

    .card-block-listing.wex-card-listing .card-controls {
        margin: 0;
        width: 28%;
    }

    .trustee-partner-listing .card-block {
        padding-right: 9rem;
        min-height: 9rem;
    }

    .trustee-partner-listing .card-data {
        width: 22%;
        margin: 0;
    }

        .trustee-partner-listing .card-data:first-child {
            width: 12%;
        }

    .trustee-partner-listing .card-controls {
        width: 8.5rem;
        position: absolute;
        top: 0;
        right: 0;
        margin: 1rem 0;
    }

        .trustee-partner-listing .card-controls a {
            display: inline-block;
            width: 7rem;
            padding: 0.5rem 1rem;
        }

            .trustee-partner-listing .card-controls a:first-child {
                margin: 0 0 1rem;
            }

    .trustee-partner-listing.company-only .card-data {
        width: 30%;
    }

        .trustee-partner-listing.company-only .card-data:first-child {
            width: 40%;
        }
}

@media (min-width: 768px) {
    .h2, h2 {
        font-size: 4rem;
    }

    .site-header .site-phone-number {
        font-size: 2.2rem;
    }

    .home-hero-content .title {
        max-width: 45rem;
        font-size: 6rem;
    }

    .home-hero-content .subtitle {
        font-size: 2.2rem;
    }

    .circle-icon-container {
        height: 60rem;
        width: 60rem;
        top: 22%;
    }
    /* testimonials */
    .testimonial-block .testimonial-text {
        font-size: 2.6rem;
    }
    /* get started cta */
    .section-cta .title {
        font-size: 3.6rem;
    }
    /* site footer */
    .site-footer .footer-logo {
        max-width: 35rem;
    }
    /* register page */
    .register-block-body {
        padding: 5rem;
    }

    .fb-credit-limit .row {
        margin-bottom: 2rem;
    }

        .fb-credit-limit .row .custom-checkbox {
            margin: 0;
        }

    .card-block-listing.update-partner-listing {
        padding: 3rem;
    }

    .update-partner-controls {
        margin-top: 3rem;
    }

        .update-partner-controls > .row {
            justify-content: flex-end;
        }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991px) {
    .rbb-block > .row > .col-12:not(.empty-block) {
        margin-bottom: 3rem;
    }

        .rbb-block > .row > .col-12:not(.empty-block):last-child {
            margin-bottom: 0;
        }

    .rbb-block .rbb-block-inner > .row > .col-12:not(.empty-block) {
        margin-bottom: 2rem;
    }

        .rbb-block .rbb-block-inner > .row > .col-12:not(.empty-block):last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    /* back to top */
    .back-to-top:hover {
        background: var(--colour-slate-blue);
    }
    /* home hero */
    .home-hero-content {
        text-align: left;
    }

        .home-hero-content .col-12 {
            position: initial;
        }

        .home-hero-content .title {
            margin: 0 0 2rem;
            font-size: 7rem;
            max-width: none;
        }

        .home-hero-content .subtitle {
            font-size: 3rem;
        }

    .motorpass-card {
        position: absolute;
        left: 50%;
        bottom: 7rem;
        max-width: 50rem;
        margin: 0;
    }

    .benefit-list {
        max-width: 40rem;
        margin: 10rem 0 0;
    }

        .benefit-list li p {
            font-size: 1.8rem;
        }

    .circle-icon-container {
        opacity: 1;
        top: initial;
        bottom: -30rem;
        height: 110rem;
        width: 110rem;
    }

        .circle-icon-container .circle-big {
            border: 14rem solid var(--colour-white);
        }

        .circle-icon-container .circle-small {
            border: 1.8rem solid var(--colour-slate-blue);
        }
    /* limited offer */
    .limited-offer {
        padding: 15rem 0;
        text-align: left;
    }

        .limited-offer .content-container {
            margin: 0;
            padding-left: 5rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .limited-offer .content-container .text-content p {
                max-width: 45rem;
                font-size: 2.2rem;
            }

            .limited-offer .content-container .small-text {
                margin: 0;
            }
    /* fuelcard container */
    .fuelcard-container {
        padding: 10rem 0;
        text-align: left;
    }

        .fuelcard-container .image-container {
            margin-top: 0;
            position: relative;
            top: 3rem;
        }

            .fuelcard-container .image-container img {
                max-width: 100%;
                max-width: 50rem;
            }

        .fuelcard-container p {
            font-size: 2.4rem;
            margin: 0;
        }
    /* testimonials */
    .testimonial-container {
        padding: 13rem 0;
        text-align: left;
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: -9rem;
    }

    .testimonial-block .testimonial-text {
        font-size: 3.2rem;
    }

    .testimonial-details span {
        font-size: 2.2rem;
    }

    .testimonial-details .store {
        font-size: 2rem;
    }
    /* get started */
    .get-started {
        text-align: left;
    }

        .get-started .title {
            max-width: 45rem;
        }
    /* accepted stores */
    .accepted-stores {
        text-align: left;
        padding: 14rem 0 10rem;
    }

        .accepted-stores .content-heading {
            margin-bottom: 6rem;
        }

    .partners-logo-container img {
        max-width: 12rem;
        max-height: 10rem;
    }

    .partners-logo-container .logo-wider img {
        max-width: 25rem;
    }

    .partners-logo-container .logo-taller img {
        max-height: 14rem;
        max-width: 13rem;
    }

    .partners-logo-container .puma-logo img {
        max-width: 20rem;
    }
    /* request callback */
    .request-callback {
        padding: 15rem 0;
        text-align: left;
    }

        .request-callback .text-content {
            max-width: 40rem;
            margin: 0;
        }

            .request-callback .text-content p {
                font-size: 2.2rem;
                margin-bottom: 4rem;
            }

    .request-callback-form label {
        display: inline-block;
        text-align: left;
    }

    .request-callback-form .form-control {
        text-align: left;
    }
    /* get started cta */
    .section-cta {
        padding: 15rem 0;
    }

        .section-cta .title {
            font-size: 4.6rem;
        }
    /* site footer */
    .site-footer {
        padding: 15rem 0;
    }
    /* promo code */
    .home-hero .promo-code {
        display: inline-block;
    }
    /* register page */
        .business-application-container .content-heading .title {
            font-size: 3.2rem;
            text-align: left;
        }

    .register-hero .image-bg {
        right: 0;
        width: 50%;
        opacity: 1;
        background-position: 100% -100px;
    }

    .block-description-container {
        padding-right: 8rem;
    }

    .rbb-block .rbb-block-inner {
        margin-top: 2rem;
    }

    .register-block-body p,
    .register-block-body span,
    .register-block-body li {
        font-size: 1.5rem;
    }

    .custom-checkbox span:not(.checkbox-indicator) {
        font-size: 1.6rem;
    }

    .custom-checkbox a {
        font-size: 1.5rem;
    }
    /* card block listing */
    .card-block-listing {
        padding: 3.5rem 4rem 2rem;
        border: 0.1rem solid #eaeaea;
        border-radius: 0.3rem;
        background: var(--colour-light-gray);
    }

        .card-block-listing .card-block {
            flex-direction: row;
            padding: 1.5rem 1.5rem 1.5rem 0;
            margin: 0;
            border: none;
            border-top: 0.1rem dashed #d7d7d7;
        }

        .card-block-listing.wex-card-listing .card-block {
            padding: 1.5rem 20rem 1.5rem 0;
        }

        .card-block-listing.wex-card-listing .card-data {
            width: 33.33%;
        }

        .card-block-listing.trustee-partner-listing .card-block {
            padding: 1.5rem 18rem 1.5rem 0;
        }

        .card-block-listing.trustee-partner-listing .card-data {
            width: 22%;
        }

            .card-block-listing.trustee-partner-listing .card-data:first-child {
                width: 12%;
            }

    .trustee-partner-listing.company-only .card-data {
        width: 30%;
    }

        .trustee-partner-listing.company-only .card-data:first-child {
            width: 40%;
        }

    .card-block-listing .card-data {
        margin: 0;
    }

        .card-block-listing .card-data .title {
            font-size: 1.2rem;
            display: none;
            color: var(--colour-wex-gray);
        }

    .card-block-listing .card-block-header {
        display: flex;
    }

    .card-block-listing .card-controls {
        width: 20rem;
        position: absolute;
        top: 50%;
        right: 0;
        width: 16rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        transform: translateY(-50%);
        margin: 0;
    }

    .add-fuelcard-individual .ccb-btn .text {
        max-width: 8rem;
    }

    .add-fuelcard-individual .ccb-btn {
        height: 11.5rem;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .motorpass-card {
        max-width: 55rem;
        left: 52%;
    }

    .home-hero-content .title {
        font-size: 8rem;
        max-width: 70rem;
    }

    .home-hero-content .subtitle {
        font-size: 3.6rem;
    }

    .benefit-list {
        max-width: 42rem;
    }

        .benefit-list li {
            padding-left: 8rem;
        }

            .benefit-list li img {
                width: 5rem;
            }
    /* limited offer */
    .limited-offer .content-container {
        padding-left: 10rem;
    }
    /* fuelcard container */
    .fulecard-container {
        padding: 15rem 0;
    }

    .fuelcard-container p {
        font-size: 3rem;
    }
    /* testimonials */
    .testimonial-block .testimonial-text {
        font-size: 4rem;
    }
    /* accepted stores */
    .partners-logo-container img {
        max-width: 14rem;
        max-height: 12rem;
    }

    .partners-logo-container .puma-logo img {
        max-width: 22rem;
    }
    /* request callback */
    .request-callback .text-content p {
        font-size: 2.4rem;
    }
    /* register page */
    .business-application-container .content-heading .title {
        font-size: 3.8rem;
    }

    .register-block-body {
        padding: 5rem 10rem;
    }
    /* register footer */
    .site-footer-main {
        margin-top: 4rem;
    }

        .site-footer-main .footer-logo {
            margin: 0;
        }

        .site-footer-main .footer-links {
            padding-left: 0;
        }

            .site-footer-main .footer-links .nav {
                justify-content: flex-start;
                margin: 0;
            }

            .site-footer-main .footer-links .nav-links {
                margin: 0 2rem 0 0;
            }

    .footer-copyright-container {
        padding-left: 0;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 125rem;
    }
}
