/*
Theme Name: Intilery
Text Domain: Intilery
Version: 1.0
Tested up to: 6.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Custom theme for Intilery
Tags: custom-theme, intilery
Author: Art Williams
Author URI: https://kurokin.uk
Theme URI: https://kurokin.uk
*/

html {
    box-sizing: border-box;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #223247;
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

/* Begin */
h1 {
    font-weight: 400;
    font-size: 60px;
    line-height: 55px;
    letter-spacing: -1.2px;
    margin: 0 0 15px;
}

@media (min-width: 1024px) {
    h1 {
        font-size: 70px;
        letter-spacing: -1.4px;
        line-height: 80px;
        margin: 0 0 20px;
    }
}

h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
}

@media (min-width: 1024px) {
    h2 {
        font-size: 45px;
        line-height: 50px;
    }
}


h3 {
    font-weight: 400;
    line-height: 34px;
    font-size: 28px;
}

@media (min-width: 1024px) {
    h3 {
        font-size: 36px;
        line-height: 42px;
    }
}

h4 {
    font-weight: 700;
    line-height: 1;
    font-size: 18px;
}

@media (min-width: 1024px) {
    h4 {
        font-size: 20px;
    }
}

p.text-huge {
    font-size: 100px;
    line-height: 1;
    margin: 0;
}

p.text-large {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 15px;
}

p.text-medium {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 15px;
}

@media (min-width: 1024px) {
    p.text-large {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    p.text-medium {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px;
    }
}

.wp-element-button,
a.button-primary {
    display: inline-block;
    text-align: center;
    border-radius: 32px;
    background: #FF5546;
    color: white;
    font-size: 20px;
    line-height: 1;
    padding: 14px 30px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .wp-element-button,
    a.button-primary {
        font-size: 24px;
        padding: 14px 40px;
    }
}

@media (min-width: 1024px) {
    .wp-element-button,
    a.button-primary {
        padding: 17px 50px 20px;
    }
}

.wp-element-button:hover,
a.button-primary:hover {
    background: #F7A427;
}

a.button-secondary {
    display: table;
    text-align: center;
    border-radius: 32px;
    background: #223247;
    color: white;
    font-size: 25px;
    line-height: 1;
    padding: 14px 30px;
    cursor: pointer;
}

@media (min-width: 768px) {
    a.button-primary {
        padding: 14px 40px;
    }
}

@media (min-width: 1024px) {
    a.button-secondary {
        font-size: 30px;
        padding: 17px 50px 20px;
    }
}

a.button-secondary:hover {
    background: #FF5546;
}

a.button-alt {
    display: table;
    text-align: center;
    border-radius: 5px;
    background: #201F22;
    color: white;
    font-size: 20px;
    line-height: 30px;
    padding: 9px 24px 11px;
    cursor: pointer;
}

a.button-alt:hover {
    background: #00A4B7;
}

a.button-white {
    display: table;
    text-align: center;
    border-radius: 5px;
    border: 2px solid white;
    background: white;
    color: #201F22;
    font-size: 20px;
    line-height: 30px;
    padding: 9px 24px 11px;
    cursor: pointer;
}

a.button-white:hover {
    background: rgba(255,255,255,0.5);
    color: white;
}

a.button-outline-white {
    display: table;
    text-align: center;
    border-radius: 5px;
    border: 2px solid white;
    background: transparent;
    color: white;
    font-size: 20px;
    line-height: 30px;
    padding: 9px 24px 11px;
    cursor: pointer;
}

a.button-outline-white:hover {
    background: rgba(255,255,255,0.5);
    color: white;
}

p {
    font-size: 16px;
}

.color-dark {
    color: #223247 !important;
}

.color-white {
    color: white !important;
}

.color-green {
    color: #83BC29 !important;
}

.color-blue {
    color: #009EC4 !important;
}

.color-orange {
    color: #F7A427 !important;
}

.color-pink {
    color: #E7236D !important;
}


/*==================================================*/
/* rte */
/*==================================================*/
.rte p {
    font-weight: 400;
    margin: 0 0 18px;
    line-height: 1.5;
}

.rte h2,
.rte h3 {
    margin: 0 0 17px;
}

.rte h3 {
    font-size: 35px;
    line-height: 35px;
    margin: 0 0 16px;
}

@media (min-width: 1024px) {
    .rte h3 {
        font-size: 45px;
        line-height: 50px;
        margin: 0 0 26px;
    }
}

.rte h2 + * {
    margin-bottom: 20px;
}

.rte h4 {
    margin: 0 0 17px;
}

.rte blockquote {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
    margin: 0 0 18px;
}

.rte blockquote p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
}

.section-basic-page {
    padding: 100px 0 0;
}

@media (min-width: 992px) {
    .section-basic-page {
        padding: 170px 0 100px;
    }
}

.rte h2.section-page-title {
    margin: 0 0 40px;
}

.rte ul {
    padding-left: 20px;
    list-style: disc;
}

.rte ul li {
    font-weight: 300;
    margin: 0 0 18px;
    line-height: 1.5;
}


/*==================================================*/
/* Header */
/*==================================================*/
.site-logo {
    position: relative;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 122px;
    height: 29px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.505 44.724'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Path 176' d='M0 44.726h191.505V.002H0Z' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 281'%3E%3Cg data-name='Group 282' clip-path='url(%23a)'%3E%3Cpath data-name='Path 174' d='M48.667 12.04h6.34v23.4h-6.34Zm-.669-6.832a3.7 3.7 0 0 1 3.84-3.84 3.7 3.7 0 0 1 3.84 3.84 3.669 3.669 0 0 1-3.84 3.795 3.669 3.669 0 0 1-3.84-3.795' fill='%23fff'/%3E%3Cg data-name='Group 281'%3E%3Cpath data-name='Path 175' d='M64.944 14.897c1.072-2.008 3.483-3.392 6.966-3.392 5.626 0 8.617 3.751 8.617 9.331v14.6h-6.341V21.551c0-2.724-1.161-4.6-3.973-4.6-3.081 0-4.778 1.965-4.778 5.09v13.395h-6.34v-23.4h5.849Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Group 283'%3E%3Cpath data-name='Path 177' d='M92.043 35.436h-6.34v-18.4h-3.17v-5h3.17v-5.8h6.34v5.8h3.438v5h-3.438Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 284' clip-path='url(%23a)'%3E%3Cpath data-name='Path 178' d='M99.413 12.04h6.34v23.4h-6.34Zm-.669-6.832a3.7 3.7 0 0 1 3.84-3.84 3.705 3.705 0 0 1 3.84 3.84 3.669 3.669 0 0 1-3.84 3.795 3.669 3.669 0 0 1-3.84-3.795' fill='%23fff'/%3E%3C/g%3E%3Cpath data-name='Path 180' d='M110.351 1.949h6.339v33.487h-6.339Z' fill='%23fff'/%3E%3Cg data-name='Group 287' clip-path='url(%23a)'%3E%3Cg data-name='Group 285'%3E%3Cpath data-name='Path 181' d='M125.945 21.014h10.627a5.071 5.071 0 0 0-5.313-4.42 5.127 5.127 0 0 0-5.314 4.42m-.09 4.554a5.279 5.279 0 0 0 5.668 4.957 4.746 4.746 0 0 0 4.509-2.545h6.391a11.2 11.2 0 0 1-11.075 7.993c-6.92 0-11.787-5.091-11.787-12.279 0-6.921 4.822-12.19 11.743-12.19s11.608 5.269 11.608 12.19c0 1.027-.089 1.875-.089 1.875Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 286'%3E%3Cpath data-name='Path 182' d='M159.464 17.8a7.536 7.536 0 0 0-1.251-.134c-3.705 0-5.625 1.83-5.625 6.117v11.654h-6.341v-23.4h5.85v3.036c.849-1.384 2.634-3.26 6.607-3.26.224 0 .76.045.76.045Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Group 288'%3E%3Cpath data-name='Path 184' d='m178.874 12.04-5.671 15.627-5.626-15.627h-6.742l9.243 22.994-3.929 9.69h6.254l13.079-32.684Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 294' clip-path='url(%23a)'%3E%3Cg data-name='Group 289'%3E%3Cpath data-name='Path 185' d='M183.826 31.824a3.705 3.705 0 0 1 3.84-3.84 3.7 3.7 0 0 1 3.839 3.84 3.668 3.668 0 0 1-3.839 3.79 3.669 3.669 0 0 1-3.84-3.79' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 290'%3E%3Cpath data-name='Path 186' d='M18.009 33.926a4.334 4.334 0 0 1-4.334 4.334 4.334 4.334 0 0 1-4.334-4.334 4.334 4.334 0 0 1 4.334-4.334 4.334 4.334 0 0 1 4.334 4.334' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 291'%3E%3Cpath data-name='Path 187' d='M21.842 29.237a3.5 3.5 0 0 0 2.322-.148 6.034 6.034 0 0 0 1.868-1.365c3.614-3.456 7.132-7.02 10.656-10.568 2.008-2.023 2.086-4.6.267-6.437a4.486 4.486 0 0 0-6.618.162c-3.573 3.5-7.1 7.053-10.644 10.583a4.461 4.461 0 0 0-1.092 5.1 4.439 4.439 0 0 0 3.241 2.673' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 292'%3E%3Cpath data-name='Path 188' d='M3.61 28.788a3.5 3.5 0 0 0 2.322-.149 6.033 6.033 0 0 0 1.867-1.363c3.615-3.457 7.133-7.02 10.656-10.568 2.007-2.023 2.085-4.6.267-6.436a4.485 4.485 0 0 0-6.618.162c-3.573 3.5-7.1 7.052-10.645 10.582a4.462 4.462 0 0 0-1.092 5.1 4.441 4.441 0 0 0 3.241 2.671' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Group 293'%3E%3Cpath data-name='Path 189' d='M28.919 4.334a4.334 4.334 0 0 1-4.334 4.334 4.333 4.333 0 0 1-4.334-4.334A4.334 4.334 0 0 1 24.585 0a4.334 4.334 0 0 1 4.334 4.334' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transition: all 1s cubic-bezier(.19,1,.22,1);
}

@media (min-width: 1024px) {
    .site-logo {
        width: 192px;
        height: 45px;
    }
}

.site-header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 23px 0px;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(6px);
    transition: all 1s cubic-bezier(.19,1,.22,1);
}

@media (min-width: 992px) {
    .site-header {
        padding: 25px 0 19px;
    }
}

