/*
Theme Name: click5 Interactive Theme
Theme URI: https://www.click5.com/
Author: click5 Interactive
Author URI: https://www.click5.com/
Description: click5 Interactive WordPress Theme
Version: 3.0.17
*/

:root {
    --main: #bcb18a;
    --green: #082d2e;
    --fontPD: "Playfair Display";
}

/* HEADER */

.header {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: var(--green);
    transition: all .3s;
}
.header.hello-bar {
    top: 39px;
}
.header.sticky {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, .05);
}

.header__logo,
.header__buttons {
    width: 321px;
}
.header__logo-img {
    width: auto;
    height: 74px;
    transition: all .3s;
}
.header.sticky .header__logo-img {
    height: 64px;
}

.header__buttons {
    display: inline-flex;
    column-gap: 10px;
}
.header__button {
    display: inline-block;
    height: 61px;
    color: #082d2e;
    font-size: 17px;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: 0;
    padding: 0 30px;
    margin: 0;
    border-color: var(--main);
    border-width: 2px;
    border-style: solid;
    border-radius: 30px;
    background-color: var(--main);
    cursor: pointer;
}
.header__button.header__button--white {
    background-color: #fff;
    border-color: #fff;
}
.header__button:hover {
    color: #FFF;
    background-color: transparent;
}

/* HERO */

.hero {
    position: relative;
    height: 770px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 25px;
    background-color: var(--green);
}
.hero::before {
    content: "";
    display: block;
    width: 270px;
    height: 272px;
    background-image: url('img/icons/icon-hero-texture-1.webp');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 200px; left: 0;
}
.hero::after {
    content: "";
    display: block;
    width: 395px;
    height: 231px;
    background-image: url('img/icons/icon-hero-texture-2.webp');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 25px; right: 0;
}
.hero .row {
    position: relative;
    z-index: 4;
}

.hero__slogan {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 60px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.hero__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 136px;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -2.48px;
    padding: 20px 0 40px 0;
    margin: 0;
}
.hero__title--first {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.hero__title--second {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.hero__text {
    color: #fff;
    font-size: 33px;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -0.66px;
    padding: 0 0 2px 0;
    margin: 0;
    animation: revealClip 1s ease forwards;
    clip-path: inset(0 100% 0 0);
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
@keyframes revealClip {
    to {
        clip-path: inset(0 0 0 0);
    }
}
.hero__button {
    display: inline-block;
    height: 63px;
    color: #082d2e;
    font-size: 17px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 0 70px;
    margin: 45px 0 0 0;
    background-color: var(--main);
    border: 2px solid var(--main);
    border-radius: 30px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    cursor: pointer;
}
.hero__button:hover {
    color: #fff;
    background-color: transparent;
}

.hero__item {
    padding-top: 20px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.hero__item:nth-child(2) {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
}
.hero__item:nth-child(3) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
}

.hero-item {
    display: flex;
    align-items: center;
}
.hero-item__text {
    padding: 15px 0 15px 20px;
    margin-left: 20px;
    border-left: 1px solid rgba(255, 255, 255, .2);
}
.hero-item__text-title {
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.46px;
    padding: 0;
    margin: 0;
}
.hero-item__text-text {
    color: rgba(255, 255, 255, .55);
    font-size: 17px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    padding: 10px 0 0 0;
    margin: 0;
}

/* CALC */

.calc {
    position: relative;
    padding-top: 50px;
    background-color: var(--green);
}
.calc::before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background-color: #fff;
    position: absolute;
    bottom: 0; left: 0;
}
.calc::after {
    content: "";
    display: block;
    width: 1585px;
    height: 1536px;
    background-image: url('img/icons/icon-hero-texture-3.webp');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    bottom: 300px; right: 0;
    opacity: 0.15;
}
.calc .row {
    position: relative;
    z-index: 4;
}

.calc__box {
    position: relative;
    padding: 25px 25px 25px 80px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 15px;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s;
}

.calc__content {
    width: 36%;
}
.calc__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 52px;
    font-weight: 500;
    line-height: 55px;
    letter-spacing: 0;
    padding: 0 0 30px 0;
    margin: 0;
}
.calc__title span {
    color: #93d8da;
}
.calc__text {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}

.calc__form {
    width: 64%;
}
.calc__form-box {
    position: relative;
    padding: 0 50px;
    background-color: rgba(17, 85, 87, .6);
    border-radius: 15px;
}

.calc-form__field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 140px;
    border-bottom: 1px solid rgba(255, 255, 255, .45);
}
.calc-form__label {
    color: #bbdddd;
    font-size: 21px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.calc-form__label b,
.calc-form__label strong {
    color: #FFF;
    font-weight: 600;
}
.calc-form__value {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 85px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.7px;
    padding: 0;
    margin: 0;
}
.calc-form__value sub {
    bottom: 4px;
}
.calc-form__disclaimer {
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.07px;
    padding: 18px 0 20px 0;
    margin: 0;
}

.calc-form__range {
    position: relative;
    width: 380px;
    padding-top: 40px;
}
.calc-form__range input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 380px;
    height: 11px;
    background: #ffffff;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
}
.calc-form__range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #87cece;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.calc-form__range input[type="range"]::-moz-range-thumb {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #87cece;
    border: none;
    cursor: pointer;
}
.calc-form__range input[type="range"]::-moz-range-track {
    height: 11px;
    background: #ffffff;
    border-radius: 6px;
}
.calc-form__range-value {
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 14px;
    background: #ffffff;
    border-radius: 14px;
    color: #184d4e;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    transform: translateX(-50%);
    transition: left 0.05s linear;
}
/* .range-value::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    background: #ffffff;
    rotate: 45deg;
} */

