/*
 * PPC Landing Page
 */

:root {
    --section-margin: calc(100px * .5);
}
@media (min-width: 768px) {
    :root {
        --section-margin: calc(100px * .75);
    }
}
@media (min-width: 1200px) {
    :root {
        --section-margin: calc(100px * 1);
    }
}

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

.flexible-section {
    padding: var(--section-margin) 0;
}

.flexible-section__bg-white + .flexible-section__bg-white {
    padding-top: 0;
}

.flexible-section h2,
.flexible-section h3,
.flexible-section h4,
.flexible-section h5,
.flexible-section h6 {
    text-transform: none;
}

.flexible-section__bg-white {
    background-color: #fff;
}

.flexible-section__bg-light-blue {
    background-color: #EFF5FB;
}

.flexible-section .slick-dots {
    line-height: 0;
    text-align: center;
}
.flexible-section .slick-dotted {
    padding-bottom: 20px;
}

/* Hero Section */
.hero-section {
    position: relative;
}
.hero-section__content {
    position: relative;
    z-index: 2;
}
.hero-section__content,
.hero-section__content p,
.hero-section__content ul,
.hero-section__content ol,
.hero-section__content h1,
.hero-section__content h2,
.hero-section__content h3,
.hero-section__content h4,
.hero-section__content h5,
.hero-section__content h6 {
    color: #fff;
}
.hero-section__content h1 {
    margin-bottom: 15px;
}
.hero-section__content .btn-primary {
    border-color: #fff;
}
.hero-section__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-section__background-image {
    height: 100%;
    max-width: 100%;
    margin-left: auto;
    position: relative;
    z-index: 1;
}
.hero-section__background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(7,62,112, .8);
    z-index: 2;
}
@media (min-width: 768px) {
    .hero-section__background-image {
        max-width: 85%;
    }
    .hero-section__background::after {
        background: linear-gradient(97deg, rgb(7, 62, 112) 0%, rgba(7,62,112) 35%, rgba(7,62,112,0.65) 60%, rgba(7,62,112,0) 80%);
    }
}
@media (min-width: 1200px) {
    .hero-section__content .btn-primary:hover {
        color: #fff;
    }
}

