@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

:root {
    --orange-btn: #FF6D00;
    --orange-btn-hover: #FF8324;
    --orange-btn-active: #DB5F00;
    --grey-btn: #0A223B4D;
    --grey-btn-hover: #0A223B73;
    --grey-btn-active: #0A223B99;
    --black-text: #0A223B;
    --lightgrey-bg: #F7F6F5;
    --grey-bg: #E9E9E9;
    --dark-blue: var(--black-text);
    --dark-blue-hover: #297FDB;
    --dark-blue-active: #1D60A8;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Onest;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    padding-top: 70px;
    color: var(--black-text);
}

h1, .h1 {
    font-size: 4.25rem;
    font-weight: 500;
    line-height: 110%;
}

h2, .h2 {
    font-size: 3.25rem;
    font-weight: 500;
    line-height: 120%;
}

h5, .h5 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 140%;
}

img {
    width: 100%;
}

a {
    color: #297FDB;
    text-decoration: none;
}

a:hover {
    color: #297FDB;
    text-decoration: underline;
}
.no-hover {
    text-decoration: none;
}
.no-hover:hover {
    text-decoration: none;
}

.cta-btn {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    color: #fff;
    background: var(--orange-btn);
    padding: 1rem 4.5rem;
    border-radius: 1rem;
    text-decoration: none;
    box-shadow: none;
    border: 4px solid transparent;
    outline: none;
    transition: .2s;
}

.cta-btn:hover {
    text-decoration: none;
    color: #fff;
}

.orange-cta {
    background: var(--orange-btn);
}

.blue-cta {
    background: var(--dark-blue);
}

.orange-cta:hover {
    background: var(--orange-btn-hover);
    transition: .2s;
}

.orange-cta:active {
    background: var(--orange-btn-active);
    border-color: var(--orange-btn-active);
    transition: .2s;
}

.orange-cta:focus-within {
    background: var(--orange-btn-hover);
    border-color: var(--orange-btn-active);
    transition: .2s;
}

.blue-cta:hover {
    background: var(--dark-blue-hover);
    transition: .2s;
}

.blue-cta:active {
    background: var(--dark-blue-active);
    border-color: var(--dark-blue-active);
    transition: .2s;
}

.blue-cta:focus-within {
    background: var(--dark-blue-hover);
    border-color: var(--dark-blue-active);
    transition: .2s;
}

@media screen and (max-width: 1399px) {
    h1, .h1 {
        font-size: 3.5rem;
    }

    h2, .h2 {
        font-size: 2.75rem;
    }

    .cta-btn {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
        border-radius: .75rem
    }
}

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

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

    h5, .h5 {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 575px) {
    h1, .h1 {
        font-size: 2.5rem;
    }

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

    h5, .h5 {
        font-size: 1.25rem;
    }

    .cta-btn {
        width: calc(100% - 2rem);
        text-align: center;
        padding: 1rem;
    }
}

/* HEADER STYLES */
.navigation.scroll {
    border-bottom: 1px solid #F2F2F2;
    transition: .2s;
}

.navbar-toggler {
    border: none;
    padding: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
    align-content: center;
}

.navbar .nav-item {
    margin: 0 .5rem;
    position: relative;
}

.navbar .main-nav .nav-item.hover .nav-link,
.navbar .navbar-nav .nav-item.hover .nav-link {
    color: var(--dark-blue-hover);
    text-decoration: none;
}

.navbar .nav-item:not(.dropdown):not(.nav-btn) .nav-link:hover {
    color: var(--dark-blue-hover);
    text-decoration: none;
}
.navbar .nav-link {
    font-weight: 600;
    color: var(--black-text);
    display: flex;
    align-items: center;
}

.navbar-nav .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    border-radius: 1rem;
    border: 1px solid #061321;
    background: #FFF;
    box-shadow: 0 4px 14px 0 rgba(6, 19, 33, 0.30);
    padding: 2rem;
    top: 99%;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    background: none;
    color: var(--dark-blue-hover);
    text-decoration: none;
}

.navbar .nav-link.dropdown-toggle::after {
    content: "";
    display: inline-block;
    border:none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.73432 5.9309C5.04672 5.6185 5.55328 5.6185 5.86568 5.9309L8.5 8.56521L11.1343 5.9309C11.4467 5.6185 11.9533 5.6185 12.2657 5.9309C12.5781 6.2433 12.5781 6.74986 12.2657 7.06226L9.06569 10.2623C8.75326 10.5747 8.24672 10.5747 7.93432 10.2623L4.73432 7.06226C4.42192 6.74986 4.42192 6.2433 4.73432 5.9309Z' fill='%230A223B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    transition: .2s ease-in-out;
}

