
@font-face {
    font-family: 'Tiempos Headline';
    src: url('https://www.which.co.uk/global/fonts/TiemposHeadline/TiemposHeadline-Semibold/TiemposHeadline-Semibold.woff2') format('woff2'),
        url('https://www.which.co.uk/global/fonts/TiemposHeadline/TiemposHeadline-Semibold/TiemposHeadline-Semibold.woff') format('woff'),
        url('https://www.which.co.uk/global/fonts/TiemposHeadline/TiemposHeadline-Semibold/TiemposHeadline-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 43px;
    background: #fff;
    box-sizing: border-box;
}
.inner-wrapper {
    margin: 0 auto;
    max-width: 893px;
}

.no-margin {
    margin: 0;
}

.white {
    color: #fff;
}

.text-center {
    text-align: center;
}

.separator-extrasmall {
    padding-bottom: 5px;
}

.separator-small {
    padding-bottom: 15px;
}

.separator-medium {
    padding-bottom: 25px;
}

.separator-big {
    padding-bottom: 40px;
}
.separator-dxbig-mbig {
    padding-bottom: 60px;
}
@media screen and (max-width: 568px) {
    .separator-dxbig-mbig {
        padding-bottom: 40px;
    }
}

/* TOP Section */
.top-section .wrapper {
    background-image: url(https://image.mail.which.co.uk/lib/fe9e137075650c7c75/m/18/8b7aebeb-b91b-44f1-b8d6-fd949d60e3c5.jpg);
    background-size: cover;
    background-position: center;
}

.top-section__copy {
    max-width: 40%;
    padding: 65px 0;
}

.top-section__title {
    font-family: 'Tiempos Headline';
}

.top-section__title--2 {
    font-family: 'Tiempos Headline';
}

.top-section__disclaimer {
    margin: 0;
}

@media screen and (min-width: 1024px) {
    .top-section .wrapper {
        min-height: 600px;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 640px) {
    .top-section__copy {
        color: #000;
        max-width:100%;
    }
    .top-section .wrapper {
        background: #fff;
    }

    .top-section__copy {
        padding: 40px 0;
    }

    .wrapper {
        padding: 0 20px;
    }

    .top-section__mobile-image {
        display: block !important;
        width: 100%;
    }

    h4.top-section__subtitle {
        font-size: 19px;
        line-height: 25px;
    }
    h3.top-section__title--2 {
        font-size: 22px;
        line-height: 25px;
    }
}

/* TOP Section */


/* Benefits Section */
.benefits-section__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
}
.benefits-section__wrapper.column-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.benefits-section .wrapper {
    padding-top: 65px;
    padding-bottom: 65px;
}

.benefits__headline {
    text-align: center;
    font-family: 'Tiempos Headline';
}

.benefits-section .pod__image {
    height: 215px;
    background-position: center !important;
}
.benefits-section .pod__image.height-limited {
    height: 125px;
}
.benefits-section .pod__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.benefits-section .pod__list-item {
    padding-left: 3em;
    padding-bottom: 15px;
}
.benefits-section .pod__list-item:before {
    content: '';
    background: url(https://image.mail.which.co.uk/lib/fe9412747761057475/m/1/a21e6c8c-5c5d-4500-a9e8-33d7e5077bb2.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    margin-left: -3em;
    margin-top: 0.65em;
    background-size: contain;
}

@media screen and (max-width: 768px) {
    .benefits-section__wrapper.column-4 {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 640px) {
    .benefits-section .pod__image {
        height: auto;
    }
    .benefits-section__wrapper {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .benefits-section .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .benefits-section h4 {
        font: 19px/25px OpenSans-Semibold;
    }

    .benefits-section h5 {
        font: 18px/20px OpenSans-Semibold;
    }

    .benefits-section .pod {
        padding: 0;
    }

    .benefits-section .pod:first-child {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 480px) {
    .benefits-section__wrapper.column-4 {
        grid-template-columns: 1fr;
    }
}

/* Benefits Section */


/* CTA Section */
.cta-section .wrapper {
    background: #fecc27;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
}
.cta-section__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cta-section__copy {
    max-width: 548px;
    padding: 65px 0;
    margin: 0 43px;
}
.cta-section__copy p {
    margin: 0;
}
.cta-section__copy h2 {
    font-family: 'Tiempos Headline';
}
.cta-section__copy h5 {
    font-family: OpenSans-Regular;
}
.cta-section__copy p a {
    color: inherit;
}
.cta-section__copy .semibold {
    font-family: OpenSans-Semibold;
}

@media screen and (max-width: 568px) {
    .cta-section .wrapper {
        grid-template-columns: 1fr;
    }
    .cta-section__copy {
        padding: 40px 0;
        margin: 0 20px;
    }
    .cta-section__image {
        grid-row: 1;
    }
}
/* CTA Section */


/* Profile Section */
.profiles-section .wrapper {
    padding-top: 65px;
    padding-bottom: 65px;
}
.profiles-section h2,.profiles-section h3 {
    font-family: 'Tiempos Headline';
    text-align: center;
}
.profiles-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px;
    text-align: center;
}
.profile__block {
    padding: 0 20px;
}
.profile__block img {
    max-width: 200px;
    width: 100%;
}
.profile__block p {
    margin: 0;
}
.profiles-wrapper.two-profiles{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 150px;
}

@media screen and (max-width: 1024px) {
    .profiles-wrapper.two-profiles{
        grid-gap: 40px;
    }
}
@media screen and (max-width: 768px) {
.profiles-wrapper.two-profiles {
grid-template-columns: repeat(1, 1fr);
}
.profiles-wrapper {
grid-template-columns: 1fr;
}
}

@media screen and (max-width: 568px) {
    .profile__block {
        padding: 0;
    }
    .profiles-section .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .profiles-wrapper, .profiles-wrapper.two-profiles {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .profiles-section h3 {
        font-size: 22px;
        line-height: 25px;
    }
    
}
/* Profile Section */