footer {
    overflow-y: hidden;
}

.page-template-template-costs {
    font-family: "Roboto", sans-serif;
}

.costs-template h1,
.costs-template h2,
.costs-template h3,
.costs-template h4 {
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #606873;
    margin: 0;
}

.costs-template h1,
.costs-template h2,
.costs-template h3,
.costs-template h4,
.costs-template p,
.costs-template span {
    font-family: "Roboto", sans-serif;
}

.calc_btn_orange,
.calc_btn_orange:focus,
.costs-mail_form form input[type="submit"],
.costs-form_content .form__buttons input,
.page-template-template-costs .reveal-overlay .hbspt-form > div > p:last-child a,
.page-template-template-costs .reveal-overlay .hs-button {
    position: relative;
    display: inline-block;
    padding: 0.937rem 1.875rem;
    background-color: #E16A0A;
    box-shadow: 0 0.625rem 1.25rem rgba(225, 106, 10, 0.2);
    border-radius: 5px !important;
    max-width: 18rem;
    color: #fff;
    cursor: pointer;
    transition: .4s ease;
    z-index: 1;
    text-align: center;
}

.calc_btn_orange:hover,
.costs-mail_form form input[type="submit"]:hover,
.costs-form_content .form__buttons input:hover,
.page-template-template-costs .reveal-overlay .hbspt-form > div > p:last-child a:hover,
.page-template-template-costs .reveal-overlay .hs-button:hover {
    transform: translate(0, -2px);
    background-color: #BD1550;
    box-shadow: 0 0.625rem 1.25rem rgba(189, 21, 80, 0.2);
    color: #fff;
}

/*.costs-footer .grid-container {*/
/*    max-width: 78.125rem;*/
/*    padding-right: 0;*/
/*    padding-left: 0;*/
/*}*/

.form_title,
.hs-richtext h2,
.page-template-template-costs form h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: calc(40 / 32);
    text-align: center;
}

.page-template-template-costs li {
    list-style: none;
}


@media (max-width: 1200px) {
    .form_title,
    .hs-richtext h2,
    .page-template-template-costs form h2 {
        font-size: 1.5rem;
    }
}

/*
======================================================================
    Hero section*/
.page-template-template-costs .main-header ul {
    list-style: none;
    margin-bottom: 0;
}

.costs-hero_container,
.costs-hero_content-container,
.costs-hero_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.costs-hero_container {
    height: calc(100vh - 119px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.costs-hero_content-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
}

.costs-hero {
    width: 50%;
    height: 100%;
}

.costs-hero_image {
    background-image: url('../img/Frame-fast-anim-2-vresion.svg');
    background-size: cover;
}

.costs-hero_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 42.375rem;
    padding-left: 1.25rem;
}

.costs-hero_content-decoration {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 2.2rem;
}

.costs-hero_content p:first-of-type {
    color: #888C93;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 1.5rem;
}

.costs-template h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1.5rem;
}

.costs-hero_btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 1rem;
    margin-bottom: 2.1rem;
    padding: 0 0.625rem;
}

.costs-template .green-button {
    position: relative;
    top: 0;
    padding: .9rem 2.5rem;
    background-color: #7E963A;
    color: white;
    font-size: 1.25rem;
    border-radius: 0.312rem;
    -webkit-box-shadow: 0 10px 20px rgba(126, 150, 58, 0.2);
    box-shadow: 0 10px 20px rgba(126, 150, 58, 0.2);
    -webkit-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
    line-height: 1;
    cursor: pointer;
}

.costs-template .green-button:hover {
    top: -0.187rem;
    background-color: #BD1550;
    -webkit-box-shadow: 0 12px 20px rgba(189, 21, 80, 0.2);
    box-shadow: 0 12px 20px rgba(189, 21, 80, 0.2);
}

.costs-hero_btns .calc_btn_orange {
    padding: .9rem 2.5rem;
    font-size: 1.25rem;
    line-height: 1;
}

.costs-hero_content p:last-of-type {
    color: #505C6C;
    font-size: .875rem;
    font-weight: 400;
}

@media (max-width: 1200px) {
    .main-content .grid-container {
        padding: 0 2rem;
    }

    .costs-hero_content-decoration img {
        width: 80%;
    }

    .costs-hero_content p:first-of-type {
        font-size: 1rem;
    }

    .costs-hero_content h1 {
        font-size: 2.25rem;
    }

    .costs-hero_btns .calc_btn_orange,
    .costs-template .green-button {
        font-size: 1rem;
    }
}