/* .site-header.has-scrolled {
    padding: 20px 0;
}

@media (min-width: 992px) {
    .site-header.has-scrolled {
        padding: 0;
    }
} */

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header.has-scrolled {
    top: 0;
    background: rgba(0,0,0,0.4);
}

/* body.logged-in .site-header {
    top: 46px;
}

body.logged-in .site-header.has-scrolled {
    top: 0;
}

@media (min-width: 600px) {
    body.logged-in .site-header,
    body.logged-in .site-header.has-scrolled {
        top: 46px;
    }
}

@media (min-width: 783px) {
    body.logged-in .site-header,
    body.logged-in .site-header.has-scrolled {
        top: 32px;
    }
} */

@media (min-width: 992px) {
    .site-header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}


/* Navigation */
.site-nav ul.menu {
    display: block;
}

.site-nav ul.menu li a {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    padding: 0;
}

.site-nav ul.menu li.current-menu-item a {
    font-weight: bold;
}

.site-nav ul.menu li a .button {
    display: table;
    text-align: center;
    background: #FC5546;
    border-radius: 27px;
    padding: 17px 22px 16px;
}

.site-nav ul.menu li a .button:hover {
    color: white;
    background: #FC5546;
}

.site-header.header-white:not(.has-scrolled) .site-nav ul.menu > li > a,
.site-header.header-white:not(.has-scrolled) .site-nav ul.menu > li:hover > a {
    color: #FFFFFF;
}

.site-header.header-dark:not(.has-scrolled) .site-nav ul.menu > li > a,
.site-header.header-dark:not(.has-scrolled) .site-nav ul.menu > li:hover > a {
    color: #000000;
}

.site-nav ul.menu li.menu-item-has-children {
    position: relative;
    display: flex;
    align-items: center;
    height: 128px;
}

.site-header.has-scrolled .site-nav ul.menu li.menu-item-has-children {
    height: 88px;
}

.site-nav ul.menu li.menu-item-has-children:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    cursor: pointer;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

.site-header.header-white:not(.has-scrolled) .site-nav ul.menu li.menu-item-has-children:after,
.site-header.header-white:not(.has-scrolled) .site-nav ul.menu li.menu-item-has-children:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

.site-header.header-dark:not(.has-scrolled) .site-nav ul.menu li.menu-item-has-children:after,
.site-header.header-dark:not(.has-scrolled) .site-nav ul.menu li.menu-item-has-children:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

@media (max-width: 991px) {
    .site-nav ul.menu li.menu-item-has-children:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    }
}

@media (min-width: 992px) {
    .site-nav ul.menu li.menu-item-has-children.active:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.244' height='6.872' viewBox='0 0 12.244 6.872'%3E%3Cpath d='m1.061 1.061 5.062 5.062 5.062-5.062' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
    }
}

.site-nav ul.menu li ul.sub-menu {
    position: fixed;
    top: 128px;
    left: 0;
    width: 100%;
    background: white;
    padding: 0;
    border-radius: 0;
    display: none;
    animation-name: fadeDown;
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-duration: 1s;
    height: calc(100vh - 128px);
    transition: height .35s ease;
}

@media (min-width: 992px) {
    .site-nav ul.menu li.menu-item-has-children:hover ul.sub-menu {
        display: flex;
        flex-direction: column;
        top: 88px;
        height: calc(100vh - 88px);
    }
}

@media (max-width: 991px) {
    .site-nav ul.menu li.menu-item-has-children.active ul.sub-menu {
        display: flex;
        flex-direction: column;
    }
}

.site-nav ul.menu li ul.sub-menu li {
    height: 100%;
}

.site-nav ul.menu li ul.sub-menu li a {
    display: block;
    font-size: 18px;
    width: 100%;
    height: 100%;
    color: #201F22;
    padding: 0;
}

.site-nav ul.menu li ul.sub-menu li a div {
    position: relative;
    padding: 13px 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%;
}

.site-nav ul.menu li ul.sub-menu li a div span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-nav ul.menu li ul.sub-menu li a div img {
    width: 25px;
    height: 25px;
}

.site-nav ul.menu li ul.sub-menu li a div span:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 17.031'%3E%3Cpath data-name='green arrow' d='m7.422 1.133.9-.859a.9.9 0 0 1 .664-.273.9.9 0 0 1 .664.273l7.578 7.578a.9.9 0 0 1 .272.664.9.9 0 0 1-.273.664l-7.579 7.578a.943.943 0 0 1-1.328 0l-.9-.859a.84.84 0 0 1-.254-.664.977.977 0 0 1 .293-.664l4.688-4.492H.938a.9.9 0 0 1-.664-.273A.9.9 0 0 1 0 9.141v-1.25a.9.9 0 0 1 .273-.664.9.9 0 0 1 .664-.273h11.211L7.461 2.461a.977.977 0 0 1-.293-.664.84.84 0 0 1 .254-.664Z' fill='%234F4C55'/%3E%3C/svg%3E");
    transition: all 1s cubic-bezier(.19,1,.22,1);
    flex: none;
}

@media (min-width: 992px) {
    .site-nav ul.menu li.menu-item-has-children:hover ul.sub-menu {
        flex-direction: row;
    }

    .site-nav ul.menu li ul.sub-menu li {
        height: auto;
        width: 20%;
    }

    .site-nav ul.menu li ul.sub-menu li a div {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 20px 30px;
    }

    .site-nav ul.menu li ul.sub-menu li a div img {
        width: 75px;
        height: 75px;
    }

    .site-nav ul.menu li ul.sub-menu li a:hover div span:after {
        transform: translateX(10px);
    }
}

@media (min-width: 1240px) {
    .site-nav ul.menu li ul.sub-menu li a div {
        padding: 40px 20px 32px;
        font-size: 20px;
        line-height: 30px;
    }

    .site-nav ul.menu li ul.sub-menu li a div img {
        width: 100px;
        height: 100px;
    }

    .site-nav ul.menu li ul.sub-menu li a div span:after {
        width: 22px;
        height: 22px;
        margin-left: 16px;
    }
}

@media (min-width: 1366px) {
    .site-nav ul.menu li ul.sub-menu li a div {
        font-size: 25px;
        line-height: 30px;
    }

    .site-nav ul.menu li ul.sub-menu li a div img {
        width: 150px;
        height: 150px;
    }

    .site-nav ul.menu li ul.sub-menu li a div span:after {
        width: 30px;
        height: 30px;
        margin-left: 20px;
    }
}

.header-social-nav {
    margin: 40px 0 0;
}

.site-header-right {
    display: flex;
    align-items: center;
}

.toggle-menu {
    position: relative;
    display: flex;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background: #FC5546;
    border-radius: 27px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    margin-right: -7px;
    z-index: 9;
}

.toggle-menu span {
    display: block;
    width: 24px;
    height: 2px;
    background: #ffffff;
    border-radius: 5px;
    opacity: 1;
    transition: all .5s cubic-bezier(.19,1,.22,1);
}

body:not(.mobile-menu-open) .site-header.header-white:not(.has-scrolled) .toggle-menu span {
    background: #FFFFFF;
}

body:not(.mobile-menu-open) .site-header.header-dark:not(.has-scrolled) .toggle-menu span {
    background: #000000;
}

.toggle-menu span:nth-of-type(1) {
    top: 0;
}

.toggle-menu span:nth-of-type(2) {
    top: 7px;
}

.toggle-menu span:nth-of-type(3) {
    top: 14px;
}

.toggle-menu.active span:nth-of-type(1) {
    transform: rotate(45deg) translate(4px, 4px);
}

.toggle-menu.active span:nth-of-type(3) {
    transform: rotate(-45deg) translate(5px, -6px);
}

.toggle-menu.active span:nth-of-type(2) {
    opacity: 0;
}

@media (max-width: 991px) {
    .site-nav {
        position: absolute;
        top: 116px;
        right: 15px;
        background: rgb(252 85 70);
        width: 100%;
        max-width: 270px;
        border-radius: 25px;
        height: auto;
        padding: 42px 52px 38px;
        display: none;
        animation-name: fadeDown;
        animation-timing-function: cubic-bezier(.19,1,.22,1);
        animation-duration: 1s;
    }

    .site-nav:before {
        content: '';
        position: absolute;
        top: -66px;
        right: 0;
        width: 55px;
        height: 96px;
        background: rgb(252 85 70);
        z-index: 1;
    }

    .site-nav.is-open {
        display: block;
    }

    .site-nav .menu > li,
    .site-nav .menu > li > a {
        display: block;
        
    } 

    .site-nav .menu > li {
        margin: 32px 0 0;
    }

    .site-nav .menu > li:first-child {
        margin-top: 0;
    }

    body.mobile-menu-open {
        overflow: hidden;
    }
}

a.button-primary.mobile-header-button {
    font-size: 14px;
    padding: 15px 13px;
    margin-right: 10px;
}

@media (min-width: 640px) {
    a.button-primary.mobile-header-button {
        font-size: 16px;
        padding: 15px 13px;
        margin-right: 20px;
    }
}

a.button-primary.desktop-header-button {
    display: none;
    padding: 17px 22px 15px;
    font-size: 18px;
    line-height: 24px;
    margin-left: 42px;
}

@media (min-width: 992px) {
    .site-nav {
        display: flex;
    }

    .site-nav ul.menu {
        display: flex;
        align-items: center;
    }

    .site-nav ul.menu > li {
        margin-left: 42px;
    }

    .site-nav ul.menu > li:first-child {
        margin-left: 0px;
    }

    .toggle-menu {
        display: none;
    }

    a.button-primary.mobile-header-button {
        display: none;
    }

    a.button-primary.desktop-header-button {
        display: inline-block;
    }
}