.calc__photo-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 80px;
}
.calc__photo-box {
    width: 100%;
    height: 650px;
    transform-origin: center top;
    will-change: transform;
    transition: transform 0.05s linear;
    background-color: var(--main);
    background-size: cover;
    background-position: top center;
    border-radius: 20px;
}

/* INTRO */

.intro {
    position: relative;
}
.intro::before {
    content: "";
    display: none;
    width: calc(100% - 130px);
    height: 280px;
    margin: 0 auto;
    background-color: #f7f6f4;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
}

.intro__title {
    color: #082d2e;
    font-size: 56px;
    font-weight: 300;
    line-height: 85px;
    letter-spacing: -1.95px;
    padding: 0 0 65px 0;
    margin: 0;
}
.intro__title span {
    font-family: var(--fontPD);
    font-weight: 700;
    padding: 0 15px 5px 15px;
    background-color: #e2f1f1;
    border-radius: 5px;
}
.intro__content p {
    max-width: 90%;
    color: #082d2e;
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0;
    padding: 0;
}
.intro__content p:last-of-type {
    margin-bottom: 0;
}
.intro__content p b,
.intro__content p strong {
    color: #428181;
    font-weight: 600;
}

.intro__text p {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
}

.more__btn {
    display: inline-block;
    height: 54px;
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 18px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -0.36px;
    padding: 0 45px;
    margin: 15px 0 0 0;
    background-color: #f0f8f8;
    border: 1px solid #85adae;
    border-radius: 30px;
    cursor: pointer;
    transition: all .3s;
}
.more__btn:hover {
    background-color: #fff;
}

.intro__box {
    position: relative;
    background-color: var(--green);
    border-radius: 20px;
}

.intro__box-p {
    display: block;
    width: 100%;
    height: 595px;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.intro__box-p.intro__box-p--rounded {
    border-radius: 20px;
}

.intro__box-content {
    position: relative;
    display: flex;
    align-items: flex-end;
}
.intro__box-content::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('img/icons/icon-intro-texture-1.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
    position: absolute;
    bottom: 0; left: 0;
}
.intro__box-text {
    padding: 0 125px 145px 100px;
}
.intro__box-text p {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 29px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: 0;
    padding: 0;
}
.intro__box-text p:last-of-type {
    margin-bottom: 0;
}
.intro__box-text p b,
.intro__box-text p strong {
    color: #b0e2e2;
    font-weight: 700;
}

/* HOW */

.how {
    position: relative;
}
.how::before {
    content: "";
    display: block;
    width: calc(100% - 130px);
    height: 100%;
    margin: 0 auto;
    background-color: #f7f6f4;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    bottom: 0; left: 0; right: 0;
}
.how .row {
    position: relative;
}

.how__slogan {
    color: #082d2e;
    font-size: 15px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 0 0 45px 0;
    margin: 0;
}
.how__title {
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 65px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.3px;
    padding: 0;
    margin: 0;
}
.how__title b,
.how__title strong {
    font-weight: 600;
}
.how__title u {
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}
.how__text {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0;
    padding: 45px 0 65px 0;
    margin: 0;
}

.how-item {
    padding: 35px 25px;
    border-top: 2px solid #737372;
    transition: all .3s;
}
.how-item.active {
    background-color: #fff;
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
    transform: scale(1.05);
    z-index: 9;
}
.how-item:last-of-type {
    border-bottom: 2px solid #737372;
}
.how-item__headline {
    display: flex;
    align-items: center;
}
.how-item__step {
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    position: relative;
    color: #fff;
    font-family: var(--fontPD);
    font-size: 33px;
    font-weight: 600;
    font-style: italic;
    line-height: 68px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    background-color: #397779;
    border-radius: 50%;
}
.how-item__title {
    color: #082d2e;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.44px;
    padding: 0 0 0 35px;
    margin: 0;
}
.how-item__content {
    padding-top: 10px;
}
.how-item__text {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}

.how__button {
    display: inline-block;
    height: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 0 80px;
    margin: 45px 0 25px 0;
    background-color: var(--main);
    border: 2px solid var(--main);
    border-radius: 30px;
}
.how__button:hover {
    color: var(--green);
    background-color: transparent;
}
.how__more-text {
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 100%;
    letter-spacing: -0.4px;
    padding: 0;
    margin: 0 10px 0 0;
}
.how__more-link {
    display: inline-block;
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    padding: 0;
    margin: 0;
}
.how__more-link:hover {
    color: #397779;
    text-decoration: none;
}

/* WHY */

.why__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 65px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.3px;
    padding: 0;
    margin: 0;
}
.why__title b,
.why__title strong {
    font-weight: 700;
}
.why__text {
    color: #184d4e;
    font-size: 21px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0;
    padding: 25px 0 60px 0;
    margin: 0;
}