@media (max-width: 970px) {
    .costs-hero_btns a {
        max-width: 250px !important;
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    .costs-hero_container {
        height: 80vh;
    }

    .costs-hero_content-decoration {
        margin-bottom: 2rem;
    }

    .costs-hero_content {
        padding-left: 1.8rem;
    }

    .costs-hero_container h1 {
        font-size: 2rem;
    }

    .costs-hero_btns {
        margin-bottom: 1.1rem;
    }
}

@media (max-width: 767px) {
    .costs-hero:first-of-type {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .costs-hero:last-of-type {
        display: none;
    }

    .costs-hero_content {
        padding: 0 .5rem;
    }

    .costs-partners_container {
        margin-top: 2rem;
    }
}

/*
    Hero section
======================================================================*/
/*
======================================================================
    Partners*/
.costs-partners_container {
    margin-top: 6.8rem;
    margin-bottom: 6.5rem;
}

.costs-partners_content p {
    color: #686D72;
    font-size: 1.5rem;
    line-height: 1.5;
}

.costs-partners_content {
    margin-bottom: 2rem;
}

.costs-partners_content p:last-of-type {
    margin-top: 6.25rem;
    color: #888C93;
    font-size: 1.25rem;
    font-weight: 500;
}

.costs-partners_logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .costs-partners_container {
        margin-top: 5rem;
        margin-bottom: 4.5rem;
    }

    .costs-partners_content p {
        font-size: 1.125rem;
    }

    .costs-partners_content p:last-of-type {
        margin-top: 3.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 800px) {
    .costs-partners_container {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }

    .costs-partners_content p:last-of-type {
        margin-top: 2rem;
    }

}

/*
    Partners
======================================================================*/
/*======================================================================
    Calculator*/
.calculator_container-form {
    margin-bottom: 5rem;
}

.calculator_container {
    position: relative;
}

.calculator__body {
    max-width: 50rem;
    margin: 0 auto;
    padding-top: 8.125rem;
    padding-bottom: 1.43rem;
}

.calculator_bg_image {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
}

.calculator {
    position: relative;
    padding: 3.1rem 4.6rem 3.4rem;
}

.calculator-bg {
    background-color: #fff;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 0.375rem 0.937rem rgb(48 48 48 / 10%);
    box-shadow: 0 0.375rem 0.937rem rgb(48 48 48 / 10%);
}

.calculator h2 {
    color: #BD1550;
}

.calculator form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 2.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.calculator-label {
    position: relative;
}

.calculator-label .has-tip {
    cursor: pointer;
    border-bottom: none;

    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
}

.calculator-label img {
    width: 1.25rem;
}

.tooltip {
    max-width: 15.5rem !important;
    background-color: white !important;
    color: #606873 !important;
    -webkit-box-shadow: 0 4px 20px rgba(124, 124, 124, 0.25);
    box-shadow: 0 4px 20px rgba(124, 124, 124, 0.25);
}

.tooltip.top::before {
    border-color: #fff transparent transparent !important;
}

.tooltip.bottom::before {
    border-color: transparent transparent #fff !important;
}

.tooltip.left::before,
.tooltip.right::before {
    border-color: transparent #fff transparent !important;
}

.calculator_form_btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.costs-cards_container {
    margin-top: 5.625rem;
    background-image: url("../img/costs-cards-bg.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 5rem;
}

/*Calculator result*/
.costs-cards_container h3 {
    margin-bottom: 3.75rem;
}

.costs-card_info .costs-card__uniq {
    font-size: 1.25rem;
    margin-left: 0.625rem;
}

.costs-card_info .prefix {
    font-size: 0.875rem;
    margin: 0;
}

.costs-cards_grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.875rem;
    align-items: baseline;
}

.costs-card {
    flex: 0 0 29.875rem;
}

.costs-card_info {
    border: 1px solid #E16A0A;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 0 20px rgba(48, 48, 48, 0.1);
    box-shadow: 0 0 20px rgba(48, 48, 48, 0.1);
    width: 100%;

    cursor: pointer;
    overflow: hidden;
}

.costs-card_front {
    background-color: #fff;
    padding: 2.5rem 1.875rem;
}

.costs-card_front,
.costs-card_back {
    height: 28.625rem !important;
}


.costs-card_front .costs-card__content,
.costs-card_back div {
    overflow-y: auto;
}

.costs-card_front .costs-card__content::-webkit-scrollbar,
.costs-card_back div::-webkit-scrollbar {
    width: 3px;
}

.costs-card_front .costs-card__content::-webkit-scrollbar-track,
.costs-card_back div::-webkit-scrollbar-track {
    width: 5px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #cacaca;
    margin-left: 10px;
}

.costs-card_front .costs-card__content::-webkit-scrollbar-thumb,
.costs-card_back div::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ea924f;
}

.costs-card_back {
    color: white;
    background-color: #E16A0A;
    padding: 3.75rem 1.875rem;
}

.costs-card ul {
    color: #686D72;
}

.costs-card_front li {
    line-height: 1.5;
    list-style: disc;
}

.costs-card_info > div {
    height: 100%;
}

.costs-card_front p:first-of-type {
    color: #E16A0A;
    font-size: 4.375rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1.875rem;
}

.costs-card h3 {
    margin-bottom: 1.875rem;
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}

.cards-show {
    position: absolute;
    bottom: .75rem;
    right: 2.75rem;
    color: #888C93;
    font-size: .875rem;
    line-height: 1;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.cards-show:before {
    content: '';
    background-image: url("../img/arrow-more.svg");
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    right: -1.563rem;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .4s ease;
}

.cards-show-more:hover {
    color: #E16A0A;
}

.cards-show-more:hover:before {
    background-image: url("../img/arrow-more-orange.svg");
}

.cards-show-less:before {
    background-image: url("../img/arrow-back.svg");
}

.cards-show-less {
    color: #fff;
}

.calculator-input_container {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

.calculator-input_container p {
    color: #606873;
}

.calculator .calculator-input_container {
    margin-bottom: 1.25rem;
}

@media (min-width: 1921px) {
    .calculator_container {
        background-size: 76rem;
    }
}

@media (max-width: 1920px) {
    .calculator_container {
        background-size: 62rem;
    }
}

@media (min-width: 1239.98px) {
    .calculator_bg_image {
        transform: translate(-44%, 0);
        height: 106%;
    }
}

@media (max-width: 1239px) {
    .calculator_bg_image {
        transform: translate(-50%, 0);
    }
}

@media (max-width: 1200px) {
    .costs-card_front {
        padding: 3rem 1.5rem 1.125rem;
    }

    .costs-card_info > div {
        height: 96%;
    }

    .costs-card_front p:first-of-type {
        font-size: 4rem;
    }
}

@media (max-width: 1024px) {
    .calculator__body {
        padding-top: 4rem;
    }
}

@media (max-width: 991px) {
    .costs-cards_container h3 {
        margin-bottom: 2rem;
    }
}

@media (max-width: 970px) {
    .calculator_bg_man {
        display: none;
    }
}

@media (max-width: 800px) {
    .calculator {
        margin-top: 5rem;
        padding: 2rem;
    }

    .calculator__body {
        padding-top: 0;
    }

    .costs-card_front,
    .costs-card_back {
        height: 28.25rem !important;
    }
}

@media (max-width: 767px) {
    .calculator-label span {
        transform: translate(40px, 0);
    }

    .calculator-input_container {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media print, screen and (min-width: 640px) {
    .costs-cards_grid.grid-margin-x {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 520px) {
    .costs-card {
        flex: 100%;
    }

    .costs-card_front p:first-of-type {
        font-size: 3rem;
    }
}

/*
    Calculator
======================================================================*/
/*======================================================================
    Info Blocks*/
.info-blocks {
    margin-bottom: 5rem;
    text-align: center;
}

.info-blocks p:first-child {
    color: #E16A0A;
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 500;
}

.info-blocks h2 {
    font-size: 2.25rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.06rem;
    margin-bottom: 3.125rem;
}

.info-blocks p:last-child {
    color: #84888F;
    font-size: 1.25rem;
    line-height: 1.5;
}

.info-blocks_texts .grid-x {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.info-blocks_texts-block img {
    width: 7.5rem;
}

.info-blocks_texts-block h3 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 1rem;
}

.info-blocks .info-blocks_texts p {
    font-weight: 300;
    font-size: 1rem;
    margin-top: 1.25rem;
    color: #606873;
}

.info-blocks_texts {
    margin-top: 4.5rem;
}

.info-blocks_button {
    margin-top: 5.625rem;
}

@media (max-width: 1200px) {
    .info-blocks_texts-block h3 {
        font-size: 1.25rem;
    }

    .info-blocks_button {
        margin-top: 4.125rem;
    }

    .info-blocks h2 {
        font-size: 2rem;
    }
}

@media (max-width: 1024px) {
    .info-blocks_texts-block {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 991px) {
    .info-blocks .grid-x p {
        font-size: 1rem;
    }

    .info-blocks h2 {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .info-blocks_button {
        margin-top: 2rem;
    }
}

@media (min-width: 639px) {
    .info-blocks .grid-x .info-blocks_texts-block {
        padding: 0 0.937rem;
    }
}

/*Info Blocks
======================================================================*/

/*======================================================================
    costs-mail_container*/
.costs-mail_container {
    background-image: url(../img/mail-bg.svg);
    background-position: 92% 0;
    background-size: 60%;
    background-repeat: no-repeat;
    padding: 6.25rem 0 1.25rem 0;
    margin-bottom: 5rem;
}

.costs-mail_image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.costs-mail_image img {
    max-width: 302px;
    max-height: 550px;
    object-fit: contain;
}

.costs-mail_image:before {
    content: '';
    position: absolute;
    background-image: url(../img/mobile-form.svg);
    background-repeat: no-repeat;
    width: 100%;
    background-position: bottom;
    bottom: -3.5rem;
    right: -4rem;
    height: 100%;
}

.costs-mail_form .hs-richtext {
    margin-bottom: 2.1rem;
}

.costs-mail_form > div {
    -webkit-box-shadow: 0 6px 15px rgba(48, 48, 48, 0.1);
    box-shadow: 0 6px 15px rgba(48, 48, 48, 0.1);
    background-color: white;
    padding: 3.438rem 6.25rem;
    border-radius: .628rem;
}

.hs-richtext h2,
.costs-mail_form form h2 {
    color: #E16A0A;
}

.costs-mail_form .field {
    margin-bottom: 1.3rem;
}

.costs-mail_form .hs_email {
    margin-bottom: 1.875rem;
}

.costs-mail_form .hs_submit {
    margin-top: 1.9rem;
}

.hs_allow_sending_the_calculation_result ul,
.costs-mail_form .hs_privacy_statement .inputs-list {
    margin: 0;
}

.costs-mail_form .hs-fieldtype-booleancheckbox input {
    position: absolute;
    opacity: 0;
    height: unset;
}

.page-template-template-costs form .hs-error-msgs li label,
.page-template-template-costs form .wpcf7-not-valid-tip {
    color: #D43C3C;
    margin-top: .5rem;
    font-weight: 400;
    font-size: 0.875rem;
}

.costs-mail_form .hs-fieldtype-booleancheckbox input + span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1;
    font-weight: 400;
    padding-left: 2.0625rem;
}

.costs-mail_form .hs-fieldtype-booleancheckbox .hs-form-required {
    line-height: 1;
}

.costs-mail_form .hs-fieldtype-booleancheckbox input + span:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.187rem;
    background: transparent;
    border: 1px solid #dfdcdc;
}

.costs-mail_form .hs-fieldtype-booleancheckbox input + span a {
    color: #e97f02;
    transition: .4s ease;
}

.costs-mail_form .hs-fieldtype-booleancheckbox input + span a:hover {
    color: #BD1550;
}

.costs-mail_form .hs-fieldtype-booleancheckbox input:checked + span:before,
.page-template-template-costs .wpcf7-list-item input:checked ~ .wpcf7-list-item-label:before {
    background-image: url(../img/check-orange.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border: 1px solid #E16A0A;
}

.costs-mail_form form .actions {
    text-align: center;
}

.costs-mail_form {
    min-height: 47.9375rem !important;
}

.hs-error-msgs {
    margin: 0;
}

.costs-mail_form-button {
    display: none;
}

.registration-iframe {
    width: 100%;
    height: 672px;
}

.costs-mail_form_success {
    display: flex;
    align-items: center;
}

.costs-mail_form.costs-mail_form_success > div {
    padding: 6.25rem 5rem;
}

.costs-mail_form.costs-mail_form_success #login[data-hs-forms-root="true"] {
    text-align: center;
}

.costs-mail_container #login .submitted-message > p {
    font-weight: 400;
    font-size: 1rem;
    color: #606873;
    line-height: 1.5;
    margin-bottom: 0;
}

.costs-mail_container #login .submitted-message > p:first-child {
    color: #E16A0A;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 3.187rem;
    margin-bottom: 1.25rem;
}

.costs-mail_container .hs-form-booleancheckbox {
    position: relative;
}

@media screen and (max-width: 1200px) {
    .costs-mail_form > div {
        padding: 2rem 3rem;
        margin-top: 10rem;
    }

    .costs-mail_form_success > div {
        margin-top: 0;
    }

    .costs-mail_form {
        min-height: 53.9375rem !important;
    }

    .costs-mail_form.costs-mail_form_success > div {
        padding: 10% 12%;
    }

    .costs-mail_container #login .submitted-message > p:first-child {
        font-size: 1.5rem;
        margin-top: 1.187rem;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 1024px) {
    .costs-mail_container {
        background-position: 106% 0;
    }

    /*.costs-mail_form > div {*/
    /*    margin-top: 5rem;*/
    /*}*/
}

@media screen and (max-width: 991px) {
    .costs-mail_form {
        min-height: 43.9375rem !important;
    }
}

@media (max-width: 800px) {
    .costs-mail_container {
        background-position: 124% 87%;
        background-size: 89%;
    }

    .costs-mail_container .costs-mail .costs-mail_tel {
        width: 100%;
    }

    .costs-mail_image:before {
        bottom: 1.8rem;
        width: 14rem;
        height: 9.75rem;
        right: -2rem;
    }

    .costs-mail_container .costs-mail .costs-mail_form {
        width: 100%;
    }

    .costs-mail_form > div {
        padding: 2rem;
        margin-top: 3rem;
    }

    .costs-mail_form .hs-fieldtype-booleancheckbox input + span {
        font-size: .875rem;
    }

    .costs-mail_form {
        min-height: 20rem !important;
    }

    .costs-mail_form.costs-mail_form_success > div {
        padding: 8% 2rem;
        margin: 3rem auto 0 auto;
    }

    .costs-mail_container #login .submitted-message > p:nth-child(2) {
        max-width: 25rem;
    }
}

@media screen and (max-width: 640px) {
    .costs-mail_image:before {
        opacity: 0;
    }
}

@media screen and (max-width: 500px) {
    .costs-mail_container #login svg {
        max-width: 12.5rem;
    }

    .costs-mail_container #login .submitted-message > p {
        font-size: 0.8rem;
    }

    .costs-mail_container #login .submitted-message > p:first-child {
        font-size: 1.2rem;
    }
}