/*==================================================*/
/* Base */
/*==================================================*/
.container {
    width: 100%;
    max-width: 1300px;
    padding-left: 22px;
    padding-right: 22px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.container.container-small {
    max-width: 1122px;
}

.container.container-medium {
    max-width: 1182px;
}

@media (min-width: 1366px) {
    .container {
        max-width: 1366px;
        padding-left: 60px;
        padding-right: 60px;
    }

    .container.container-medium {
        max-width: 1182px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .container.container-small {
        max-width: 1122px;
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media (min-width: 1024px) {
    .row {
        display: flex;
    }

    .row-center {
        align-items: center;
    }

    .col-half {
        width: 50%;
    }

    .col-full {
        width: 100%;
    }
}


/*==================================================*/
/* Sections */
/*==================================================*/
/* Hero */
.section-hero {
    position: relative;
    padding-top: 227px;
    padding-bottom: 80px;
}

.section-hero-simple {
    padding-bottom: 23px;
}

@media (min-width: 1024px) {
    .section-hero {
        overflow: hidden;
        padding-top: 260px;
        padding-bottom: 89px;
    }

    .section-hero-simple {
        padding-top: 338px;
        padding-bottom: 23px;
    }
}

.section-hero .container {
    position: relative;
    box-sizing: border-box;
    z-index: 5;
}

.section-hero h1,
.section-hero h2,
.section-hero h3,
.section-hero h4,
.section-hero p,
.section-hero p a,
.section-hero p * {
    color: white;
}

.hero-content-top {
    margin: 0 0 85px;
}

.section-hero-simple .hero-content-top {
    margin: 0 0 140px;
}

@media (min-width: 1024px) {
    .section-hero-simple .hero-content-top {
        margin: 0 0 162px;
    }
}

.hero-content-top h1 {
    margin: 0 0 89px;
}

@media (min-width: 1024px) {
    .hero-content-top h1 {
        margin: 0 0 29px;
    }
}

.hero-content-bottom {
    margin: 115px 0 0;
}

@media (min-width: 1024px) {
    .hero-content-bottom {
        margin: 164px 0 0;
    }
}

.hero-content-bottom .button {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1024px) {
    .hero-content-bottom .button {
        margin-top: 111px;
    }
}

@media (max-width: 1023px) {
    .hero-content-bottom h2 br {
        display: none !important;
    }
}

.hero-more {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    color: white;
    text-align: center;
    overflow: hidden;
    text-indent: -9999px;
    width: 42px;
    height: 79px;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 79'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 344' fill='none' d='M0 0h13.772v17.437H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 473'%3E%3Ctext transform='rotate(90 8 20)' fill='%23fff' font-size='11' font-family='Inter'%3E%3Ctspan x='0' y='11'%3EMORE%3C/tspan%3E%3C/text%3E%3Cg data-name='Rectangle 343' fill='none' stroke='%23fff'%3E%3Crect width='42' height='79' rx='21' stroke='none'/%3E%3Crect x='.5' y='.5' width='41' height='78' rx='20.5'/%3E%3C/g%3E%3Cg data-name='Group 472'%3E%3Cg data-name='Group 471' clip-path='url(%23a)' fill='%23fff' transform='translate(14.113 50)'%3E%3Cpath data-name='Path 238' d='M6.926 17.428a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 1 0v16.428a.5.5 0 0 1-.5.5'/%3E%3Cpath data-name='Path 239' d='M6.856 17.389a.5.5 0 0 1-.354-.146L.147 10.887a.5.5 0 0 1 .707-.707l6.356 6.355a.5.5 0 0 1-.354.854'/%3E%3Cpath data-name='Path 240' d='M6.917 17.437a.5.5 0 0 1-.354-.854l6.355-6.355a.5.5 0 1 1 .707.707l-6.354 6.356a.5.5 0 0 1-.354.146'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: 1;
}

.hero-bg img {
    display: block;
}

.hero-bg-desktop {
    display: none;
}

.hero-bg-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .hero-bg-desktop {
        display: block;
    }

    .hero-bg-mobile {
        display: none;
    }
}

/* Testimonials */
.section-testimonials {
    position: relative;
    overflow: hidden;
    padding-top: 48px;
    padding-bottom: 88px;
    background-color: white;
}

@media (min-width: 1024px) {
    .section-testimonials {
        padding-top: 62px;
        padding-bottom: 85px;
    }
}

.section-testimonials:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-size: 200%;
    background-position: -10% 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 825.083 853.056'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Path 200' d='M0 853.056h825.083V0H0Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='Rectangle 136' fill='none' d='M0 0h923.536v958.503H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 327' opacity='.6'%3E%3Cg data-name='Group 332' clip-path='url(%23a)'%3E%3Cg data-name='Group 327'%3E%3Cpath data-name='Path 198' d='M537.096 853.047a121.616 121.616 0 0 1-79.836-28.034c-24.578-20.638-36.741-42.165-51.456-68.272-91.452-162.228-178.4-327.305-265.636-492.138-49.689-93.9-26.124-189.475 56.267-239.273C280.791-25.655 375.223 1.606 426.644 95.6c89.461 163.5 176.8 328.3 265.011 492.555 36.6 68.146 31.241 135.256-13.776 198.179-32.844 45.9-80.54 66-140.782 66.713' fill='%2377c448'/%3E%3C/g%3E%3Cg data-name='Group 331' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Cg data-name='Group 330'%3E%3Cg data-name='Group 329' clip-path='url(%23b)' transform='translate(-52.329 -52.944)'%3E%3Cg data-name='Group 328'%3E%3Cpath data-name='Path 199' d='M877.385 340.935c-.389 30.3-10.336 60.17-28.9 83.943-20.414 26.138-41.378 39.356-66.8 55.351-157.969 99.391-318.55 194.165-478.916 289.234-91.356 54.15-182.49 31.96-228.226-52.7-46.828-86.685-18.311-185.825 73.176-241.782 159.14-97.348 319.469-192.521 479.3-288.59 66.315-39.856 130.583-35.944 189.848 9.423 43.234 33.1 61.334 82.334 60.515 145.124' fill='%23009ec4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
    .section-testimonials:after {
        top: 0;
        right: 0;
        background-size: 60%;
        background-position: 110% 50%;
    }
}


.section-testimonials .container {
    position: relative;
    z-index: 1;
}

.section-testimonials .section-title h2 {
    margin: 0 0 30px;
}

.section-testimonials .section-title p {
    max-width: 630px;
    margin: 0;
}

.testimonials-swiper {
    position: relative;
    padding-top: 70px;
    margin-top: 56px;
    margin-bottom: 111px;
    z-index: 1;
}

@media (min-width: 1024px) {
    .testimonials-swiper {
        margin: 0;
        margin-bottom: 85px;
    }
}

.testimonials-swiper .swiper-slide {
    background: #F6F7EB;
    border-radius: 20px;
    padding: 32px 40px;
    box-sizing: border-box;
    height: auto;
}

@media (min-width: 1024px) {
    .testimonials-swiper .swiper-slide {
        padding: 60px 50px;
    }
}

.testimonials-swiper .swiper-slide img {
    margin: 0 0 44px;
    display: block;
    max-height: 60px;
    height: auto;
    width: auto;
}

.testimonials-swiper .swiper-slide p {
    font-size: 16px;
    line-height: 24px;
}

@media (min-width: 768px) {
    .testimonials-swiper .swiper-slide p {
        font-size: 22px;
        line-height: 27px;
    }
}

.testimonials-swiper .swiper-slide .author p {
    font-weight: 700;
}

.testimonials-swiper-button-next,
.testimonials-swiper-button-prev {
    left: inherit;
    right: 0;
    top: 0;
    margin: 0;
    transform: translate(0,0);
}

.testimonials-swiper-button-next:after,
.testimonials-swiper-button-prev:after {
    content: '';
    font-family: inherit;
}

.testimonials-swiper-button-next {
    right: 22px;
}

.testimonials-swiper-button-prev {
    right: 82px;
}

@media (min-width: 1024px) {
    .testimonials-swiper-button-next {
        right: 60px;
    }
    
    .testimonials-swiper-button-prev {
        right: 120px;
    }
}

.testimonials-swiper-button-next:after {
    width: 15px;
    height: 29px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.729 36.459'%3E%3Cpath data-name='Path 16' d='m3.535 3.535 14.694 14.7L3.535 32.927' fill='none' stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
}

.testimonials-swiper-button-prev:after {
    width: 15px;
    height: 29px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.731 36.46'%3E%3Cpath data-name='Path 15' d='m17.195 32.925-14.7-14.7 14.7-14.689' fill='none' stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
}

.section-testimonials .button {
    display: table;
    margin: 0 auto;
}

/* Basic text image */
.section-basic-text-image .text-image-media {
    position: relative;
}

.section-basic-text-image .text-image-media .img {
    display: block;
    width: 100%;
    height: auto;
}

.section-basic-text-image .text-image-media .decal {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 120px;
    height: 120px;
}

.section-basic-text-image .text-image-media .decal img {
    display: block;
    width: 100%;
}

.section-basic-text-image > div  {
    display: flex;
    flex-direction: column;
}

.section-basic-text-image .title {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.section-basic-text-image .text-image-content {
    padding-left: 22px;
    padding-right: 22px;
}

.section-basic-text-image .text-image-content span.title-label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 12px 18px;
    border-radius: 32px;
    font-size: 20px;
    line-height: 1;
    font-weight: 300;
    color: white;
}

.section-basic-text-image .text-image-content span.title-label:after {
    content: '';
    width: 17px;
    height: 14px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 17.4 13.8' style='enable-background:new 0 0 17.4 13.8' xml:space='preserve'%3E%3Cstyle%3E .st1%7Bfill:%23fff%7D %3C/style%3E%3Cg transform='translate(676.113 715)' id='Group_472_00000091714680546146701850000005879728010168195240_'%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M-676.1-715h17.4v13.8h-17.4z'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000019667863007271143880000001286804183970232193_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible'/%3E%3C/clipPath%3E%3Cg id='Group_471_00000165912941742000658610000011365587890236876456_' style='clip-path:url(%23SVGID_00000019667863007271143880000001286804183970232193_)'%3E%3Cpath id='Path_238_00000140006924128176257110000010310073948212707740_' class='st1' d='M-658.7-708.1c0 .3-.2.5-.5.5h-16.4c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h16.4c.3 0 .5.2.5.5'/%3E%3Cpath id='Path_239_00000141440894531917895910000007547981220415610278_' class='st1' d='M-658.7-708c0 .1-.1.3-.1.4l-6.4 6.4c-.2.2-.5.2-.7 0s-.2-.5 0-.7l6.4-6.4c.2-.2.5-.2.7 0 0 0 .1.1.1.3'/%3E%3Cpath id='Path_240_00000036216574276210083390000014165504985221617837_' class='st1' d='M-658.7-708.1c0 .3-.2.5-.5.5-.1 0-.3-.1-.4-.1l-6.4-6.4c-.2-.2-.2-.5 0-.7s.5-.2.7 0l6.4 6.4c.2 0 .2.2.2.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.section-basic-text-image .align-right .text-image-media {
    order: 2;
}

.section-basic-text-image .align-right .text-image-content {
    order: 1;
    margin: 0 0 45px;
}

.section-basic-text-image .align-left .text-image-media {
    order: 2;
}

.section-basic-text-image .align-left .text-image-content {
    order: 1;
    margin: 0 0 45px;
}

.section-basic-text-image .rte p {
    margin: 0;
}

@media (min-width: 1024px) {
    .section-basic-text-image > div  {
        flex-direction: row;
        align-items: center;
    }

    .section-basic-text-image .text-image-media .decal {
        top: -50px;
        right: -50px;
        width: 205px;
        height: 205px;
    }

    .section-basic-text-image .text-image-content {
        width: 45%;
        padding: 0;
    }

    .section-basic-text-image .text-image-content .max-width {
        max-width: 464px;
    }

    .section-basic-text-image .text-image-media {
        width: 55%;
        margin: 0;
    }

    .section-basic-text-image .align-right .text-image-media {
        order: 2;
        margin: 0;
    }

    .section-basic-text-image .align-right .text-image-content {
        order: 1;
    }

    .section-basic-text-image .align-right .text-image-content .max-width {
        margin-left: auto;
    }

    .section-basic-text-image .align-left .text-image-media {
        order: 1;
        margin: 0;
    }

    .section-basic-text-image .align-left .text-image-content {
        order: 2;
        margin-left: 100px;
    }

    .section-basic-text-image .align-right .text-image-content {
        margin-right: 100px;
    }
}


/* Basic columns */
.section-basic-text-columns .column {
    margin: 0 0 20px;
}

.section-basic-text-columns .column:last-child {
    margin: 0;
}

@media (min-width: 992px) {
    .section-basic-text-columns .container {
        display: flex;
        gap: 16px;
    }
    
    .section-basic-text-columns .column {
        width: 100%;
        margin: 0;
    }  
}


/* Basic line */
.basic-line-flex {
    display: flex;
    align-items: center;
    gap: 24px;
}

.basic-line-flex img {
    width: 60px;
    height: 60px;
}

@media (min-width: 992px) {
    .basic-line-flex img {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 1240px) {
    .basic-line-flex img {
        width: 110px;
        height: 110px;
    }
}


/* Breadcrumb */
.section-breadcrumb-hero {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
    padding-top: 22px;
    padding-bottom: 22px;
    background: rgb(14 59 94 / 35%);
    backdrop-filter: blur(6px);
}

.breadcrumb {
    display: flex;
    align-items: center;
}

.breadcrumb li {
    margin-right: 8px;
}

.breadcrumb li:after {
    content: '›';
    font-family: "museo-slab", serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #8C8993;
    margin-left: 8px;
}

.breadcrumb li:last-child:after {
    display: none;
}

.breadcrumb li a {
    font-family: "museo-slab", serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #00A4B7;
}

@media (min-width: 992px) {
    .breadcrumb li a {
        font-size: 20px;
        line-height: 30px;
    }
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

.breadcrumb li a.active {
    color: #8C8993;
}

.breadcrumb li a.active:hover {
    text-decoration: none;
}

.breadcrumb .breadcrumb-back {
    display: none;
}

@media (min-width: 992px) {
    .breadcrumb .breadcrumb-back {
        display: block;
        margin-right: 55px;
    }
}

.breadcrumb .breadcrumb-back:after {
    display: none;
}

.breadcrumb .breadcrumb-back a {
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg transform='translate(.048 .048)'%3E%3Ccircle data-name='Ellipse 1' cx='17' cy='17' r='17' transform='translate(-.048 -.048)' fill='%23fff'/%3E%3Cpath data-name='arrow blue chevron' d='m11.37 17.635 7.77 7.77a.967.967 0 0 0 1.362 0l.881-.881a1 1 0 0 0 .3-.681.862.862 0 0 0-.26-.681l-6.208-6.21 6.208-6.208a.862.862 0 0 0 .26-.681 1 1 0 0 0-.3-.681l-.881-.881a.927.927 0 0 0-.681-.28.927.927 0 0 0-.681.28l-7.77 7.77a.873.873 0 0 0-.32.681.873.873 0 0 0 .32.683Z' fill='%2300a4b7'/%3E%3C/g%3E%3C/svg%3E");
}


/* Feature */
.section-feature-block {
    position: relative;
    border-radius: 20px;
}

.section-feature-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 1024px) {
    .section-feature-block {
        width: calc(100% - 40px);
    }

    .section-feature-main {
        flex-direction: row;
        align-items: center;
    }

    .section-feature-block.align-left .section-feature-media {
        order: 1;
        transform: translate(-40px,-40px);
    }

    .section-feature-block.align-left .section-feature-content {
        order: 2;
    }
}

.section-feature-media {
    position: relative;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 0 0 34px;
    transform: translate(16px,0);
}

.section-feature-media img {
    border-radius: 20px;
}

.section-feature-content {
    position: relative;
    padding: 37px 30px 32px;
    box-sizing: border-box;
}

.section-feature-content h1,
.section-feature-content h2,
.section-feature-content h3,
.section-feature-content h4,
.section-feature-content h5,
.section-feature-content p,
.section-feature-content strong {
    color: inherit;
}

@media (min-width: 1024px) {
    .section-feature-media {
        width: 50%;
        transform: translate(40px,-40px);
        margin: 0;
    }

    .section-feature-content {
        width: 50%;
        padding: 60px;
    }
}

@media (max-width: 1023px) {
    .section-feature-content h2 {
        font-size: 28px;
        line-height: 35px;
    }

    .section-feature-more h3 {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (min-width: 1024px) {
    .section-feature-content h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .section-feature-more h3 {
        font-size: 28px;
        line-height: 35px;
    }
}

.section-feature-media img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.section-feature-block .button-mobile {
    display: table;
}

.section-feature-block .button-desktop {
    display: none;
}

.section-feature-block .button-more {
    margin: 22px 30px 32px;
    border-radius: 30px;
    border: 1px solid white;
    color: white;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 18px;
    text-align: center;
    cursor: pointer;
    min-width: 165px;
}

.section-feature-block .button-more:hover {
    background: white;
    color: #FC5546;
}

.section-feature-block .button-more .less {
    display: none;
}

.section-feature-block .button-more .more {
    display: block;
}

.section-feature-block .button-more.active .less {
    display: block;
}

.section-feature-block .button-more.active .more {
    display: none;
}

@media (min-width: 1024px) {
    .section-feature-block .button-more {
        margin: 22px 0 0;
    }

    .section-feature-block .button-mobile {
        display: none;
    }
    
    .section-feature-block .button-desktop {
        display: table;
    }
}

.section-feature-more {
    padding: 0 30px 30px;
    display: none;
}

.section-feature-more.active {
    display: block;
}

.section-feature-more ul {
    margin-left: 25px;
    margin-top: 36px;
}

.section-feature-more ul li {
    list-style: disc;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 25px;
}

.section-feature-more ul li:last-child {
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    .section-feature-more {
        display: none;
        padding: 0 60px 50px;
    }

    .section-feature-more.active {
        display: flex;
    }

    .section-feature-more > div {
        width: 50%;
    }

    .section-feature-more ul {
        margin-left: 65px;
        margin-top: 0;
    }

    .section-feature-more ul li {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 35px;
    }
}

.section-feature-more h1,
.section-feature-more h2,
.section-feature-more h3,
.section-feature-more h4,
.section-feature-more h5,
.section-feature-more p,
.section-feature-more ul li,
.section-feature-more ol li {
    color: white;
}


/* Client story */
.section-client-story-block {
    position: relative;
    border-radius: 20px;
    background: #F6F7EB;
}

.section-client-story-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 1024px) {
    .section-client-story-block {
        width: 100%;
    }

    .section-client-story-main {
        flex-direction: row;
        align-items: center;
    }

    .section-client-story-block.align-left .section-client-story-media {
        order: 1;
        transform: translate(30px,-40px);
    }

    .section-client-story-block.align-left .section-client-story-content {
        order: 2;
    }
}

.section-client-story-media {
    position: relative;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 24px 0 0;
    transform: translate(16px,0);
}

.section-client-story-content {
    position: relative;
    padding: 37px 30px 32px;
    box-sizing: border-box;
}

.section-client-story-block h2,
.section-client-story-content h2 {
    color: inherit;
    font-weight: bold;
    margin: 0 0 30px;
}

.section-client-story-block h2.title-desktop {
    display: none;
}

.section-client-story-block h2.title-mobile {
    display: block;
    margin: 37px 30px 0;
    order: 1;
}

@media (min-width: 1024px) {
    .section-client-story-block h2.title-desktop {
        display: block;
    }
    
    .section-client-story-block h2.title-mobile {
        display: none;
    }
}

.section-client-story-content p {
    color: #223247;
    font-size: 30px;
    line-height: 40px;
    margin: 0;
}

@media (min-width: 1024px) {
    .section-client-story-media {
        width: calc(50% - 40px);
        transform: translate(-30px,-40px);
        margin: 0;
    }

    .section-client-story-block.align-left .section-client-story-media {
        margin-right: 40px;
    }

    .section-client-story-block.align-right .section-client-story-media {
        margin-left: 40px;
    }

    .section-client-story-content {
        width: 50%;
        padding: 60px;
    }
}

@media (max-width: 1023px) {
    .section-client-story-block h2,
    .section-client-story-content h2 {
        font-size: 48px;
        line-height: 50px;
    }

    .section-client-story-media {
        order: 2;
    }

    .section-client-story-content {
        order: 3;
    }
}

.section-client-story-media img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.section-client-story-block .button-more {
    display: table;
    margin: 22px 0 32px;
    border-radius: 30px;
    border: 1px solid #223247;
    color: #223247;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 18px;
    text-align: center;
    cursor: pointer;
    min-width: 165px;
}

.section-client-story-block .button-more:hover {
    background: #223247;
    color: white;
}

.section-client-story-block .button-more .less {
    display: none;
}

.section-client-story-block .button-more .more {
    display: block;
}

.section-client-story-block .button-more.active .less {
    display: block;
}

.section-client-story-block .button-more.active .more {
    display: none;
}

@media (min-width: 1024px) {
    .section-client-story-block .button-more {
        margin: 27px 0 0;
    }
}

.section-client-story-more {
    padding: 0 30px 30px;
    display: none;
}

.section-client-story-more.active {
    display: block;
}

.section-client-story-more h3 {
    display: flex;
    gap: 17px;
    align-items: center;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    padding: 0 0 25px;
    margin: 0 0 25px;
    border-bottom: 1px solid;
}

.section-client-story-more h3 svg {
    display: block;
    height: 36px;
}

.section-client-story-more ul {
    margin-left: 25px;
    margin-top: 36px;
}

.section-client-story-more ul li {
    list-style: disc;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 25px;
}

.section-client-story-more ul li:last-child {
    margin-bottom: 0;
}

.section-client-story-more > div:first-child {
    margin-bottom: 25px;
}

@media (min-width: 1024px) {
    .section-client-story-more {
        display: none;
        padding: 0 60px 50px;
    }

    .section-client-story-more.active {
        display: flex;
        gap: 75px;
    }

    .section-client-story-more > div {
        width: 50%;
    }

    .section-client-story-more > div:first-child {
        margin-bottom: 0;
    }

    .section-client-story-more ul {
        margin-left: 65px;
        margin-top: 0;
    }

    .section-client-story-more ul li {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 35px;
    }
}

@media (min-width: 1366px) {
    .section-client-story-more.active {
        gap: 150px;
    }
}

.section-client-story-more p,
.section-client-story-more ul li,
.section-client-story-more ol li {
    color: #223247;
    font-size: 30px;
    line-height: 40px;
}

.section-client-story-more p.text-huge,
.section-client-story-more .text-huge {
    font-size: 100px;
    line-height: 1;
}


/* Pricing table */
.pricing-table {
    position: relative;
}

.pricing-table .swiper {
    padding: 0 28px;
}

.pricing-table .column {
    position: relative;
    width: 100%;
    border-radius: 300px;
    padding: 83px 0 190px;
    box-sizing: border-box;
    color: white;
}

.pricing-table .column h3 {
    position: relative;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    padding-bottom: 30px;
    margin-bottom: 40px;
    color: white;
}

.pricing-table .column h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: white;
}

.pricing-table .column .subtext {
    margin: 0 0 30px;
}

.pricing-table .column p,
.pricing-table .column p a {
    color: white;
    font-size: 30px;
    line-height: 35px;
}

.pricing-table .column p a {
    text-decoration: underline;
}

.pricing-table .column p a:hover {
    text-decoration: none;
}

.pricing-table .column .row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px;
    margin-bottom: 30px;
    font-size: 20px;
    background: rgba(255,255,255,0.15);
}

@media (min-width: 992px) {
    .pricing-table .column .row {
        font-size: 25px;
    }
}

.pricing-table .swiper-slide:first-child .column .row:before {
    content: '';
    position: absolute;
    top: 0;
    left: -48px;
    width: 48px;
    height: 100%;
    background: white;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
}

.pricing-table .swiper-slide:first-child .column .row:after {
    content: '';
    position: absolute;
    top: 0;
    right: -28px;
    width: 28px;
    height: 100%;
    background: white;
}

.pricing-table .swiper-slide:last-child .column .row:before {
    content: '';
    position: absolute;
    top: 0;
    left: -28px;
    width: 28px;
    height: 100%;
    background: white;
}

.pricing-table .swiper-slide:last-child .column .row:after {
    content: '';
    position: absolute;
    top: 0;
    right: -48px;
    width: 48px;
    height: 100%;
    background: white;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
}

@media (min-width: 1024px) {
    .pricing-table .swiper {
        padding: 0 72px;
    }

    .pricing-table .swiper-slide:first-child .column .row:before {
        left: -72px;
        width: 72px;
    }
    
    .pricing-table .swiper-slide:first-child .column .row:after {
        right: -48px;
        width: 48px;
    }
    
    .pricing-table .swiper-slide:last-child .column .row:before {
        left: -48px;
        width: 48px;
    }
    
    .pricing-table .swiper-slide:last-child .column .row:after {
        right: -72px;
        width: 72px;
    }
}

.pricing-table .column .row:last-child {
    margin: 0;
}

.pricing-table .column .row .label {
    font-weight: bold;
}

.pricing-table .column .row .value {
    text-align: right;
    line-height: 1;
}

.pricing-table .column .row .cross {
    display: block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.141 30.141'%3E%3Cg data-name='Group 411' transform='translate(-518.266 -2106.373)' fill='%23fff'%3E%3Crect data-name='Rectangle 194' width='39.295' height='3.33' rx='1.665' transform='rotate(45 -2282.307 1681.632)'/%3E%3Crect data-name='Rectangle 195' width='39.295' height='3.33' rx='1.665' transform='rotate(-45 2835.29 441.477)'/%3E%3C/g%3E%3C/svg%3E");
}

.pricing-table .column .row .tick {
    display: block;
    width: 40px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.141 30.141'%3E%3Cg data-name='Group 412' transform='translate(-508.266 -2106.373)' fill='%23fff'%3E%3Crect data-name='Rectangle 194' width='17.295' height='3.33' rx='1.665' transform='rotate(45 -2306.084 1677.339)'/%3E%3Crect data-name='Rectangle 195' width='39.295' height='3.33' rx='1.665' transform='rotate(-45 2835.29 441.477)'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1023px) {
    .section-pricing-table .container {
        padding: 0;
    }
}


/* Pricing form */
.pricing-form {
    position: relative;
    background: white;
    border-radius: 20px;
    padding: 43px 20px 50px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .pricing-form {
        padding: 65px 54px 52px;
    }
}

.pricing-form .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 30px 0;
}

@media (min-width: 1024px) {
    .pricing-form .wpforms-field-container {
        flex-direction: row;
        gap: 30px 40px;
    }
}

.pricing-form .wpforms-container .wpforms-field {
    padding: 0;
    width: 100%;
}

@media (min-width: 1024px) {
    .pricing-form .wpforms-container .wpforms-field {
        width: calc(50% - 40px);
    }
}

.pricing-form .wpforms-container .wpforms-field.wpforms-field-checkbox,
.pricing-form .wpforms-container .wpforms-field.wpforms-field-radio,
.pricing-form .wpforms-container .wpforms-field.wpforms-field-content {
    width: 100%;
}

.pricing-form div.wpforms-container-full .wpforms-field-label {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
    color: #223247;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .pricing-form div.wpforms-container-full .wpforms-field-label {
        font-size: 22px;
        line-height: 27px;
    }
}

.pricing-form .wpforms-container .wpforms-required-label {
    color: #223247;
}


.pricing-form div.wpforms-container-full input[type=date], 
.pricing-form div.wpforms-container-full input[type=datetime], 
.pricing-form div.wpforms-container-full input[type=datetime-local], 
.pricing-form div.wpforms-container-full input[type=email], 
.pricing-form div.wpforms-container-full input[type=month], 
.pricing-form div.wpforms-container-full input[type=number], 
.pricing-form div.wpforms-container-full input[type=password], 
.pricing-form div.wpforms-container-full input[type=range], 
.pricing-form div.wpforms-container-full input[type=search], 
.pricing-form div.wpforms-container-full input[type=tel], 
.pricing-form div.wpforms-container-full input[type=text], 
.pricing-form div.wpforms-container-full input[type=time], 
.pricing-form div.wpforms-container-full input[type=url], 
.pricing-form div.wpforms-container-full input[type=week], 
.pricing-form div.wpforms-container-full select, 
.pricing-form div.wpforms-container-full textarea {
    font-size: 16px;
    line-height: 24px;
    border: none;
    color: #223247;
    background: #F6F7EB;
    padding: 20px 20px;
    height: auto;
    border-radius: 15px;
}

@media (min-width: 1024px) {
    .pricing-form div.wpforms-container-full input[type=date], 
    .pricing-form div.wpforms-container-full input[type=datetime], 
    .pricing-form div.wpforms-container-full input[type=datetime-local], 
    .pricing-form div.wpforms-container-full input[type=email], 
    .pricing-form div.wpforms-container-full input[type=month], 
    .pricing-form div.wpforms-container-full input[type=number], 
    .pricing-form div.wpforms-container-full input[type=password], 
    .pricing-form div.wpforms-container-full input[type=range], 
    .pricing-form div.wpforms-container-full input[type=search], 
    .pricing-form div.wpforms-container-full input[type=tel], 
    .pricing-form div.wpforms-container-full input[type=text], 
    .pricing-form div.wpforms-container-full input[type=time], 
    .pricing-form div.wpforms-container-full input[type=url], 
    .pricing-form div.wpforms-container-full input[type=week], 
    .pricing-form div.wpforms-container-full select, 
    .pricing-form div.wpforms-container-full textarea {
        font-size: 22px;
        line-height: 27px;
        padding: 30px 40px;
    }
}

.pricing-form div.wpforms-container-full select {
    -webkit-appearance: none;
}

.pricing-form .wpforms-container .wpforms-field.wpforms-field-select {
    position: relative;
}

.pricing-form .wpforms-container .wpforms-field.wpforms-field-select:after {
    content: '';
    position: absolute;
    bottom: 28px;
    right: 20px;
    width: 30px;
    height: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.459 20.729'%3E%3Cpath data-name='Path 248' d='m32.924 3.535-14.7 14.694L3.532 3.535' fill='none' stroke='%23223247' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
    .pricing-form .wpforms-container .wpforms-field.wpforms-field-select:after {
        bottom: 40px;
        right: 40px;
    }
}

.pricing-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul,
.pricing-form .wpforms-container .wpforms-field.wpforms-field-radio ul {
    background: #F6F7EB;
    padding: 27px 34px;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}

@media (min-width: 1024px) {
    .pricing-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul,
    .pricing-form .wpforms-container .wpforms-field.wpforms-field-radio ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 34px 0;
    }
}