.why .c-1 {
    padding-top: 60px;
    padding-bottom: 60px;
    z-index: 4;
}
.why .c-1::before {
    content: "";
    display: block;
    width: calc(1560px - (var(--bs-gutter-x) * .5 * 2));
    height: 100%;
    margin: 0 auto;
    background-color: #073637;
    border-radius: 20px;
    position: absolute;
    top: 0; left: 0; right: 0;
}

.why-table__thead,
.why-table__tbody,
.why-table__tfoot {
    position: relative;
}

.why-table__tr {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}
.why-table__tr:first-of-type {
    width: 38%;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.why-table__tr.col-3 {
    width: 31%;
}
.why-table__tr-lk {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 51px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1.02px;
    padding: 0;
    margin: 0;
}
.why-table__tr-title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 25px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.5px;
    padding: 0;
    margin: 0;
}

.why-table__td {
    display: flex;
    align-items: center;
    height: 80px;
    border-top: 1px solid rgba(174, 205, 205, .5);
}
.why-table__td.col-1,
.why-table__td.col-3 {
    width: 31%;
}
.why-table__td.why-table__td--white {
    width: 38%;
    background-color: #fff;
}
.why-table__td-title {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 25px;
    margin: 0;
}
.why-table__td-value {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 60px;
    margin: 0;
}
.why-table__td-value.why-table__td-value--dark {
    color: #184d4e;
    font-weight: 500;
}
.why-table__td-value .fa-circle-check,
.why-table__td-value .fa-circle-xmark {
    position: relative;
    top: 1px;
    color: #0ea5a8;
    font-size: 20px;
    padding-right: 10px;
}
.why-table__td-value .fa-circle-xmark {
    color: #f16020;
}

.why-table__tf {
    width: 31%;
    border-top: 1px solid rgba(174, 205, 205, .5);
}
.why-table__tf.col-2 {
    width: 38%;
    height: 60px;
    background-color: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.why .c-2::before {
    content: "";
    display: block;
    width: calc(1560px - (var(--bs-gutter-x) * .5 * 2));
    height: calc(100% + 50px);
    margin: 0 auto;
    border: 2px solid #bbd2d2;
    border-radius: 20px;
    position: absolute;
    top: -50px; left: 0; right: 0;
}

.why__more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 45px;
    padding-bottom: 45px;
}
.why__more-text {
    color: #073637;
    font-size: 23px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.why__more-text a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
}
.why__more-btn {
    display: inline-block;
    height: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 0 45px;
    margin: 0 0 0 12px;
    background-color: #397779;
    border: 2px solid #397779;
    border-radius: 30px;
    cursor: pointer;
}
.why__more-btn:hover {
    color: #397779;
    background-color: #fff;
}

/* TYPES */

.types__item:nth-child(even) .row {
    flex-direction: row-reverse;
}

.types__item:nth-child(odd) .type-item__content {
    padding-left: 35px;
    padding-right: 70px;
    margin-left: -8.33333333%;
}
.types__item:nth-child(even) .type-item__content {
    padding-left: 70px;
    padding-right: 35px;
    margin-right: -8.33333333%;
}

.type-item__image-img {
    width: auto;
    height: 100%;
}

.type-item__content {
    padding-bottom: 75px;
    
}
.type-item__title {
    color: #5b8c8c;
    font-family: var(--fontPD);
    font-size: 45px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0;
    padding: 0 0 30px 0;
    margin: 0;
}
.type-item__title b,
.type-item__title strong {
    color: #184d4e;
    font-weight: 600;
}
.type-item__text {
    color: #184d4e;
    font-size: 19px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
    padding: 0;
}

/* RESOURCES */

.home .res__calcs {
    width: 48%;
}
.res__calcs-box {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px;
    background-color: #073637;
    border-radius: 20px;
}
.page-template-who .res__calcs-box {
    display: block;
    padding-top: 85px;
}