/*costs-mail_container
======================================================================*/
/*======================================================================
  .costs-form-mail*/
.costs-form-grid {
    position: relative;
}

.costs-form {
    margin-top: 2.5rem;
    background-image: url('../img/costs-footer-form-bg.svg');
    background-position: 13px 0;
    background-size: 95%;
    background-repeat: no-repeat;
}

.costs-form-grid .costs-form_image {
    position: absolute;
    width: auto;
    bottom: -7.8rem;
    right: -5%;
    height: 28rem;
    pointer-events: none;
}

.costs-form_image img {
    width: 28rem;
}

.costs-form_content {
    max-width: 37.5rem;
    margin: 4.375rem auto 0 5.75rem;
    padding: 3.438rem 6rem;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 15px rgba(48, 48, 48, 0.1);
    box-shadow: 0 6px 15px rgba(48, 48, 48, 0.1);
    border-radius: 0.625rem;
}

.costs-form_content h6 {
    color: #BD1550;
    margin: 0 0 2.5rem 0;
}

.costs-form .costs-form_content textarea {
    height: 6.85rem;
}

.costs-form_content .form__buttons {
    margin-top: -1.125rem;
}

@media screen and (max-width: 1200px) {
    .costs-form-grid .costs-form_image {
        top: -8rem;
    }

    .costs-form_content {
        margin: 4.375rem auto 0;
    }
}