.pricing-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul li,
.pricing-form .wpforms-container .wpforms-field.wpforms-field-radio ul li {
    width: 100%;
}

@media (min-width: 1024px) {
    .pricing-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul li,
    .pricing-form .wpforms-container .wpforms-field.wpforms-field-radio ul li {
        width: 33.3333%;
    }
}

.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
    font-size: 20px;
    padding-left: 20px;
    color: #223247;
}

.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input, 
.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input {
    width: 30px;
    height: 30px;
    margin: 0;
}

.pricing-form div.wpforms-container-full input[type=radio]:before {
    border-radius: 5px;
}

.pricing-form div.wpforms-container-full input[type=checkbox]:before, 
.pricing-form div.wpforms-container-full input[type=checkbox]:after, 
.pricing-form div.wpforms-container-full input[type=radio]:before, 
.pricing-form div.wpforms-container-full input[type=radio]:after {
    width: 30px;
    height: 30px;
}

.pricing-form div.wpforms-container-full input[type=checkbox]:before, 
.pricing-form div.wpforms-container-full input[type=radio]:before {
    border-color: #223247;
    border-width: 2px;
}

.pricing-form div.wpforms-container-full input[type=checkbox]:checked:before, 
.pricing-form div.wpforms-container-full input[type=radio]:checked:before {
    box-shadow: none;
}