.navbar .nav-item.hover .dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.73432 5.9309C5.04672 5.6185 5.55328 5.6185 5.86568 5.9309L8.5 8.56521L11.1343 5.9309C11.4467 5.6185 11.9533 5.6185 12.2657 5.9309C12.5781 6.2433 12.5781 6.74986 12.2657 7.06226L9.06569 10.2623C8.75326 10.5747 8.24672 10.5747 7.93432 10.2623L4.73432 7.06226C4.42192 6.74986 4.42192 6.2433 4.73432 5.9309Z' fill='%23297FDB'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: rotate(-180deg);
    transition: .2s ease-in-out;
}

.navbar .side-nav .nav-link {
    color: var(--black-text);
    text-decoration: none;
    display: flex;
    width: 100%;
    justify-content: center;
}

.navbar .nav-btn .nav-link {
    background: var(--black-text);
    color: #fff;
    border-radius: 0.625rem;
    padding: 0.625rem 1.5rem;
    text-decoration: none;
}

.navbar .nav-btn .nav-link:hover {
    color: #fff;
    background: var(--dark-blue-hover);
    text-decoration: none;
}

.navbar-dark .navbar-nav .nav-link:focus {
    border-color: none;
    box-shadow: none;
    outline: 0 none;
    text-decoration: none;
}

.navbar-toggler-icon {
    background-image: url("/images/v1/svg/hamburger.svg");
    transition: transform .2s ease-in-out;
    height: 2rem;
    width: 2rem;
}
@media (max-width: 1199px) and (min-width:992px) {
    .navbar .nav-item {
        margin: 0 .25rem;
    }
    .navbar .nav-link {
        font-size: .875rem;
    }
}

@media (min-width: 992px) {
    .navbar {
        padding: 0px;
        margin-top: 5px;
    }

    .navbar .main-nav .nav-link {
        color: var(--black-text);
    }

    .navbar .main-nav.navbar-nav {
        height: 65px;
    }

    .navbar .side-nav .nav-link {
        margin-left: 10px;
        margin-right: 10px;
    }

    .navigation {
        background-color: #FFF;
        height: 70px;
    }

    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .navigation {
        background: #FFF;
        height: 70px;
    }

    .navbar-brand img {
        width: auto;
        height: 2rem;
    }

    .navbar-nav {
        margin-top: 1.5rem;
        margin-left: .5rem;
        width: 100%;
    }

    .navbar .side-nav {
        float: none !important;
        text-align: center;
    }

    .navbar .nav-btn {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .navbar .nav-item {
        width: 100%;
        padding: .25rem 0;
        border-bottom: 1px solid #f2f2f2;
        margin: 0;
    }

    .navbar .nav-item:last-child {
        border-bottom: none;
    }

    .navbar .side-nav .nav-item {
        border: none;
    }
    

    .navbar .nav-btn .nav-link {
        border-radius: 0.625rem;
        padding: .5rem 1.5rem;
    }

    .navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
        transform: rotate(-180deg);
        transition: transform .2s ease-in-out;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.9998 16C31.9998 2.824 29.1758 1.15188e-06 15.9998 0C2.82376 -1.15188e-06 -0.000242989 2.824 -0.000244141 16C-0.000245293 29.176 2.82376 32 15.9998 32C29.1758 32 31.9998 29.176 31.9998 16ZM9.63483 11.0502C9.24431 10.6597 9.24431 10.0265 9.63483 9.63601C10.0254 9.24548 10.6585 9.24548 11.049 9.63601L15.9986 14.5855L20.9482 9.63591C21.3387 9.24539 21.9718 9.24539 22.3624 9.63591C22.7529 10.0264 22.7529 10.6596 22.3624 11.0501L17.4128 15.9997L22.3628 20.9497C22.7533 21.3402 22.7533 21.9734 22.3628 22.3639C21.9722 22.7545 21.3391 22.7545 20.9485 22.3639L15.9986 17.4139L11.0487 22.3638C10.6581 22.7544 10.025 22.7544 9.63445 22.3638C9.24392 21.9733 9.24393 21.3401 9.63445 20.9496L14.5843 15.9997L9.63483 11.0502Z' fill='%230A223B'/%3E%3C/svg%3E");
    }

    .navbar-collapse {
        position: fixed;
        top: 53px; /* adjust to height of navbar */
        left: 0;
        padding-left: .5rem;
        padding-right: .5rem;
        width: 100%;
        height: 100%;
        background: #FFF;
        border-top: 1px solid #F2F2F2;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }

    .navbar-expand-lg .navbar-nav {
        align-items: flex-start;
        margin-right: .5rem;
        margin-top: 1rem;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
        left: 0;
        transform: none;
        padding: 0;
        box-shadow: none;
        border: none;
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        margin: .25rem 0;
    }

    .navbar .nav-btn {
        padding: 0;
        margin-top: 1rem;
    }
}

/* HEADER STYLES */

.mbg-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
}