.calcs-box__title {
    color: #bbdddd;
    font-size: 29px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.calcs-box__title br,
.calcs-box__slider-label br {
    display: none;
}
.calcs-box__value {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 108px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2.16px;
    padding: 0;
    margin: 0;
}
.calcs-box__value sub {
    bottom: 4px;
}
.page-template-who .calcs-box__value {
    padding-top: 30px;
}

.calcs-box__slider {
    padding: 35px 55px 60px 55px;
    margin-top: 50px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 15px;
}
.calcs-box__slider-label {
    color: #bbdddd;
    font-size: 19px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 0 35px 0;
    margin: 0;
}
.calcs-box__slider .calc-form__range {
    margin: 0 auto;
}
.calcs-box__disclaimer {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    font-weight: 200;
    line-height: 23px;
    letter-spacing: 0;
    padding: 15px 0 0 0;
    margin: 0;
}

.calcs-box__more {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 35px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0;
    padding: 80px 0 0 25px;
    margin: 0;
}
.page-template-who .calcs-box__more {
    padding-top: 140px;
}
.calcs-box__btn {
    display: inline-block;
    height: 54px;
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: -0.36px;
    padding: 0 40px;
    margin: 40px 0 0 25px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
}
.calcs-box__btn:hover {
    color: #fff;
    background-color: transparent;
}

.calcs-box__photo {
    width: auto;
    height: 370px;
    position: absolute;
    bottom: 0; right: 0;
    border-bottom-right-radius: 16px;
}
.home .calcs-box__photo {
    height: 341px;
}

.res__boxes {
    width: 52%;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.res__box {
    position: relative;
    height: 50%;
    padding: 55px 50px 40px 50px;
    border-radius: 20px;
}
.res__box.res__box--faq {
    background-color: #e2f1f1;
}
.res__box.res__box--articles {
    background-color: #f7f6f4;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;

}
.res__box::before {
    content: "";
    display: block;
    width: 60%;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 70px; right: 50px;
}
.res__box.res__box--faq::before {
    background-color: #aad1d1;
}
.res__box.res__box--articles::before {
    background-color: #dcd7ce;
}

.res-box__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 35px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 0 35px 0;
    margin: 0 0 5px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.res-box__title.res-box__title--faq {
    border-color: #aad1d1;
}
.res-box__title.res-box__title--articles {
    border-color: #dcd7ce;
}

.res-box__item {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 55px;
}
.res-box__item-link {
    position: relative;
    display: inline-block;
    color: #184d4e;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;
    padding: 0 0 0 35px;
    margin: 0;
}
.res-box__item-link .fa-circle-question,
.res-box__item-link .fa-circle-info {
    position: absolute;
    top: 3px;
    left: 0;
}
.res-box__item-link.res-box__item-link--articles .fa-circle-info {
    color: #bcb18a
}
.res-box__item-link .fa-arrow-right {
    position: relative;
    top: -1px;
    font-size: 12px;
    padding-left: 12px;
}
.res-box__item-link.res-box__item-link--faq .fa-arrow-right {
    color: #337e7f;
}
.res-box__item-link.res-box__item-link--articles .fa-arrow-right {
    color: #bcb18a;
}
.res-box__item-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.res__boxes .more__btn {
    margin-top: 25px;
    background-color: #fff;
}
.res__box .more__btn.more__btn--articles {
    border-color: #dcd7ce;
}

/* START */

.start {
    position: relative;
    padding-top: 130px;
    padding-bottom: 90px;
    background-color: #184d4e;
}
.home .start {
    padding-top: 170px;
    padding-bottom: 140px;
}
.start::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('img/icons/icon-start-texture-1.webp');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    bottom: 0; right: 0;
}
.start__slogan {
    color: rgba(255, 255, 255, .7);
    font-size: 17px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 3.06px;
    text-transform: uppercase;
    padding: 0 0 30px 0;
    margin: 0;
}
.start__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 70px;
    font-weight: 400;
    line-height: 76px;
    letter-spacing: -1.4px;
    padding: 0;
    margin: 0;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.start__title b,
.start__title strong {
    font-weight: 700;
}
.start__text {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    padding: 25px 0 0 0;
    margin: 0;
    -webkit-animation-delay: 0.55s;
    animation-delay: 0.55s;
}
.start__buttons {
    display: flex;
    column-gap: 12px;
    padding-top: 35px;
}
.start__button {
    display: inline-block;
    width: 295px;
    height: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    background-color: var(--main);
    border: 2px solid var(--main);
    border-radius: 30px;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    cursor: pointer;
}
.start__button:hover {
    color: var(--main);
    background-color: transparent !important;
}
.start__button.start__button--start {
    color: var(--green);
    background-color: #fff;
    border-color: #fff;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.start__button.start__button--start:hover {
    color: #fff;
}

/* SUBHERO */

.subhero {
    position: relative;
    height: auto;
    background-color: var(--green);
    overflow: clip;
}
.subhero::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: absolute;
    bottom: 0; left: 0;
    z-index: 2;
}
.subhero::after {
    content: "";
    display: block;
    width: 270px;
    height: 272px;
    background-image: url("img/icons/icon-hero-texture-1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -15px;
    left: 0;
}
.subhero .row::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('img/icons/icon-hero-texture-3.webp');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top -350px right;
    position: absolute;
    bottom: 0; right: 0;
    opacity: 0.15;
    z-index: 2;
}
.subhero .row > * {
    position: relative;
    z-index: 4;
}

.subhero__content {
    padding-bottom: 140px;
}
.subhero__type {
    color: #639394;
    font-size: 36px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.72px;
    padding: 0 0 25px 0;
    margin: 0;
}
.subhero__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 68px;
    font-weight: 500;
    line-height: 70px;
    letter-spacing: -0.72px;
    padding: 0;
    margin: 0;
}
.subhero__title.subhero__title--post {
    font-size: 56px;
    line-height: 65px;
}
.subhero__title b,
.subhero__title strong {
    font-weight: 700;
}
.subhero__title span {
    font-size: 50px;
}
.subhero__text {
    color: rgba(255, 255, 255, .7);
    font-size: 28px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.56px;
    padding: 35px 0 0 0;
    margin: 0;
}