.pricing-form div.wpforms-container-full input[type=radio]:checked:after {
    border-radius: 3px;
    background-color: #223247;
    left: -1px;
    top: -1px;
}

.pricing-form div.wpforms-container-full input[type=checkbox]:checked:after {
    border-radius: 3px;
    border: none;
    background-color: #223247;
    left: 0px;
    top: 0px;
    transform: scale(0.65);
}

.pricing-form div.wpforms-container-full .wpforms-field.wpforms-field-content p {
    font-size: 20px;
}

.pricing-form .wpforms-submit-container {
    display: flex;
    justify-content: center;
    margin: 0;
}

.pricing-form div.wpforms-container-full input[type=submit], 
.pricing-form div.wpforms-container-full button[type=submit], 
.pricing-form div.wpforms-container-full .wpforms-page-button {
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    border-radius: 32px;
    background: #FF5546 !important;
    color: white;
    border: none;
    font-size: 20px;
    line-height: 1;
    padding: 14px 23px;
    cursor: pointer;
    height: auto;
    outline: none;
    box-shadow: none;
}

.pricing-form div.wpforms-container-full input[type=submit]:focus, 
.pricing-form div.wpforms-container-full button[type=submit]:focus, 
.pricing-form div.wpforms-container-full .wpforms-page-button:focus {
    outline: none;
    box-shadow: none;
}