.mbg-text svg {
    margin-right: .5rem
}

.trustpilot-reviews,
.stars-rating-reviews {
    display: flex;
    align-items: center;
}

.stars-rating-reviews__title {
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 500;
}

.trustpilot-reviews *,
.stars-rating-reviews * {
    margin-right: .75rem;
}

.trustpilot-reviews p,
.stars-rating-reviews p {
    margin: 0;
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: none;
}

.carousel-control-next, .carousel-control-prev {
    opacity: .3;
    align-self: center;
}

.carousel-control-prev-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_1666_2439)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C2.824 32 0 29.176 0 16C0 2.824 2.824 0 16 0C29.176 0 32 2.824 32 16C32 29.176 29.176 32 16 32ZM17.7239 9.72385L12.3905 15.0572C11.8698 15.5779 11.8698 16.4221 12.3905 16.9428L17.7239 22.2761C18.2445 22.7968 19.0888 22.7968 19.6095 22.2761C20.1301 21.7555 20.1301 20.9112 19.6095 20.3905L15.2189 16L19.6095 11.6095C20.1301 11.0888 20.1301 10.2446 19.6095 9.72385C19.0888 9.20316 18.2445 9.20316 17.7239 9.72385Z' fill='%230A223B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1666_2439'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_1666_2470)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 -1.39876e-06C29.176 -2.46882e-07 32 2.824 32 16C32 29.176 29.176 32 16 32C2.824 32 2.46882e-07 29.176 1.39876e-06 16C2.55065e-06 2.824 2.824 -2.55065e-06 16 -1.39876e-06ZM14.2761 22.2761L19.6095 16.9428C20.1302 16.4221 20.1302 15.5779 19.6095 15.0572L14.2761 9.72386C13.7555 9.2032 12.9112 9.2032 12.3905 9.72386C11.8699 10.2445 11.8699 11.0888 12.3905 11.6095L16.7811 16L12.3905 20.3905C11.8699 20.9112 11.8699 21.7554 12.3905 22.2761C12.9112 22.7968 13.7555 22.7968 14.2761 22.2761Z' fill='%230A223B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1666_2470'%3E%3Crect width='32' height='32' fill='white' transform='translate(32 32) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media screen and (max-width: 991px) {
    .trustpilot-reviews,
    .stars-rating-reviews {
        flex-direction: column;
    }

    .trustpilot-reviews > *,
    .stars-rating-reviews > * {
        margin: .35rem 0;
    }

    .trustpilot-reviews p,
    .stars-rating-reviews p {
        margin: .35rem 0 0;
    }
}

/* Footer */
footer {
    background: #F7F6F5;
    font-size: 0.75rem;
    font-weight: 400;
    padding-top: 50px;
    padding-bottom: 50px;
    height: auto;
}

.footer--logo {
    height: 2rem;
    object-fit: contain;
    object-position: left;
}

footer h2 {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--black-text);
}

footer li a {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--black-text);
}

footer li a:hover {
    color: var(--black-text);
    text-decoration: underline;
}

footer ul {
    padding: 0;
    list-style: none;
    margin-bottom: 2.5rem
}

footer li {
    margin: .35rem 0;
}

.sub-footer {
    padding: 15px;
    background: var(--black-text);
    color: #fff;
}

.sub-footer .col-12 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.simple-footer {
    padding: 20px;
}
.upper-footer {
    justify-content: center;
}
.sub-footer .cards-icons picture {
    max-height: 1.5rem;
    display: flex;
}

@media (max-width: 991px) {
    footer {
        height: auto;
        padding-top: 2.5rem;
        padding-bottom: 1rem;
    }

    footer h2 {
        width: 100%;
    }

    footer ul {
        margin-bottom: 2rem;
    }

    footer li {
        margin-top: 10px;
    }

    footer p, footer ul li {
        height: initial;
    }

    .sub-footer .copyright {
        text-align: center;
        display: block;
    }

    .sub-footer .cards-icons {
        text-align: center;
        float: initial;
        margin-top: 15px;
    }
    footer .col-12 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .footer--menu-item {
        padding: 0;
    }
    .upper-footer {
        justify-content: flex-start;
    }
    .sub-footer .copyright {
        font-size: 0.75rem;
        font-weight: 500;
        line-height: 140%;
    }
    .sub-footer .col-12 {
        justify-content: center;
    }
    .sub-footer .cards-icons {
        margin-top: 1.44rem;
        width: 100%;
    }
    .sub-footer .cards-icons picture {
        max-height: 3.5rem;
    }
    .sub-footer {
        padding: 1rem;
    }
}

/* Footer */