@media (max-width: 1024px) {
    .costs-form {
        margin-top: 0;
    }

    .costs-form-grid .costs-form_image {
        top: -11rem;
    }
}

@media screen and (max-width: 800px) {
    .costs-form-grid .costs-form_image {
        top: -8rem;
    }

    .costs-form_image img {
        width: 21rem;
    }

    .costs-form_content {
        padding: 2rem;
    }
}

/*.costs-form-mail
======================================================================*/
/*======================================================================
        Popup*/
.page-template-template-costs .reveal-overlay .reveal {
    max-width: 64.125rem;
    width: 100%;
    padding: 3rem 6.6rem;
    -webkit-box-shadow: 0 6px 15px rgba(48, 48, 48, 0.1);
    box-shadow: 0 6px 15px rgba(48, 48, 48, 0.1);
    border-radius: 0.625rem;
}

.page-template-template-costs .reveal-overlay form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-template-template-costs .reveal-overlay form div:first-child {
    width: 100%;
}

.page-template-template-costs .reveal-overlay .hbspt-form > div > p:first-child,
.page-template-template-costs .reveal-overlay .hs-richtext h2 {
    font-size: 2.25rem;
    line-height: 1.5;
    color: #606873;
    margin-bottom: 1.125rem;
}

.page-template-template-costs .reveal-overlay .hbspt-form > div > p,
.page-template-template-costs .reveal-overlay .hs-richtext p {
    font-size: 1.25rem;
    line-height: 1.5;
    color: #84888F;
    margin-bottom: 3rem;
}