.pricing-form div.wpforms-container-full input[type=submit]:hover, 
.pricing-form div.wpforms-container-full button[type=submit]:hover, 
.pricing-form div.wpforms-container-full .wpforms-page-button:hover {
    background: #F7A427 !important;
    color: white;
    border: none;
}

@media (min-width: 1024px) {
    .pricing-form div.wpforms-container-full input[type=submit], 
    .pricing-form div.wpforms-container-full button[type=submit], 
    .pricing-form div.wpforms-container-full .wpforms-page-button {
        padding: 17px 23px;
    }
}


/* About intro */
.about-intro {
    border-top-right-radius: 300px;
    border-top-left-radius: 300px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #223247;
}

.about-intro-top {
    background-color: #FF5546;
    background-image: url('/wp-content/themes/intilery/assets/img/wavey-bg.jpg');
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 126px 27px;
    border-radius: 300px;
    text-align: center;
    color: #F6F7EB;
    font-size: 40px;
    line-height: 50px;
}

@media (min-width: 1024px) {
    .about-intro-top {
        padding: 114px;
    }
}

.about-intro-top p {
    color: #F6F7EB;
    font-size: 40px;
    line-height: 50px;
    max-width: 609px;
    margin-left: auto;
    margin-right: auto;
}

.about-intro-bottom {
    padding: 42px 28px 81px;
    color: #F6F7EB;
    font-size: 25px;
    line-height: 30px;
}

.about-intro-bottom .column:first-child {
    margin: 0 0 25px;
}

@media (min-width: 1024px) {
    .about-intro-bottom {
        padding: 52px 111px 72px;
        display: flex;
        gap: 40px;
        font-size: 30px;
        line-height: 40px;
    }

    .about-intro-bottom .column {
        width: 50%;
        margin: 0;
    }
}

.about-intro-bottom p {
    color: #F6F7EB;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px;
}

@media (min-width: 1024px) {
    .about-intro-bottom p {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 25px;
    }
}

.about-intro-bottom p:last-child {
    margin: 0;
}


/* Timeline */
.timeline-swiper {
    position: relative;
    padding: 65px 0 90px 0;
}

@media (min-width: 1024px) {
    .timeline-swiper {
        padding: 103px 0 135px 0;
    }
}

.timeline-date {
    display: table;
    font-weight: 300;
    font-size: 50px;
    line-height: 64px;
    letter-spacing: -1.4px;
    margin: 0 auto 26px;
    padding: 7px 50px 8px;
    border: 1px solid #E7236D;
    color: #E7236D;
    border-radius: 100px;
}

.timeline-content {
    box-sizing: border-box;
    padding: 0 30px;
    margin: 48px auto 0;
    width: 100%;
    max-width: 485px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.timeline-content p {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin: 0;
}

@media (min-width: 1024px) {
    .timeline-content {
        font-size: 22px;
        line-height: 27px;
        padding: 0;
    }
    
    .timeline-content p {
        font-size: 22px;
        line-height: 27px;
    }
}

.swiper-slide-active .timeline-date {
    background: #E7236D;
    color: white;
}

.timeline-slide {
    position: relative;
}

.timeline-line {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background: #707070;
}

.timeline-line:before {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 2px;
    background: #707070;
    top: 0;
    left: calc(50% - 1px);
}

.timeline-slide:first-child .timeline-line {
    width: 50%;
    margin: 0 auto;
    margin-right: 0;
}

.timeline-slide:first-child .timeline-line:before {
    left: 0;
}

.timeline-slide:last-child .timeline-line {
    width: 50%;
    margin: 0 auto;
    margin-left: 0;
}

.timeline-slide:last-child .timeline-line:before {
    left: inherit;
    right: 0;
}

.timeline-top {
    position: relative;
}

@media (min-width: 1024px) {
    .timeline-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.timeline-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 30px;
    gap: 8px;
}

@media (min-width: 1024px) {
    .timeline-tabs {
        margin: 0;
        gap: 10px;
        justify-content: flex-start;
    }
}

.timeline-tab {
    padding: 3px 14px 4px;
    border-radius: 25px;
    font-size: 17px;
    line-height: 23px;
    color: #707070;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .timeline-tab {
        padding: 3px 16px 4px;
        border-radius: 25px;
        font-size: 20px;
        line-height: 24px;
    }
}

.timeline-tab.active {
    background: #E7236D;
    color: white;
}

.timeline-tab:not(.active):hover {
    color: #E7236D;
}

.timeline-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

@media (min-width: 1024px) {
    .timeline-arrows {
        justify-content: flex-end;
    }
    
}

.timeline-swiper-button-next,
.timeline-swiper-button-prev {
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    margin: 0;
    transform: translate(0,0);
}

.timeline-swiper-button-next:after,
.timeline-swiper-button-prev:after {
    content: '';
    font-family: inherit;
}

.timeline-swiper-button-next:after {
    width: 15px;
    height: 29px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.729 36.459'%3E%3Cpath data-name='Path 16' d='m3.535 3.535 14.694 14.7L3.535 32.927' fill='none' stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
}

.timeline-swiper-button-prev:after {
    width: 15px;
    height: 29px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.731 36.46'%3E%3Cpath data-name='Path 15' d='m17.195 32.925-14.7-14.7 14.7-14.689' fill='none' stroke='%23707070' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
}


/* CTA banner */
.section-ctabanner {
    position: relative;
    padding-top: 61px;
    padding-bottom: 78px;
}

@media (min-width: 1024px) {
    .section-ctabanner {
        overflow: hidden;
        padding-top: 99px;
        padding-bottom: 81px;
    }
}

.section-ctabanner .container {
    position: relative;
    box-sizing: border-box;
    z-index: 5;
}

.ctabanner-content {
    text-align: center;
}

.ctabanner-content h2 {
    max-width: 834px;
    margin: 0 auto;
    margin-bottom: 26px;
}

@media (max-width: 1023px) {
    .ctabanner-content h2 {
        font-size: 40px;
        line-height: 50px;
    }
}

.ctabanner-content p {
    max-width: 774px;
    margin: 0 auto;
}

.ctabanner-content .button {
    margin-top: 59px;
}

.ctabanner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: 1;
}

.ctabanner-bg img {
    display: block;
}

.ctabanner-bg-desktop {
    display: none;
}

.ctabanner-bg-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .ctabanner-bg-desktop {
        display: block;
    }

    .ctabanner-bg-mobile {
        display: none;
    }
}


/* FAQs */
.section-faqs {
    z-index: 2;
    position: relative;
}

.section-faqs .container {
    position: relative;
}

.faq-right {
    display: none;
}

@media (min-width: 1366px) {
    .section-faqs .container {
        display: flex;
        align-items: center;
    }

    .faq-left {
        width: 65%;
    }

    .faq-right {
        display: block;
        position: relative;
        width: 35%;
        margin-right: -10%;
        margin-left: 10%;
        margin-bottom: -15%;
        margin-top: -4%;
    }

    .faq-right .decal {
        position: absolute;
        top: -20px;
        left: 50px;
    }
}

.faq-block {
    padding: 20px 0;
    border-bottom: 2px dashed rgb(32 31 34 / 20%);
}

.faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "museo-slab", serif;
    font-size: 20px;
    line-height: 30px;
    color: #00A4B7;
    font-weight: 700;
    cursor: pointer;
}

.faq-title svg {
    flex: none;
    margin-left: 20px;
    width: 21px;
    height: 14px;
    display: block;
}

.faq-title.active svg {
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    animation-name: fadeDown;
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    animation-duration: 1s;
}

.faq-answer.active {
    display: block;
    margin: 12px 0 0;
}

.faq-answer,
.faq-answer p {
    font-size: 20px;
    line-height: 30px;
    color: #8C8993;
}

.faq-answer a,
.faq-answer p a {
    color: #00A4B7;
    text-decoration: underline;
}

.faq-answer a:hover,
.faq-answer p a:hover {
    text-decoration: none;
}


/* Pagination */
.pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pagination a,
.pagination span {
    font-size: 20px;
    line-height: 1;
    color: #8C8993;
}

.pagination span.current {
    color: #201F22;
}

.pagination a:hover {
    color: #201F22;
}

.pagination a.next {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    width: 21px;
    height: 21px;
    overflow: hidden;
}

.pagination a.prev {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
    width: 21px;
    height: 21px;
    overflow: hidden;
}

.pagination a.next:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 17.031'%3E%3Cpath data-name='green arrow' d='m7.422 1.133.9-.859a.9.9 0 0 1 .664-.273.9.9 0 0 1 .664.273l7.578 7.578a.9.9 0 0 1 .272.664.9.9 0 0 1-.273.664l-7.579 7.578a.943.943 0 0 1-1.328 0l-.9-.859a.84.84 0 0 1-.254-.664.977.977 0 0 1 .293-.664l4.688-4.492H.938a.9.9 0 0 1-.664-.273A.9.9 0 0 1 0 9.141v-1.25a.9.9 0 0 1 .273-.664.9.9 0 0 1 .664-.273h11.211L7.461 2.461a.977.977 0 0 1-.293-.664.84.84 0 0 1 .254-.664Z' fill='%23201F22'/%3E%3C/svg%3E");
}