.subhero__photo {
    position: relative;
    width: calc(50% + 180px);
    margin-right: -180px;
    z-index: 4;
}
.subhero__p {
    display: block;
    width: 100%;
    height: 500px;
    background-color: #337e7f;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}

.underline-center::after,
.underline-left::after {
    content: "";
    display: block;
    width: 170px;
    height: 4px;
    margin: 35px auto 30px;
    background-color: #397779;
}
.underline-left::after {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 0 !important;
}

/* SOLUTIONS PAGE */

.solution-types,
.solution-intro {
    position: relative;
}
.solution-types::before,
.solution-intro::before {
    content: "";
    display: block;
    width: 100%;
    height: 715px;
    background: #EFF6F6;
    background: linear-gradient(0deg, rgba(239, 246, 246, 1) 0%, rgba(239, 246, 246, 0) 80%);
    position: absolute;
    top: 0; left: 0;
}
.solution-intro::before {
    height: 100%;
}
.about-intro::before {
    display: none;
}
.solution-types .row,
.solution-intro .row {
    position: relative;
    z-index: 4;
}

.solution-types__title {
    position: relative;
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.4px;
    padding: 0;
    margin: 0;
}
.solution-types__headline p {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
}
.solution-types__headline p:first-of-type {
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
}
.solution-types__headline p:last-of-type {
    margin-bottom: 0;
}

.solution-types__item {
    padding-top: 55px;
}
.solution-type__box {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    border: 1px solid rgba(187, 210, 210, .35);
    border-radius: 10px;
}
.solution-type__box:hover {
    border-color: #85adae;
}

.solution-type__content {
    padding: 55px 60px 35px 60px;
}
.solution-type__title {
    color: #5b8c8c;
    font-family: var(--fontPD);
    font-size: 43px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.solution-type__title b,
.solution-type__title strong {
    color: #184d4e;
    font-weight: 600;
}
.solution-type__subtitle {
    color: #184d4e;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    padding: 20px 0 30px 0;
    margin: 0;
}
.solution-type__subtitle b,
.solution-type__subtitle strong {
    color: #228a8d;
    font-weight: 500;
}
.solution-type__text {
    color: #082d2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
}
.solution-type__image {
    max-width: unset !important;
    margin-top: 15px;
    margin-bottom: 45px;
    margin-left: -35px;
}

.solution-type__more {
    padding: 30px 60px 35px 60px;
    background-color: #eff6f6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.solution-type__more .more__btn {
    margin-top: 0;
    background-color: #fff;
}
.solution-type__box:hover .more__btn {
    color: #fff;
    background-color: #85adae;
}

.solutions-sure__title {
    position: relative;
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 50px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1px;
    padding: 0;
    margin: 0;
}
.solutions-sure__text {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0;
    padding: 0 0 65px 0;
    margin: 0;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.solutions-sure__box {
    position: relative;
    background-color: #f1efe9;
    border-radius: 20px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.solutions-sure__box-title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 35px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    padding: 50px 0 45px 0;
    margin: 0;
    border-bottom: 5px solid #fff;
}
.solutions-sure__box-list {
    max-width: 80%;
    list-style: none;
    padding: 55px 0 25px 0;
    margin: 0 auto;
    columns: 2;
}
.solutions-sure__box-litem {
    position: relative;
    color: #082d2e;
    font-size: 21px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 0 0 35px;
    margin: 0 0 30px 0;
}
.solutions-sure__box-litem::before {
    content: "\f058";
    color: #276d6f;
    font-family: var(--fa-family-classic);
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: 0; left: 0;
}

/* SOLUTION PAGE */

.solution-intro__title {
    position: relative;
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 34px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: -1.2px;
    padding: 0;
    margin: 0;
}
.solution-intro__content p {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
}
.solution-intro__content p:last-of-type {
    margin-bottom: 0;
}

.solution-content__text {
    columns: 2;
    column-gap: 60px;
}
.solution-content__text:not(.solution-content__text--first-normal) > p:first-of-type {
    font-size: 23px;
    font-weight: 400;
    line-height: 36px;
}
.solution-content__text blockquote::after {
    content: "";
    width: 100px;
    height: 100px;
    background-image: url('img/icons/icon-check.webp');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -20px; right: 55px;
}

.solution-why {
    position: relative;
    background-color: #eff6f6;
}
.solution-why__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 50px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -1px;
    padding: 25px 0 0 0;
    margin: 0;
}
.solution-why__content p {
    color: #082d2e;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0;
    padding: 0;
}
.solution-why__content p:last-of-type {
    margin-bottom: 0;
}
.solution-why__box {
    position: relative;
    padding: 50px;
    background-color: #184d4e;
    border-radius: 20px;
}
.solution-why__box *,
.solution-why__box li::before {
    color: #FFF !important;
}

.contact__button {
    display: inline-block;
    height: 54px;
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0;
    padding: 0 45px;
    margin: 25px 0 0 0;
    background-color: #fff;
    border: 1px solid #85adae;
    border-radius: 30px;
}
.contact__button:hover {
    color: #184d4e;
    border-color: #184d4e;
}

.solution-box {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 50px 65px 40px 65px;
    background-color: #e2f1f1;
    border-radius: 20px;
}
.solution-box.solution-box--beige {
    background-color: #f7f6f4;
}
.solution-box__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.solution-box__subtitle {
    display: block;
    color: #184d4e;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    padding: 20px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #b8dfdf;
}
.solution-box__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #b8dfdf;
}
.solution-box__bottom p {
    color: #184d4e;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
}
.solution-box__bottom p:last-of-type {
    margin-bottom: 0;
}

.solution-support__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 38px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.solution-support__text {
    color: #184d4e;
    font-size: 21px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 25px 0 45px 0;
    margin: 0;
}
.solution-support__box {
    border: 3px solid #91c5c5;
    border-radius: 20px;
}
.solution-support__box.solution-support__box--bg {
    border-color: #eff6f6;
    background-color: #eff6f6;
}
.solution-support__box .solutions-sure__box-list {
    max-width: 90%;
}

/* ABOUT PAGE */

.about-story {
    position: relative;
}
.about-story::before {
    content: "";
    display: block;
    width: calc(100% - 130px);
    height: calc(100% - 270px);
    margin: 0 auto;
    background-color: #eff6f6;
    border-radius: 20px;
    position: absolute;
    top: 0; left: 0; right: 0;
}
.about-story .row {
    position: relative;
    z-index: 4;
}

.about-story__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 55px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.about-story__subtitle {
    color: #228a8d;
    font-size: 25px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    padding: 15px 0 30px 0;
    margin: 0;
}
.about-story__intro p {
    max-width: 90%;
    color: #184d4e;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.2px;
    padding: 0;
}
.about-story__intro p:last-of-type {
    margin-bottom: 0;
}
.about-story__content p b {
    font-weight: 500;
}

.about-story__p {
    display: block;
    width: 100%;
    height: 475px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
}

.about-textbox__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 0 35px 0;
    margin: 0;
}