/* Product Carousel Section */
.product-carousel-section {
    padding-left: 20px;
    padding-right: 20px;
}
.product-carousel {
    text-align: center;
}
.product-carousel__item {
    display: inline-block;
    padding: 16px;
}
.product-card {
    padding: 20px 0 25px;
    display: block;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    border-radius: 20px;
    background: #fff;
    transition: all .5s ease;
    min-width: 292px;
}
.product-card__image {
    text-align: center;
    margin-bottom: 19px;
    height: 160px;
}
.product-card__image img {
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-card__content {
    padding-left: 20px;
    padding-right: 20px;
}
.product-card__categories {
    font-family: Assistant;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.25;
    color: #464646;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.product-card__title {
    font-family: Assistant;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.25;
    color: #073e70;
    margin-bottom: 10px;
}
.product-card__no {
    font-family: Assistant;
    font-weight: normal;
    font-size: 14px;
    line-height: 2.14285;
    text-align: center;
    color: #073e70;
    margin-bottom: 5px;
}
.product-card__price {
    font-family: Assistant;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    color: #000;
}
.product-carousel-content {
    margin-top: 50px;
}
@media (min-width: 768px) {
    .product-carousel-section {
        padding-left: 0;
        padding-right: 0;
        padding-top: calc(var(--section-margin) * .5);
    }
}
@media (min-width: 1200px) {
    .product-card:hover {
        box-shadow: 0px 0px 15px rgba(7, 62, 112, 0.15);
    }
}

/* Contact Form Section */
.contact-form-section {
    background: #073e70;
}
.contact-form-section,
.contact-form-section p,
.contact-form-section ul,
.contact-form-section ol,
.contact-form-section h1,
.contact-form-section h2,
.contact-form-section h3,
.contact-form-section h4,
.contact-form-section h5,
.contact-form-section h6 {
    color: #fff;
}
.contact-form-section__content {
    text-align: center;
    margin-bottom: 20px;
}
.contact-form-section__form {
    padding-left: 40px;
    padding-right: 40px;
}
.contact-form-section__form .wpcf7-form-control-wrap {
    display: block;
    padding-bottom: 15px;
}
.contact-form-section__form .input-field p {
    margin: 0;
}
.contact-form-section__form .wpcf7-not-valid-tip {
    bottom: -4px;
    color: #fff;
}
.contact-form-section__form .wpcf7-text,
.contact-form-section__form .wpcf7-tel,
.contact-form-section__form .wpcf7-email,
.contact-form-section__form .wpcf7-textarea,
.contact-form-section__form .selectric {
    border-radius: 8px;
    margin-bottom: 0;
}
.contact-form-section__form label.input-field__label {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4375;
    text-align: left;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
.contact-form-section__form br {
    display: none;
}
.contact-form-section__form .form-submit input.wpcf7-form-control.wpcf7-submit {
    margin-bottom: 0;
}
.contact-form-section__form .disclaimer.disclaimer--small {
    margin-top: 0;
    margin-bottom: 30px;
}
.contact-form-section__form .disclaimer.disclaimer--small a {
    color: #fff;
}
@media (min-width: 1200px) {
    .contact-form-section__form {
        padding-left: 70px;
        padding-right: 70px;
    }
}

/* Cards Content Section */
.cards-content-section__content {
    margin-bottom: 30px;
}
.cards-content-section__cards,
.cards-content-section__full-width-cards {
    gap: 20px 0;
    margin-bottom: 25px;
}
.content-card {
    background: #fff;
    filter: drop-shadow(0px 0px 10px rgba(7, 62, 112, 0.15));
    border-radius: 10px;
    padding: 25px 15px;
    text-align: left;
    height: 100%;
}
.content-card__no {
    font-family: Assistant;
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    background: #8C3577;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.content-card__no--purple {
    background: #8C3577;
}
.content-card__no--red {
    background: #C50C20;
}
.content-card__no--teal {
    background: #58B8BE;
}
.content-card__no--blue {
    background: #073E70;
}
.content-card__no--mint {
    background: #B7CC53;
}
.content-card__no--green {
    background: #2A8B5E;
}
.content-card__title {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.25;
    text-align: left;
    margin-bottom: 0;
    font-family: 'Assistant';
}
.content-card__title--purple {
    color: #8c3577;
}
.content-card__title--red {
    color: #c50c20;
}
.content-card__title--teal {
    color: #58b8be;
}
.content-card__title--blue {
    color: #073e70;
}
.content-card__title--mint {
    color: #b7cc53;
}
.content-card__title--green {
    color: #2a8b5e;
}
.content-card__content {
    font-family: Assistant;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: #464646;
}
.content-card--fullwidth {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}
.content-card__image {
    width: 100%;
    height: 216px;
    flex-shrink: 0;
}
.content-card__content--fullwidth {
    padding: 25px 15px;
}
@media (min-width: 768px) {
    .content-card--fullwidth {
        flex-direction: row;
    }
    .content-card__image {
        width: 282px;
        flex-shrink: 0;
        height: auto;
    }
}

/* cta half text image section */
.cta-half-text__image-section__background-image {
    line-height: 0;
    height: 100%;
}
.cta-half-text__image-section__content {
    background: #58B8BE;
    padding: var(--section-margin) 55px;
    display: flex;
    align-items: center;
}
.cta-half-text__image-section__inner-content {
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    color: #fff;
    line-height: 1.667;
}
.cta-half-text__image-section__inner-content,
.cta-half-text__image-section__inner-content p,
.cta-half-text__image-section__inner-content h2,
.cta-half-text__image-section__inner-content h3,
.cta-half-text__image-section__inner-content h4,
.cta-half-text__image-section__inner-content h5,
.cta-half-text__image-section__inner-content h6 {
    color: #fff;
}
.cta-half-text__image-section__inner-content .btn-primary {
    border-color: #fff;
}
@media (max-width: 1024px) {
    .cta-half-text__image-section__content {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .cta-half-text__image-section__inner-content {
        max-width: 469px;
    }
    .cta-half-text__image-section__inner-content .btn-primary:hover {
        color: #fff;
    }
}

/* Testimonials Section */
.testimonials-section__testimonials {
    margin-top: 40px;
}
.testimonials-section__testimonials .slick-track {
    display: flex;
}
.testimonials-section__testimonials-item {
    padding: 16px;
    height: auto;
}
.testimonials-section__testimonials-item__wrap {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(7, 62, 112, 0.15);
    padding: 23px 38px 38px;
    height: 100%;
}
.testimonials-section__testimonials-item__meta {
    display: flex;
    font-family: Assistant;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: #464646;
}
.testimonials-section__testimonials-item__text {
    margin-top: -20px;
}
.testimonials-section__testimonials-item__meta-name {
    color: #073E70;
    font-weight: bold;
    flex-shrink: 0;
}
.testimonials-section__testimonials-item__meta-position {
    position: relative;
    margin-left: 5px;
    padding-left: 10px;
}
.testimonials-section__testimonials-item__meta-position::before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}
.testimonials-section__testimonials-item__view-link {
    font-weight: bold;
}