.pagination a.prev:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    transform: rotate(180deg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 17.031'%3E%3Cpath data-name='green arrow' d='m7.422 1.133.9-.859a.9.9 0 0 1 .664-.273.9.9 0 0 1 .664.273l7.578 7.578a.9.9 0 0 1 .272.664.9.9 0 0 1-.273.664l-7.579 7.578a.943.943 0 0 1-1.328 0l-.9-.859a.84.84 0 0 1-.254-.664.977.977 0 0 1 .293-.664l4.688-4.492H.938a.9.9 0 0 1-.664-.273A.9.9 0 0 1 0 9.141v-1.25a.9.9 0 0 1 .273-.664.9.9 0 0 1 .664-.273h11.211L7.461 2.461a.977.977 0 0 1-.293-.664.84.84 0 0 1 .254-.664Z' fill='%23201F22'/%3E%3C/svg%3E");
}


/* Article */
.article-single h1 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

@media (min-width: 992px) {
    .article-single h1 {
        font-size: 45px;
        line-height: 60px;
        letter-spacing: -1.13px;
    }
}

.article-content {
    margin: 40px 0;
}

.article-content .container {
    display: flex;
    flex-direction: column;
}

.article-content__left {
    margin: 0 0 30px;
}

.article-widget {
    background: #F6F4F2;
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 16px;
}

.article-widget h4 {
    margin: 0 0 20px;
}

.article-date {
    font-size: 20px;
    color: #8C8993;
    margin: 20px 0 50px;
}

@media (min-width: 992px) {
    .article-content {
        margin: 100px 0;
    }

    .article-content .container {
        flex-direction: row;
        gap: 16px;
    }

    .article-content__left {
        width: 100%;
        margin: 0;
    }

    .article-widget {
        padding: 30px;
        margin: 0 0 20px;
    }

    .article-widget a.button-primary {
        font-size: 18px;
    }

    .article-content__right {
        display: block;
        width: 260px;
        flex: none;
    }
}

.article-single .rte .wp-block-image {
    margin: 30px 0;
}

.article-single .rte .wp-block-image img {
    display: block;
}

.article-single .rte .wp-block-image.size-full img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    .article-single .rte .wp-block-image {
        margin: 50px 0;
    }

    .article-single .rte p {
        font-size: 20px;
        line-height: 30px;
    }
}

#article-related {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    #article-related {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #article-related.section-latest-insights .decal {
        left: inherit;
        right: 15%;
    }
}

#article-related.section-latest-insights .section-title h2 {
    font-weight: 500;
}


/* Contact form */
.section-contact-form {
    position: relative;
    overflow: hidden;
    padding: 60px 0 82px;
    background: #F6F7EB;
}

.section-contact-form:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-size: 200%;
    background-position: 109% 63%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 826 854.003'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Path 214' d='M0 854.003h826v-854H0Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='Rectangle 192' fill='none' d='M0 0h924.562v959.568H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 405'%3E%3Cg data-name='Group 404' clip-path='url(%23a)'%3E%3Cg data-name='Group 399'%3E%3Cpath data-name='Path 212' d='M537.695 853.995a121.751 121.751 0 0 1-79.925-28.07c-24.607-20.656-36.784-42.212-51.515-68.343-91.554-162.413-178.598-327.669-265.931-492.685-49.745-94.005-26.153-189.686 56.329-239.539 84.45-51.042 178.987-23.75 230.465 70.348 89.56 163.684 177 328.662 265.306 493.1 36.639 68.222 31.276 135.407-13.792 198.4-32.88 45.954-80.63 66.077-140.939 66.787' fill='%2377c448'/%3E%3C/g%3E%3Cg data-name='Group 403' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Cg data-name='Group 402'%3E%3Cg data-name='Group 401' clip-path='url(%23b)' transform='translate(-52.387 -53.003)'%3E%3Cg data-name='Group 400'%3E%3Cpath data-name='Path 213' d='M878.359 341.313c-.389 30.332-10.348 60.237-28.93 84.037-20.437 26.167-41.424 39.4-66.872 55.412-158.148 99.506-318.911 194.381-479.452 289.555-91.457 54.21-182.692 32-228.48-52.762-46.88-86.781-18.332-186.031 73.257-242.051 159.317-97.456 319.824-192.735 479.836-288.908 66.388-39.9 130.728-35.984 190.059 9.434 43.282 33.136 61.4 82.425 60.582 145.285' fill='%23009ec4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
    .section-contact-form:before {
        top: 0;
        right: 0;
        background-size: 50%;
        background-position: -30% 97%;
    }
}

.section-contact-form:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-size: 146%;
    background-position: -70% 96%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 633.181 596.625'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Path 211' d='M0 596.624h633.181V0H0Z' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath data-name='Rectangle 190' fill='none' d='M0 0h648.269v678.158H0z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath data-name='Rectangle 191' fill='none' d='M0 0h311.047v299.817H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 398'%3E%3Cg data-name='Group 397' clip-path='url(%23a)'%3E%3Cg data-name='Group 388'%3E%3Cpath data-name='Path 208' d='M73.279 64.92a90.285 90.285 0 0 1 61.321-7.494c22.723 5.4 37.6 15.348 55.615 27.418 111.958 75.012 221.864 153.287 331.895 231.312 62.679 44.455 77.862 113.386 39.82 171.7-38.951 59.712-109.584 72.364-173.424 28.409-111.057-76.461-221.135-154.433-331.611-231.778-45.839-32.089-63.84-76.915-54.5-131.725 6.806-39.983 31.626-68.136 70.884-87.842' fill='%23fe3c7a'/%3E%3C/g%3E%3Cg data-name='Group 392' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Cg data-name='Group 391'%3E%3Cg data-name='Group 390' clip-path='url(%23b)' transform='translate(-27.164 -41.386)'%3E%3Cg data-name='Group 389'%3E%3Cpath data-name='Path 209' d='M92.836 561.338a98.475 98.475 0 0 1-7.967-63.158c5-23.317 14.5-38.508 26.04-56.906 71.687-114.329 146.567-226.52 221.208-338.836 42.524-63.978 109.374-78.835 166.5-39.055 58.483 40.727 71.576 113.532 29.543 178.71-73.106 113.388-147.69 225.759-221.663 338.55-30.69 46.79-74.073 64.813-127.465 54.6-38.951-7.452-66.6-33.3-86.191-73.9' fill='%232baac7'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg data-name='Group 396' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Cg data-name='Group 395'%3E%3Cg data-name='Group 394' clip-path='url(%23c)' transform='translate(363.6 114.946)'%3E%3Cg data-name='Group 393'%3E%3Cpath data-name='Path 210' d='M132.209 27.107c62.45-11.856 122.98 30.713 135.2 95.088s-28.492 126.166-90.942 138.021-122.982-30.722-135.2-95.088S69.761 38.961 132.209 27.107' fill='%23ffa03d'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
    .section-contact-form:after {
        top: 0;
        right: 0;
        background-size: 40%;
        background-position: 115% 99%;
    }
}

.section-contact-form h2 {
    margin: 0 0 50px;
}

.map-embed {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    z-index: 1;
}

@media (min-width: 768px) {
    .map-embed {
        padding-bottom: 75%;
    }
}

@media (min-width: 1024px) {
    .map-embed {
        padding-bottom: 50%;
    }
}

.map-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-details {
    position: relative;
    margin: 39px 0 41px;
    z-index: 1;
}

.contact-details .left {
    margin: 0 0 33px;
}

@media (min-width: 1024px) {
    .contact-details {
        margin: 50px 0 75px;
        display: flex;
        justify-content: space-between;
    }

    .contact-details .left,
    .contact-details .right {
        width: 50%;
        margin: 0;
    }

    .contact-details .left p {
        text-align: left;
    }

    .contact-details .right p {
        text-align: right;
    }
}

.contact-details p {
    font-size: 22px;
    line-height: 27px;
}

.contact-details p a {
    color: #223247;
}

.contact-details p a:hover {
    color: #FF5546;
}

.contact-form {
    position: relative;
    z-index: 1;
}

.contact-form .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 27px 0;
}

@media (min-width: 1024px) {
    .contact-form .wpforms-field-container {
        flex-direction: row;
        gap: 46px 40px;
    }
}

.contact-form .wpforms-container .wpforms-field {
    padding: 0;
    width: 100%;
}

@media (min-width: 1024px) {
    .contact-form .wpforms-container .wpforms-field {
        width: calc(50% - 20px);
    }
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-checkbox,
.contact-form .wpforms-container .wpforms-field.wpforms-field-radio,
.contact-form .wpforms-container .wpforms-field.wpforms-field-content,
.contact-form .wpforms-container .wpforms-field.wpforms-field-textarea {
    width: 100%;
}

.contact-form div.wpforms-container-full .wpforms-field-label {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
    color: #223247;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .contact-form div.wpforms-container-full .wpforms-field-label {
        font-size: 22px;
        line-height: 27px;
    }
}

.contact-form .wpforms-container .wpforms-required-label {
    color: #223247;
}


.contact-form div.wpforms-container-full input[type=date], 
.contact-form div.wpforms-container-full input[type=datetime], 
.contact-form div.wpforms-container-full input[type=datetime-local], 
.contact-form div.wpforms-container-full input[type=email], 
.contact-form div.wpforms-container-full input[type=month], 
.contact-form div.wpforms-container-full input[type=number], 
.contact-form div.wpforms-container-full input[type=password], 
.contact-form div.wpforms-container-full input[type=range], 
.contact-form div.wpforms-container-full input[type=search], 
.contact-form div.wpforms-container-full input[type=tel], 
.contact-form div.wpforms-container-full input[type=text], 
.contact-form div.wpforms-container-full input[type=time], 
.contact-form div.wpforms-container-full input[type=url], 
.contact-form div.wpforms-container-full input[type=week], 
.contact-form div.wpforms-container-full select, 
.contact-form div.wpforms-container-full textarea {
    font-size: 16px;
    line-height: 24px;
    border: none;
    color: #223247;
    background: white;
    padding: 20px 20px;
    height: auto;
    border-radius: 15px;
}

.contact-form div.wpforms-container-full textarea {
    min-height: 349px;
}

.contact-form div.wpforms-container-full input[type=date]::placeholder, 
.contact-form div.wpforms-container-full input[type=datetime]::placeholder, 
.contact-form div.wpforms-container-full input[type=datetime-local]::placeholder, 
.contact-form div.wpforms-container-full input[type=email]::placeholder, 
.contact-form div.wpforms-container-full input[type=month]::placeholder, 
.contact-form div.wpforms-container-full input[type=number]::placeholder, 
.contact-form div.wpforms-container-full input[type=password]::placeholder, 
.contact-form div.wpforms-container-full input[type=range]::placeholder, 
.contact-form div.wpforms-container-full input[type=search]::placeholder, 
.contact-form div.wpforms-container-full input[type=tel]::placeholder, 
.contact-form div.wpforms-container-full input[type=text]::placeholder, 
.contact-form div.wpforms-container-full input[type=time]::placeholder, 
.contact-form div.wpforms-container-full input[type=url]::placeholder, 
.contact-form div.wpforms-container-full input[type=week]::placeholder, 
.contact-form div.wpforms-container-full select::placeholder, 
.contact-form div.wpforms-container-full textarea::placeholder {
    color: #223247;
    opacity: 1;
}