.about-imagebox {
    position: relative;
}
.about-imagebox::before {
    content: "";
    display: block;
    width: calc(100% - 130px);
    height: 100%;
    margin: 0 auto;
    background-color: #eff6f6;
    border-radius: 20px;
    position: absolute;
    top: 0; left: 0; right: 0;
}
.about-imagebox .row {
    position: relative;
    z-index: 4;
}
.about-imagebox__photo {
    position: relative;
    left: -75px;
}
.about-imagebox__p {
    display: block;
    width: 100%;
    height: 550px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
}
.about-imagebox__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 45px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 0;
    padding: 0 0 25px 0;
    margin: 0;
}
.about-imagebox__content p:first-of-type {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}

.about-values {
    position: relative;
    margin-top: 80px;
    background-color: #073637;
}
.about-values__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 65px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.about-values__text {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0;
    padding: 20px 0 30px 0;
    margin: 0;
}

.about-values__item {
    display: flex;
    padding-top: 50px;
}
.about-value__content {
    width: calc(100% - 55px);
    padding-left: 25px;
}
.about-value__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0;
    padding: 15px 0;
    margin: 0;
}
.about-value__text {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    font-weight: 200;
    line-height: 28px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}

.about-team .container-fluid {
    background-color: #eff6f6;
}

.about-team__item {
    display: flex;
}
.about-team__item:nth-child(n+3) {
    padding-top: 30px;
}

.team-item__photo {
    width: 154px;
    height: 154px;
    background-size: cover;
    background-position: top center;
    border: 4px solid #fff;
    border-radius: 50%;
    outline: #abd5d5 solid 2px;
    filter: grayscale(100%);
}
.team-item__content {
    width: calc(100% - 154px);
    padding-left: 25px;
    padding-top: 25px;
}
.team-item__name {
    color: #082d2e;
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1px;
    padding: 0;
    margin: 0;
}
.team-item__title {
    color: #228a8d;
    font-size: 19px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    padding: 8px 0 20px 0;
    margin: 0;
}
.team-item__text {
    max-width: 90%;
    color: #184d4e;
    font-size: 18px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}
.team-item__link {
    display: inline-block;
    color: #228a8d;
    font-size: 18px;
    font-weight: 700;
    padding: 9px 11px;
    margin-top: 15px;
    border: 1px solid #b3dbdc;
    border-radius: 12px;
}
.team-item__link:hover {
    color: #184d4e;
    border-color: #184d4e;
}

/* WHY PAGE */

.why-calc {
    position: relative;
    z-index: 4;
}

.why-calc__p {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.why-calc__box {
    position: relative;
    padding: 75px 80px;
    background-color: #073637;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.why-calc__box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('img/icons/icon-intro-texture-1.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
    position: absolute;
    bottom: 0; left: 0;
}
.why-calc__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 40px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    padding: 0 0 30px 0;
    margin: 0;
}
.why-calc__text {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
}

.why-boxes__item:nth-child(n+3) {
    padding-top: 60px;
}

.why-box {
    position: relative;
    height: 100%;
    padding: 50px 50px 55px 65px;
    border: 2px solid rgba(187, 210, 210, .35);
    border-radius: 10px;
    overflow: clip;
}
.why-box::before {
    content: "";
    display: block;
    width: 276px;
    height: 276px;
    background-color: #f7fbfb;
    border-radius: 50%;
    position: absolute;
    top: -95px; left: -55px;
}
.why-box > * {
    position: relative;
    z-index: 4;
}
.why-box__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 43px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.43px;
    padding: 30px 0 0 0;
    margin: 0;
}
.why-box__subtitle {
    color: #228a8d;
    font-size: 22px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    padding: 15px 0 0 0;
    margin: 0;
}
.why-box .entry-content {
    padding-top: 35px;
}