.page-template-template-costs .reveal-overlay .hs_wie_viele_mitarbeiter_innen_hat_dein_unternehmen_,
.page-template-template-costs .reveal-overlay .hs_deine_branche_,
.page-template-template-costs .reveal-overlay .hs_deine_rolle_im_unternehmen_,
.page-template-template-costs .reveal-overlay .hs_wie_hei_t_dein_bisheriger_anbieter_ {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
}

.page-template-template-costs .reveal-overlay .hs-form-field {
    margin-bottom: 3.875rem;
}

.page-template-template-costs .reveal-overlay .hs_was_ist_dir_fur_deine_navigationssoftware_besonders_wichtig_,
.page-template-template-costs .reveal-overlay .hs_warum_mochtest_du_den_anbieter_wechseln_ {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.page-template-template-costs .reveal-overlay textarea {
    height: 7.6rem;
}

.page-template-template-costs .reveal-overlay form .hs_submit,
.page-template-template-costs .reveal-overlay form .hs_submit .actions {
    width: 100%;
    text-align: center;
}

.close-button.reload-page_button span {
    position: relative;
}

.close-button.reload-page_button span:before {
    content: 'x';
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    color: #C6CCD4;
}

@media screen and (max-width: 1200px) {
    .page-template-template-costs .reveal-overlay .hbspt-form > div > p:first-child,
    .page-template-template-costs .reveal-overlay .hs-richtext h2 {
        font-size: 1.75rem;
    }

    .page-template-template-costs .reveal-overlay .hbspt-form > div > p,
    .page-template-template-costs .reveal-overlay .hs-richtext p {
        font-size: 1.125rem;
    }
}

@media (max-width: 800px) {
    .page-template-template-costs .reveal-overlay .reveal {
        padding: 2rem;
        border-radius: 0;
    }

    .page-template-template-costs .reveal-overlay .hs_wie_viele_mitarbeiter_innen_hat_dein_unternehmen_,
    .page-template-template-costs .reveal-overlay .hs_deine_branche_,
    .page-template-template-costs .reveal-overlay .hs_deine_rolle_im_unternehmen_,
    .page-template-template-costs .reveal-overlay .hs_wie_hei_t_dein_bisheriger_anbieter_ {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .page-template-template-costs .reveal-overlay .hs-form-field {
        margin-bottom: 2rem;
    }
}

/*
    Popup
======================================================================*/
/*======================================================================
Select 2*/

.page-template-template-costs form label,
.page-template-template-costs form label span,
.page-template-template-costs .wpcf7-form.init label > span:first-child {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: #606873;
}

.page-template-template-costs form label {
    margin-bottom: 0.5rem;
}

.page-template-template-costs input,
.page-template-template-costs select,
.page-template-template-costs .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-selection.select2-selection--single,
.page-template-template-costs textarea {
    background-color: #F6F7F8;
    height: 3.685rem;
}

.page-template-template-costs .wpcf7-form.init label {
    margin: 0;
}

.page-template-template-costs select {
    display: none;
}

.page-template-template-costs input,
.page-template-template-account-dashboard .select2-container--default .select2-selection--single .select2-selection__rendered,
.page-template-template-costs .select2-container--default .select2-selection--single .select2-selection__rendered,
.page-template-template-costs textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.5rem;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1rem;
    color: #606873;
    line-height: 1;
    padding-left: 1rem;
    padding-right: 2rem;
    margin-bottom: 0;
    min-height: 100%;
    font-weight: 400;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: normal;
}

.page-template-template-costs .select2-container--default .select2-selection--single .select2-selection__rendered:before,
.page-template-template-account-dashboard .select2-container--default .select2-selection--single .select2-selection__rendered:before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 0.4rem;
    background-image: url(../img/calc-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 1rem;
    z-index: 3;
}

.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .5rem;
    border: 1px solid #DCDCDC !important;
    padding-left: .6rem;
    height: 3rem;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-dropdown.select2-dropdown--above {
    position: relative;
    z-index: 100;
    background: #F6F7F8;
}

.select2-dropdown.select2-dropdown--above .select2-search {
    padding-top: .5rem;
}

.select2-container .select2-search {
    padding: 0 .6rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #BD1550 !important;
}

.select2-results {
    margin-top: 15px;
}

.select2-results__options .select2-results__option {
    font-style: normal;
    line-height: 1;
    color: #606873;
    padding: 0.625rem 1.3rem;
}

.select2-dropdown.select2-dropdown--below {
    border-radius: 0 0 .5rem .5rem;
}

.select2-dropdown.select2-dropdown--below {
    background: #F6F7F8;
}

.select2-container .select2-dropdown {
    border: none;
}

/*
Select 2
======================================================================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.page-template-template-costs .wpcf7-list-item input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    width: 1.3rem;
    height: 1.3rem;
    z-index: 9;
    cursor: pointer;
}

.page-template-template-costs .wpcf7-list-item input + .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    top: -0.187rem;
    bottom: 0;
    left: 0;
    display: inline-block;
    vertical-align: text-top;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.187rem;
    background: transparent;
    border: 1px solid #dfdcdc;

}

.page-template-template-costs .wpcf7-list-item input + .wpcf7-list-item-label {
    position: relative;
    padding: 0;
    font-size: .875rem;
    padding-left: 2rem;
    line-height: 1;
    color: #606873;
}

.page-template-template-costs .wpcf7-list-item {
    margin-left: 0;
    margin-bottom: .6rem;
}

@media screen and (max-width: 800px) {
    .page-template-template-costs .wpcf7-list-item input + .wpcf7-list-item-label {
        font-size: .8rem;
    }
}

/*=========================
Form error*/
.page-template-template-costs .wpcf7 form .wpcf7-response-output,
.hs_error_rollup label.hs-main-font-element {
    color: #D43C3C;
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.3;
    background: #FDF1F5;
    border-radius: 0.5rem;
    border: none;
    padding: 0.813rem 2rem;
}

.hs_error_rollup label.hs-main-font-element {
    margin: 0 !important;
}

.form__buttons {
    position: relative;
}

/*Form error
=========================*/

.form__buttons .wpcf7-spinner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.costs-form .costs-form_content .wpcf7-form.sent .wpcf7-response-output {
    background-color: #46b450;
    color: #fff;
}

.costs-form_content .wpcf7-form p br:first-child {
    display: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.login_form_output,
.register_form_output {
    color: #e97f02;
    transition: .4s ease;
}

input[type="text"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill,
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #F6F7F8 inset !important;
}

.account_login_form_single {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (hover: hover) and (pointer: fine) {
    .register_form_output:hover,
    .login_form_output:hover {
        color: #BD1550;
    }
}

.login_form_landing {
    flex-direction: column;
    align-items: center;
}

.login_form_landing .login_form_landing__text {
    margin-bottom: 1rem;
}

.login_form_landing .login_response_message p.success {
    color: #e97f02;
    padding-top: 20px;
}
.login_form_landing .login_response_message p.error {
    color:#D43C3C;
    padding-top: 20px;
}

.wpcf7-checkbox span.wpcf7-list-item {
position:relative;
}