@media (min-width: 1024px) {
    .contact-form div.wpforms-container-full input[type=date], 
    .contact-form div.wpforms-container-full input[type=datetime], 
    .contact-form div.wpforms-container-full input[type=datetime-local], 
    .contact-form div.wpforms-container-full input[type=email], 
    .contact-form div.wpforms-container-full input[type=month], 
    .contact-form div.wpforms-container-full input[type=number], 
    .contact-form div.wpforms-container-full input[type=password], 
    .contact-form div.wpforms-container-full input[type=range], 
    .contact-form div.wpforms-container-full input[type=search], 
    .contact-form div.wpforms-container-full input[type=tel], 
    .contact-form div.wpforms-container-full input[type=text], 
    .contact-form div.wpforms-container-full input[type=time], 
    .contact-form div.wpforms-container-full input[type=url], 
    .contact-form div.wpforms-container-full input[type=week], 
    .contact-form div.wpforms-container-full select, 
    .contact-form div.wpforms-container-full textarea {
        font-size: 22px;
        line-height: 27px;
        padding: 30px 40px;
    }
}

.contact-form div.wpforms-container-full select {
    -webkit-appearance: none;
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-select {
    position: relative;
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-select:after {
    content: '';
    position: absolute;
    bottom: 26px;
    right: 20px;
    width: 30px;
    height: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.459 20.729'%3E%3Cpath data-name='Path 248' d='m32.924 3.535-14.7 14.694L3.532 3.535' fill='none' stroke='%23223247' stroke-linecap='round' stroke-linejoin='round' stroke-width='5'/%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
    .contact-form .wpforms-container .wpforms-field.wpforms-field-select:after {
        bottom: 40px;
        right: 40px;
    }
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul,
.contact-form .wpforms-container .wpforms-field.wpforms-field-radio ul {
    background: white;
    padding: 27px 34px;
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}

@media (min-width: 1024px) {
    .contact-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul,
    .contact-form .wpforms-container .wpforms-field.wpforms-field-radio ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 34px 0;
    }
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul li,
.contact-form .wpforms-container .wpforms-field.wpforms-field-radio ul li {
    width: 100%;
}

@media (min-width: 1024px) {
    .contact-form .wpforms-container .wpforms-field.wpforms-field-checkbox ul li,
    .contact-form .wpforms-container .wpforms-field.wpforms-field-radio ul li {
        width: 33.3333%;
    }
}

.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
    font-size: 20px;
    padding-left: 20px;
    color: #223247;
}

.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input, 
.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input {
    width: 30px;
    height: 30px;
    margin: 0;
}

.contact-form div.wpforms-container-full input[type=radio]:before {
    border-radius: 5px;
}

.contact-form div.wpforms-container-full input[type=checkbox]:before, 
.contact-form div.wpforms-container-full input[type=checkbox]:after, 
.contact-form div.wpforms-container-full input[type=radio]:before, 
.contact-form div.wpforms-container-full input[type=radio]:after {
    width: 30px;
    height: 30px;
}

.contact-form div.wpforms-container-full input[type=checkbox]:before, 
.contact-form div.wpforms-container-full input[type=radio]:before {
    border-color: #223247;
    border-width: 2px;
}

.contact-form div.wpforms-container-full input[type=checkbox]:checked:before, 
.contact-form div.wpforms-container-full input[type=radio]:checked:before {
    box-shadow: none;
}

.contact-form div.wpforms-container-full input[type=radio]:checked:after {
    border-radius: 3px;
    background-color: #223247;
    left: -1px;
    top: -1px;
}

.contact-form div.wpforms-container-full input[type=checkbox]:checked:after {
    border-radius: 3px;
    border: none;
    background-color: #223247;
    left: 0px;
    top: 0px;
    transform: scale(0.65);
}

.contact-form div.wpforms-container-full .wpforms-field.wpforms-field-content p {
    font-size: 20px;
}

.contact-form .wpforms-submit-container {
    display: flex;
    justify-content: center;
    margin: 40px 0 0 !important;
    padding: 0;
}

@media (min-width: 1024px) {
    .contact-form .wpforms-submit-container {
        margin: 70px 0 0 !important;
    }
}

.contact-form .wpforms-submit-container:focus {
    outline: none;
}

.contact-form div.wpforms-container-full input[type=submit], 
.contact-form div.wpforms-container-full button[type=submit], 
.contact-form div.wpforms-container-full .wpforms-page-button {
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    border-radius: 32px;
    background: #0C1E30 !important;
    color: white;
    border: none;
    line-height: 1;
    padding: 15px 72px;
    font-size: 22px;
    cursor: pointer;
    height: auto;
    outline: none;
    box-shadow: none;
}

.contact-form div.wpforms-container-full input[type=submit]:focus, 
.contact-form div.wpforms-container-full button[type=submit]:focus, 
.contact-form div.wpforms-container-full .wpforms-page-button:focus {
    outline: none;
    box-shadow: none;
}

.contact-form div.wpforms-container-full input[type=submit]:hover, 
.contact-form div.wpforms-container-full button[type=submit]:hover, 
.contact-form div.wpforms-container-full .wpforms-page-button:hover {
    background: #F7A427 !important;
    color: white;
    border: none;
}

@media (min-width: 1024px) {
    .contact-form div.wpforms-container-full input[type=submit], 
    .contact-form div.wpforms-container-full button[type=submit], 
    .contact-form div.wpforms-container-full .wpforms-page-button {
        padding: 15px 72px;
        font-size: 22px;
    }
}


div.wpforms-container-full .wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: none !important;
    border: none !important;
    text-align: center !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p, 
div[submit-success]>.wpforms-confirmation-container-full p {
    color: #223247 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}



/* CTA Banner */
.section-cta-banner {
    position: relative;
    padding: 61px 0 78px;
}

@media (min-width: 1024px) {
    .section-cta-banner {
        padding: 99px 0 81px;
    } 
}

.cta-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    z-index: 1;
}

.cta-banner-bg img {
    display: block;
}

.cta-banner-bg-desktop {
    display: none;
}

.cta-banner-bg-mobile {
    display: block;
}

@media (min-width: 1024px) {
    .cta-banner-bg-desktop {
        display: block;
    }

    .cta-banner-bg-mobile {
        display: none;
    }
}

.cta-banner-content {
    position: relative;
    z-index: 5;
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.cta-banner-title {
    margin: 0 0 22px;
}

@media (max-width: 767px) {
    .cta-banner-title h2 {
        font-size: 50px;
        line-height: 60px;
    }
}

.cta-banner-content .text-large {
    font-size: 24px;
    line-height: 32px;
    margin: 0;
}

@media (min-width: 1024px) {
    .cta-banner-content .text-large {
        font-size: 30px;
        line-height: 40px;
    }
}

.cta-banner-content .button {
    margin-top: 59px;
}


/*==================================================*/
/* Footer */
/*==================================================*/
.site-footer {
    background: #ffffff;
}

.footer-logo {
    display: block;
    position: relative;
    text-indent: -9999px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.682 65.25'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath data-name='Rectangle 59' fill='none' d='M0 0h64.682v65.25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 35' clip-path='url(%23a)'%3E%3Cpath data-name='Path 33' d='M28.17 53.058a6.778 6.778 0 1 1-6.778-6.778 6.778 6.778 0 0 1 6.778 6.778' fill='%237cad14'/%3E%3Cpath data-name='Path 34' d='M34.162 45.725a5.478 5.478 0 0 0 3.632-.232 9.433 9.433 0 0 0 2.92-2.134c5.656-5.4 11.158-10.973 16.669-16.527 3.139-3.164 3.262-7.2.418-10.067-2.911-2.938-7.139-2.895-10.351.253C41.86 22.497 36.346 28.05 30.8 33.57a7.1 7.1 0 0 0 3.362 12.154' fill='%23008db8'/%3E%3Cpath data-name='Path 35' d='M5.646 45.024a5.472 5.472 0 0 0 3.632-.233 9.423 9.423 0 0 0 2.918-2.133c5.656-5.405 11.158-10.973 16.669-16.527 3.139-3.165 3.261-7.2.418-10.067-2.911-2.938-7.139-2.9-10.351.254-5.588 5.478-11.103 11.026-16.648 16.551a7.1 7.1 0 0 0 3.362 12.155' fill='%23db0057'/%3E%3Cpath data-name='Path 36' d='M45.229 6.778A6.778 6.778 0 1 1 38.449 0a6.778 6.778 0 0 1 6.78 6.778' fill='%23f78e01'/%3E%3C/g%3E%3C/svg%3E");
    margin: 0 0 35px;
}

.footer-row {
    display: flex;
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
}

.footer-column {
    width: 100%;
    margin: 0 0 40px;
}

.footer-column:last-child {
    width: 100%;
    margin: 0;
}

.footer-column h1,
.footer-column h2,
.footer-column h3,
.footer-column h4 {
    color: #707070;
}

.footer-column h4 {
    margin: 0 0 20px;
}

.footer-column li {
    margin: 0 0 10px;
}

.footer-column li a {
    display: block;
    width: fit-content;
    font-size: 18px;
    color: #707070;
}

.footer-column li a:hover {
    color: #223247;
}

@media (min-width: 992px) {
    .footer-logo {
        width: 65px;
        height: 65px;
        margin: 0;
    }

    .footer-socials {
        justify-content: flex-end;
        margin: 0;
    }

    .footer-row {
        display: flex;
        justify-content: space-between;
        padding-top: 47px;
        padding-bottom: 54px;
    }

    .footer-columns {
        display: flex;
        justify-content: flex-start;
        gap: 60px;
        width: calc(90% - 75px);
    }

    .footer-column {
        width: calc(50% - 100px);
        margin: 0;
    }
}

/*==================================================*/
/* Basic page */
/*==================================================*/
.page-basic {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .page-basic {
        margin-top: 80px;
    }
}


/*==================================================*/
/* Animations */
/*==================================================*/
@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    
    to {
        opacity: 1;
        transform: translateX(0);
    }
}