/* WHO PAGE */

.who-boxes::before {
    background: #eff6f6;
}
.who-boxes__headline {
    padding-bottom: 25px;
}
.who-boxes__title {
    color: #0f5557;
    font-family: var(--fontPD);
    font-size: 60px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2.1px;
    padding: 0 0 45px 0;
    margin: 0;
}

.who-dashboard__photo {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

/* HOW PAGE */

.how-steps {
    position: relative;
    background-color: #eff6f6;
}

.how-steps__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 76px;
}

.how-steps__item {
    position: relative;
}
.how-steps__item:first-of-type,
.how-steps__item:nth-child(2) {
    padding-top: 0 !important;
}
.how-steps__item:nth-child(even) {
    padding-left: 38px;
    padding-top: 90px;
    top: 360px;
}
.how-steps__item:nth-child(odd) {
    padding-right: 38px;
    padding-top: 90px;
}
.how-steps__item::after {
    content: "...............................";
    color: #082d2e;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 2.5px;
    transform: rotate(90deg);
    position: absolute;
}
.how-steps__item:nth-child(odd)::after {
    bottom: 105px;
    right: -164px;
}
.how-steps__item:nth-child(even)::after {
    bottom: 110px;
    left: -149px;
}

.how-step {
    position: relative;
    height: 100%;
    padding: 85px;
    background-color: #FFF;
    border-radius: 20px;
    z-index: 4;
}
.how-step::before {
    content: "";
    width: 0; height: 0;
    border-style: solid;
    border-width: 17px 0px 17px 18px;
    border-color: transparent transparent transparent #ffffff;
    transform: rotate(0deg);
    position: absolute;
    top: calc(50% - 17px);
    z-index: 8;
}
.how-steps__item:nth-child(odd) .how-step::before {
    right: -18px;
}
.how-steps__item:nth-child(even) .how-step::before {
    border-color: transparent #ffffff transparent transparent;
    border-width: 17px 18px 17px 0px;
    left: -18px;
}
.how-step::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #184d4e;
    border-radius: 50%;
    outline: #eff6f6 solid 13px;
    position: absolute;
    top: calc(50% - 10px);
    z-index: 12;
}
.how-steps__item:nth-child(odd) .how-step::after {
    right: -48px;
}
.how-steps__item:nth-child(even) .how-step::after {
    left: -48px;
}
.how-step__step {
    width: 107px;
    height: 107px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: var(--fontPD);
    font-size: 45px;
    font-style: italic;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    background-color: #397779;
    border-radius: 50%;
}
.how-step__title {
    color: #082d2e;
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -1.05px;
    padding: 30px 0 30px 0;
    margin: 0;
}
.how-step__title span {
    font-weight: 300;
}

.how-textbox {
    position: relative;
    background-color: #0a393a;
}
.how-textbox__title {
    color: #fff;
    font-family: var(--fontPD);
    font-size: 65px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -1.3px;
    padding: 0 0 30px 0;
    margin: 0;
}
.how-textbox__content p {
    color: rgba(255, 255, 255, .8);
    font-size: 20px;
    font-weight: 300;
    line-height: 33px;
    letter-spacing: 0;
    padding: 0;
}
.how-textbox__content .start__button {
    margin-top: 15px;
}

.how-platform {
    position: relative;
}
.how-platform::before {
    content: "";
    display: block;
    width: 100%;
    height: 500px;
    background-color: #f3f2ec;
    position: absolute;
    bottom: 0; left: 0;
}
.how-platform .row {
    position: relative;
    z-index: 4;
}
.how-platform__slogan {
    color: #082d2e;
    font-size: 15px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    margin: 0;
}
.how-platform__title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 50px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: -1px;
    padding: 0;
    margin: 0;
}
.how-platform__text p {
    color: #082d2e;
    font-size: 21px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0;
    padding: 0;
}
.how-platform__text p:last-of-type {
    margin-bottom: 0;
}

/* FAQ PAGE */

.faq-categories__item:nth-child(n+3) {
    padding-top: 20px;
}

.faq-cat {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18px 35px;
    border: 2px solid #b3dbdc;
    border-radius: 10px;
    cursor: pointer;
    transition: all .3s;
}
.faq-cat:hover {
    border-color: #082d2e;
}
.faq-cat::after {
    content: "\f061";
    color: #308d8f;
    font-family: var(--fa-family-classic);
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 30px;
}
.faq-cat__title {
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.48px;
    padding: 0 0 0 25px;
    margin: 0;
}

.faq-boxes.faq-boxes__bg {
    width: calc(100% - 130px);
    margin: 0 auto;
    background-color: #f7f6f4;
    border-radius: 20px;
}
.faq-boxes__title {
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 55px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.1px;
    padding: 0;
    margin: 0;
}
.faq-boxes__text {
    color: #082d2e;
    font-size: 19px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0;
    padding: 35px 0 55px 0;
    margin: 0;
}

/* CONTACT PAGE */

.contact-form__headline .footer__contact-value {
    color: #184d4e
}

/* SUBPAGE */

.page-wrapper {
    position: relative;
}

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4 {
    scroll-margin-top: 130px;
}
.entry-content h1 a, 
.entry-content h2 a, 
.entry-content h3 a, 
.entry-content h4 a {
    color: #184d4e;
    text-decoration: none;
}

.entry-content > h1:first-child, 
.entry-content > h2:first-child, 
.entry-content > h3:first-child, 
.entry-content > h4:first-child, 
.entry-content > h5:first-child,
.entry-content > h6:first-child {
    padding-top: 0;
}

.entry-content h1, .entry-content h2, .post-title {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 33px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.33px;
}
.entry-content h1::after, .post-title::after {
    content: "";
    display: block;
    width: 208px;
    height: 10px;
    margin-top: 25px;
    background-color: var(--main);
    border-radius: 2px;
}
.entry-content h3, .sitemap_by_click5 h2 {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
}
.entry-content h4 {
    color: #184d4e;
    font-family: var(--fontPD);
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
}
.entry-content h5, .entry-content h6 {
    color: #184d4e;
    font-family: var(--fontPD);
}

.entry-content a {
    color: var(--main);
    text-decoration: underline;
    text-underline-offset: 4px;
}
.entry-content a:hover {
    text-decoration: none;
}

.entry-content p, .entry-content ul li, .entry-content ol li {
    color: #082d2e;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0;
    padding: 0;
}
.entry-content p b,
.entry-content p strong {
    font-weight: 600;
}
.entry-content p:last-of-type {
    margin-bottom: 0;
}

.entry-content img.aligncenter {
    display: block;
    height: auto;
    margin: 0 auto;
}
.entry-content img.alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-content img.alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.entry-content ul {
    list-style: none;
    padding-left: 20px;
}
.entry-content ul > li {
    position: relative;
    line-height: 28px;
    padding-left: 30px;
    margin-top: 10px;
}
.entry-content ul > li::before {
    content: "\f061";
    color: #276d6f;
    font-family: var(--fa-family-classic);
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    position: absolute;
    top: 7px;
    left: 0;
}

.entry-content ol {
    margin-left: 0;
}
.entry-content ol > li {
    padding-left: 7px;
    margin-top: 5px;
}

.entry-content blockquote {
    position: relative;
    padding: 35px 15px;
    margin: 25px 0;
    background-color: #d4e7e7;
    overflow-y: clip;
}
.entry-content blockquote:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 0;
    width: calc(100% + 50px);
    height: 100%;
    background-color: #d4e7e7;
    border-radius: 20px;
}
.entry-content blockquote * {
    position: relative;
    z-index: 4;
}
.entry-content blockquote p {
    font-size: 20px;
    font-weight: 300 !important;
    line-height: 36px;
    margin: 0;
}

.box-start {
    position: relative;
    padding: 60px 80px 55px 80px;
    margin: 35px 0;
    background-color: #073637;
    border-radius: 20px;
    overflow: clip;
}
.box-start::before {
    content: "";
    display: block;
    width: 250px;
    height: 272px;
    background-image: url("img/icons/icon-hero-texture-1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}
.box-start::after {
    content: "";
    display: block;
    width: 220px;
    height: 240px;
    background-image: url("img/icons/icon-hero-texture-1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -80px;
    left: 0;
}
.entry-content .box-start__title,
.entry-content .box-start__title a {
    color: #fff;
    margin-bottom: 0;
}
.entry-content .box-start p {
    color: rgba(255, 255, 255, .7);
}
.entry-content .box-start .start__button {
    color: #fff;
    margin-top: 30px;
    text-decoration: none;
}

/* SITEMAP */

.sitemap_by_click5 h2::after {
    display: none;
}
.sitemap_by_click5 ul li a {
    color: #184d4e;
    text-decoration: none;
}
.sitemap_by_click5 ul li a:hover {
    text-decoration: underline;
}

/* SIDEBAR */

#sidebar-toc {
    width: calc(25% + 110px);
    margin-right: -110px;
    padding-bottom: 100px;
}

/* MODALS */

.modal-content {
    border: 0;
    border-radius: 15px;
}

.modal-header {
    padding: 25px 25px 0 25px;
    border-bottom: 0;
    border-radius: 0;
}

.modal-body .headline .title {
    color: #082d2e;
    font-family: var(--fontPD);
    font-size: 42px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.84px;
    padding: 0;
    margin: 0;
}
.modal-body .headline .text {
    color: #082d2e;
    font-size: 21px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: 0;
    padding: 15px 0 30px 0;
    margin: 0;
}

.modal-body {
    padding-top: 40px;
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 60px;
}

.modal-body .form {
    padding-top: 20px;
    padding-left: 55px;
    padding-right: 55px;
}
.modal-body .form .form-submit {
    display: flex;
}
.modal-body .form .form-submit .wpcf7-submit {
    height: 66px;
    padding: 0 45px;
    margin: 0 0 0 6px;
    border-radius: 10px;
}