/*
Theme Name: Ecotori
Theme URI: https://ecotori.com/
Author: Alejandro Serrat
Author URI: https://alejandroserrat.com
Description: Custom theme for Ecotori
Version: 1.0
*/


/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./app/src/css/styles.css ***!
  \****************************************************************************************************************************************************************************/
/* Vendors */
/*@import 'vendor/bootstrap.min.css';*/
/*@import 'vendor/swiper-bundle.min.css';
@import 'vendor/fontawesome-brands.min.css';*/
/* @import 'vendor/fontawesome.min.css'; */
/* Default */
@font-face {
    font-family: 'Geist';
    src: url('fonts/Geist-Regular.eot');
    src: url('fonts/Geist-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Geist-Regular.woff2') format('woff2'),
        url('fonts/Geist-Regular.woff') format('woff'),
        url('fonts/Geist-Regular.ttf') format('truetype'),
        url('fonts/Geist-Regular.svg#Geist-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Geist';
    src: url('fonts/Geist-Italic.eot');
    src: url('fonts/Geist-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Geist-Italic.woff2') format('woff2'),
        url('fonts/Geist-Italic.woff') format('woff'),
        url('fonts/Geist-Italic.ttf') format('truetype'),
        url('fonts/Geist-Italic.svg#Geist-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Geist Mono';
    src: url('fonts/GeistMono-Regular.eot');
    src: url('fonts/GeistMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GeistMono-Regular.woff2') format('woff2'),
        url('fonts/GeistMono-Regular.woff') format('woff'),
        url('fonts/GeistMono-Regular.ttf') format('truetype'),
        url('fonts/GeistMono-Regular.svg#GeistMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Geist Mono';
    src: url('fonts/GeistMono-Italic.eot');
    src: url('fonts/GeistMono-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/GeistMono-Italic.woff2') format('woff2'),
        url('fonts/GeistMono-Italic.woff') format('woff'),
        url('fonts/GeistMono-Italic.ttf') format('truetype'),
        url('fonts/GeistMono-Italic.svg#GeistMono-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
.wpcf7,
.hs-form,
.form{
    position: relative;
    width: 100%;
    font-family: 'Geist', 'Helvetica', sans-serif;
    font-family: var(--font-primary);
    margin-top: min(3.968vw, 103.01810865px);
}
@media all and (max-width: 1100px){
.wpcf7,
.hs-form,
.form{
        margin-top: min(10.256vw, 44.1px)
}
    }
.wpcf7 fieldset[class^="form-columns-"], .hs-form fieldset[class^="form-columns-"], .form fieldset[class^="form-columns-"] {
        margin-bottom: min(7.937vw, 206.0362173px);
        max-width: 100%;
    }
@media all and (max-width: 1100px){
.wpcf7 fieldset[class^="form-columns-"], .hs-form fieldset[class^="form-columns-"], .form fieldset[class^="form-columns-"] {
            margin-bottom: min(7.692vw, 33.075px)
    }
        }
.wpcf7 fieldset[class^="form-columns-"] .hs-dependent-field, .hs-form fieldset[class^="form-columns-"] .hs-dependent-field, .form fieldset[class^="form-columns-"] .hs-dependent-field {
            display: flex;
            flex-direction: column;
            gap: min(2.646vw, 68.6787391px);
        }
.wpcf7 fieldset[class^="form-columns-"] .hs-dependent-field media all and (max-width: 1100px),.hs-form fieldset[class^="form-columns-"] .hs-dependent-field media all and (max-width: 1100px),.form fieldset[class^="form-columns-"] .hs-dependent-field media all and (max-width: 1100px){
                gap: min(4.615vw, 19.845px);
            }
.wpcf7 h1,.hs-form h1,.form h1{
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        font-size: min(2.381vw, 61.81086519px);
        font-weight: 500;
        padding-bottom: min(1.984vw, 51.509054325px);
    }
@media all and (max-width: 1100px){
.wpcf7 h1,.hs-form h1,.form h1{
            font-size: min(4.615vw, 19.845px);
            padding-bottom: min(4.615vw, 19.845px)
    }
        }
.wpcf7 ul.hs-error-msgs,.hs-form ul.hs-error-msgs,.form ul.hs-error-msgs{
            color: #D30000;
            color: var(--error);
            padding-top: min(0.661vw, 17.169684775px);
        }
.wpcf7 .hs-form-field,
    .wpcf7 .form-group,
    .hs-form .hs-form-field,
    .hs-form .form-group,
    .form .hs-form-field,
    .form .form-group{
        position: relative;

    }
/* margin-bottom: px(60); */
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field,
    .wpcf7 .form-group,
    .hs-form .hs-form-field,
    .hs-form .form-group,
    .form .hs-form-field,
    .form .form-group{
            margin-bottom: min(3.846vw, 16.5375px)

    }
        }
.wpcf7 .hs-form-field label > span,.wpcf7 .form-group label > span,.hs-form .hs-form-field label > span,.hs-form .form-group label > span,.form .hs-form-field label > span,.form .form-group label > span{
                font-family: 'Geist', 'Helvetica', sans-serif;
                font-family: var(--font-primary);
                font-size: min(2.381vw, 61.81086519px);
                font-weight: 500;
                padding-bottom: min(1.984vw, 51.509054325px);
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field label > span,.wpcf7 .form-group label > span,.hs-form .hs-form-field label > span,.hs-form .form-group label > span,.form .hs-form-field label > span,.form .form-group label > span{
                    font-size: min(4.615vw, 19.845px);
                    padding-bottom: min(4.615vw, 19.845px)
            }
                }
.wpcf7 .hs-form-field label + legend,.wpcf7 .form-group label + legend,.hs-form .hs-form-field label + legend,.hs-form .form-group label + legend,.form .hs-form-field label + legend,.form .form-group label + legend{
                font-size: min(1.852vw, 48.07511737px);
                font-weight: 400;
                padding-top: min(1.323vw, 34.33936955px);
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field label + legend,.wpcf7 .form-group label + legend,.hs-form .hs-form-field label + legend,.hs-form .form-group label + legend,.form .hs-form-field label + legend,.form .form-group label + legend{
                    font-size: min(4.103vw, 17.64px);
                    padding-top: min(3.077vw, 13.23px)
            }
                }
.wpcf7 .hs-form-field.hs-fieldtype-text,.wpcf7 .form-group.hs-fieldtype-text,.hs-form .hs-form-field.hs-fieldtype-text,.hs-form .form-group.hs-fieldtype-text,.form .hs-form-field.hs-fieldtype-text,.form .form-group.hs-fieldtype-text{
            position: relative;
        }
.wpcf7 .hs-form-field.hs-fieldtype-text.hs-email span,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-firstname span,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-lastname span,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-company span,.wpcf7 .form-group.hs-fieldtype-text.hs-email span,.wpcf7 .form-group.hs-fieldtype-text.hs-firstname span,.wpcf7 .form-group.hs-fieldtype-text.hs-lastname span,.wpcf7 .form-group.hs-fieldtype-text.hs-company span,.hs-form .hs-form-field.hs-fieldtype-text.hs-email span,.hs-form .hs-form-field.hs-fieldtype-text.hs-firstname span,.hs-form .hs-form-field.hs-fieldtype-text.hs-lastname span,.hs-form .hs-form-field.hs-fieldtype-text.hs-company span,.hs-form .form-group.hs-fieldtype-text.hs-email span,.hs-form .form-group.hs-fieldtype-text.hs-firstname span,.hs-form .form-group.hs-fieldtype-text.hs-lastname span,.hs-form .form-group.hs-fieldtype-text.hs-company span,.form .hs-form-field.hs-fieldtype-text.hs-email span,.form .hs-form-field.hs-fieldtype-text.hs-firstname span,.form .hs-form-field.hs-fieldtype-text.hs-lastname span,.form .hs-form-field.hs-fieldtype-text.hs-company span,.form .form-group.hs-fieldtype-text.hs-email span,.form .form-group.hs-fieldtype-text.hs-firstname span,.form .form-group.hs-fieldtype-text.hs-lastname span,.form .form-group.hs-fieldtype-text.hs-company span{
                    font-size: min(1.389vw, 36.056338027500004px);
                    font-weight: 400;
                }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.hs-fieldtype-text.hs-email span,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-firstname span,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-lastname span,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-company span,.wpcf7 .form-group.hs-fieldtype-text.hs-email span,.wpcf7 .form-group.hs-fieldtype-text.hs-firstname span,.wpcf7 .form-group.hs-fieldtype-text.hs-lastname span,.wpcf7 .form-group.hs-fieldtype-text.hs-company span,.hs-form .hs-form-field.hs-fieldtype-text.hs-email span,.hs-form .hs-form-field.hs-fieldtype-text.hs-firstname span,.hs-form .hs-form-field.hs-fieldtype-text.hs-lastname span,.hs-form .hs-form-field.hs-fieldtype-text.hs-company span,.hs-form .form-group.hs-fieldtype-text.hs-email span,.hs-form .form-group.hs-fieldtype-text.hs-firstname span,.hs-form .form-group.hs-fieldtype-text.hs-lastname span,.hs-form .form-group.hs-fieldtype-text.hs-company span,.form .hs-form-field.hs-fieldtype-text.hs-email span,.form .hs-form-field.hs-fieldtype-text.hs-firstname span,.form .hs-form-field.hs-fieldtype-text.hs-lastname span,.form .hs-form-field.hs-fieldtype-text.hs-company span,.form .form-group.hs-fieldtype-text.hs-email span,.form .form-group.hs-fieldtype-text.hs-firstname span,.form .form-group.hs-fieldtype-text.hs-lastname span,.form .form-group.hs-fieldtype-text.hs-company span{
                        font-size: min(4.615vw, 19.845px)
                }
                    }
.wpcf7 .hs-form-field.hs-fieldtype-text.hs-email .input,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-firstname .input,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-lastname .input,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-company .input,.wpcf7 .form-group.hs-fieldtype-text.hs-email .input,.wpcf7 .form-group.hs-fieldtype-text.hs-firstname .input,.wpcf7 .form-group.hs-fieldtype-text.hs-lastname .input,.wpcf7 .form-group.hs-fieldtype-text.hs-company .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-email .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-firstname .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-lastname .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-company .input,.hs-form .form-group.hs-fieldtype-text.hs-email .input,.hs-form .form-group.hs-fieldtype-text.hs-firstname .input,.hs-form .form-group.hs-fieldtype-text.hs-lastname .input,.hs-form .form-group.hs-fieldtype-text.hs-company .input,.form .hs-form-field.hs-fieldtype-text.hs-email .input,.form .hs-form-field.hs-fieldtype-text.hs-firstname .input,.form .hs-form-field.hs-fieldtype-text.hs-lastname .input,.form .hs-form-field.hs-fieldtype-text.hs-company .input,.form .form-group.hs-fieldtype-text.hs-email .input,.form .form-group.hs-fieldtype-text.hs-firstname .input,.form .form-group.hs-fieldtype-text.hs-lastname .input,.form .form-group.hs-fieldtype-text.hs-company .input{
                    margin-top: min(0.992vw, 25.7545271625px);
                }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.hs-fieldtype-text.hs-email .input,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-firstname .input,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-lastname .input,.wpcf7 .hs-form-field.hs-fieldtype-text.hs-company .input,.wpcf7 .form-group.hs-fieldtype-text.hs-email .input,.wpcf7 .form-group.hs-fieldtype-text.hs-firstname .input,.wpcf7 .form-group.hs-fieldtype-text.hs-lastname .input,.wpcf7 .form-group.hs-fieldtype-text.hs-company .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-email .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-firstname .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-lastname .input,.hs-form .hs-form-field.hs-fieldtype-text.hs-company .input,.hs-form .form-group.hs-fieldtype-text.hs-email .input,.hs-form .form-group.hs-fieldtype-text.hs-firstname .input,.hs-form .form-group.hs-fieldtype-text.hs-lastname .input,.hs-form .form-group.hs-fieldtype-text.hs-company .input,.form .hs-form-field.hs-fieldtype-text.hs-email .input,.form .hs-form-field.hs-fieldtype-text.hs-firstname .input,.form .hs-form-field.hs-fieldtype-text.hs-lastname .input,.form .hs-form-field.hs-fieldtype-text.hs-company .input,.form .form-group.hs-fieldtype-text.hs-email .input,.form .form-group.hs-fieldtype-text.hs-firstname .input,.form .form-group.hs-fieldtype-text.hs-lastname .input,.form .form-group.hs-fieldtype-text.hs-company .input{
                        margin-top: min(4.615vw, 19.845px)
                }
                    }
.wpcf7 .hs-form-field .title,.wpcf7 .form-group .title,.hs-form .hs-form-field .title,.hs-form .form-group .title,.form .hs-form-field .title,.form .form-group .title{
            text-align: left;
            margin-bottom: min(2.646vw, 68.6787391px);
        }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field .title,.wpcf7 .form-group .title,.hs-form .hs-form-field .title,.hs-form .form-group .title,.form .hs-form-field .title,.form .form-group .title{
                font-size: min(4.615vw, 19.845px);
                line-height: 1.15;
                margin-bottom: min(5.128vw, 22.05px)
        }
            }
.wpcf7 .hs-form-field.--radio input[type="radio"],.wpcf7 .form-group.--radio input[type="radio"],.hs-form .hs-form-field.--radio input[type="radio"],.hs-form .form-group.--radio input[type="radio"],.form .hs-form-field.--radio input[type="radio"],.form .form-group.--radio input[type="radio"]{
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0.0001;
                z-index: 1;
                cursor: pointer;
            }
.wpcf7 .hs-form-field.--radio .wpcf7-list-item,.wpcf7 .form-group.--radio .wpcf7-list-item,.hs-form .hs-form-field.--radio .wpcf7-list-item,.hs-form .form-group.--radio .wpcf7-list-item,.form .hs-form-field.--radio .wpcf7-list-item,.form .form-group.--radio .wpcf7-list-item{
                position: relative;
                margin: 0;
                white-space: wrap;
            }
.wpcf7 .hs-form-field.--radio .wpcf7-radio,.wpcf7 .form-group.--radio .wpcf7-radio,.hs-form .hs-form-field.--radio .wpcf7-radio,.hs-form .form-group.--radio .wpcf7-radio,.form .hs-form-field.--radio .wpcf7-radio,.form .form-group.--radio .wpcf7-radio{
                display: flex;
                flex-wrap: wrap;
                gap: min(1.323vw, 34.33936955px);
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--radio .wpcf7-radio,.wpcf7 .form-group.--radio .wpcf7-radio,.hs-form .hs-form-field.--radio .wpcf7-radio,.hs-form .form-group.--radio .wpcf7-radio,.form .hs-form-field.--radio .wpcf7-radio,.form .form-group.--radio .wpcf7-radio{
                    gap: min(2.564vw, 11.025px)
            }
                }
.wpcf7 .hs-form-field.--radio .wpcf7-list-item-label,.wpcf7 .form-group.--radio .wpcf7-list-item-label,.hs-form .hs-form-field.--radio .wpcf7-list-item-label,.hs-form .form-group.--radio .wpcf7-list-item-label,.form .hs-form-field.--radio .wpcf7-list-item-label,.form .form-group.--radio .wpcf7-list-item-label{
                display: inline-flex;
                position: relative;
                height: min(3.968vw, 103.01810865px);
                height: var(--fheight);
                line-height: min(3.968vw, 103.01810865px);
                line-height: var(--fheight);
                padding: 0 min(1.323vw, 34.33936955px);
                border: 1px solid #EDEDED;
                border: 1px solid var(--light);
                border-radius: min(0.331vw, 8.5848423875px);
                border-radius: var(--fradius);
                font-family: 'Geist', 'Helvetica', sans-serif;
                font-family: var(--font-primary);
                font-size: min(1.389vw, 36.056338027500004px);
                font-weight: 400;
                color: #EDEDED;
                color: var(--light);
                letter-spacing: 0.5px;
                cursor: pointer;
                transition: border-color 0.3s;
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--radio .wpcf7-list-item-label,.wpcf7 .form-group.--radio .wpcf7-list-item-label,.hs-form .hs-form-field.--radio .wpcf7-list-item-label,.hs-form .form-group.--radio .wpcf7-list-item-label,.form .hs-form-field.--radio .wpcf7-list-item-label,.form .form-group.--radio .wpcf7-list-item-label{
                    /* height: pxm(38);
                    line-height: pxm(38); */
                    padding: 0 min(2.308vw, 9.9225px);
                    font-size: min(2.821vw, 12.127500000000001px);
                    white-space: break-spaces;
                    border-radius: min(1.282vw, 5.5125px)
            }
                }
.wpcf7 .hs-form-field.--radio input[type="radio"]:checked + .wpcf7-list-item-label,.wpcf7 .form-group.--radio input[type="radio"]:checked + .wpcf7-list-item-label,.hs-form .hs-form-field.--radio input[type="radio"]:checked + .wpcf7-list-item-label,.hs-form .form-group.--radio input[type="radio"]:checked + .wpcf7-list-item-label,.form .hs-form-field.--radio input[type="radio"]:checked + .wpcf7-list-item-label,.form .form-group.--radio input[type="radio"]:checked + .wpcf7-list-item-label{
                border: 1px solid #0F0E13;
                border: 1px solid var(--black);
                background-color: #0F0E13;
                background-color: var(--black);
                color: #FFFFFF;
                color: var(--white);
            }
.wpcf7 .hs-form-field.--name select,.wpcf7 .form-group.--name select,.hs-form .hs-form-field.--name select,.hs-form .form-group.--name select,.form .hs-form-field.--name select,.form .form-group.--name select{
                width: min(9.854vw, 255.8283031475px);
                margin-bottom: min(1.323vw, 34.33936955px);
                background-position: 82%;
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--name select,.wpcf7 .form-group.--name select,.hs-form .hs-form-field.--name select,.hs-form .form-group.--name select,.form .hs-form-field.--name select,.form .form-group.--name select{
                    width: min(19.744vw, 84.8925px);
                    margin-bottom: min(2.564vw, 11.025px);
                    background-position: 82%
            }
                }
.wpcf7 .hs-form-field.--date input,.wpcf7 .form-group.--date input,.hs-form .hs-form-field.--date input,.hs-form .form-group.--date input,.form .hs-form-field.--date input,.form .form-group.--date input{
                width: min(14.286vw, 370.86519114px);
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--date input,.wpcf7 .form-group.--date input,.hs-form .hs-form-field.--date input,.hs-form .form-group.--date input,.form .hs-form-field.--date input,.form .form-group.--date input{
                    width: 100%
            }
                }
.wpcf7 .hs-form-field .input,.wpcf7 .form-group .input,.hs-form .hs-form-field .input,.hs-form .form-group .input,.form .hs-form-field .input,.form .form-group .input{
            margin-top: min(2.646vw, 68.6787391px);
            margin-right: 0;
        }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field .input,.wpcf7 .form-group .input,.hs-form .hs-form-field .input,.hs-form .form-group .input,.form .hs-form-field .input,.form .form-group .input{
                margin-top: min(4.615vw, 19.845px)
        }
            }
.wpcf7 .hs-form-field .input .hs-input,.wpcf7 .form-group .input .hs-input,.hs-form .hs-form-field .input .hs-input,.hs-form .form-group .input .hs-input,.form .hs-form-field .input .hs-input,.form .form-group .input .hs-input{
                width: 100%;
            }
.wpcf7 .hs-form-field.--checkbox,
        .wpcf7 .hs-form-field ul[role="checkbox"],
        .wpcf7 .form-group.--checkbox,
        .wpcf7 .form-group ul[role="checkbox"],
        .hs-form .hs-form-field.--checkbox,
        .hs-form .hs-form-field ul[role="checkbox"],
        .hs-form .form-group.--checkbox,
        .hs-form .form-group ul[role="checkbox"],
        .form .hs-form-field.--checkbox,
        .form .hs-form-field ul[role="checkbox"],
        .form .form-group.--checkbox,
        .form .form-group ul[role="checkbox"]{
            display: flex;
            flex-wrap: wrap;
            gap: min(1.323vw, 34.33936955px);
        }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--checkbox,
        .wpcf7 .hs-form-field ul[role="checkbox"],
        .wpcf7 .form-group.--checkbox,
        .wpcf7 .form-group ul[role="checkbox"],
        .hs-form .hs-form-field.--checkbox,
        .hs-form .hs-form-field ul[role="checkbox"],
        .hs-form .form-group.--checkbox,
        .hs-form .form-group ul[role="checkbox"],
        .form .hs-form-field.--checkbox,
        .form .hs-form-field ul[role="checkbox"],
        .form .form-group.--checkbox,
        .form .form-group ul[role="checkbox"]{
                gap: min(2.308vw, 9.9225px)
        }
            }
.wpcf7 .hs-form-field.--checkbox input[type="checkbox"],
            .wpcf7 .hs-form-field.--checkbox input[type="radio"],
            .wpcf7 .hs-form-field ul[role="checkbox"] input[type="checkbox"],
            .wpcf7 .hs-form-field ul[role="checkbox"] input[type="radio"],
            .wpcf7 .form-group.--checkbox input[type="checkbox"],
            .wpcf7 .form-group.--checkbox input[type="radio"],
            .wpcf7 .form-group ul[role="checkbox"] input[type="checkbox"],
            .wpcf7 .form-group ul[role="checkbox"] input[type="radio"],
            .hs-form .hs-form-field.--checkbox input[type="checkbox"],
            .hs-form .hs-form-field.--checkbox input[type="radio"],
            .hs-form .hs-form-field ul[role="checkbox"] input[type="checkbox"],
            .hs-form .hs-form-field ul[role="checkbox"] input[type="radio"],
            .hs-form .form-group.--checkbox input[type="checkbox"],
            .hs-form .form-group.--checkbox input[type="radio"],
            .hs-form .form-group ul[role="checkbox"] input[type="checkbox"],
            .hs-form .form-group ul[role="checkbox"] input[type="radio"],
            .form .hs-form-field.--checkbox input[type="checkbox"],
            .form .hs-form-field.--checkbox input[type="radio"],
            .form .hs-form-field ul[role="checkbox"] input[type="checkbox"],
            .form .hs-form-field ul[role="checkbox"] input[type="radio"],
            .form .form-group.--checkbox input[type="checkbox"],
            .form .form-group.--checkbox input[type="radio"],
            .form .form-group ul[role="checkbox"] input[type="checkbox"],
            .form .form-group ul[role="checkbox"] input[type="radio"]{
                /* position: absolute;
                width: 100%;
                height: 100%; */
                display: none;
                opacity: 0.0001;
                z-index: 1;
                cursor: pointer;
            }
.wpcf7 .hs-form-field.--checkbox input[type="checkbox"] + span,.wpcf7 .hs-form-field.--checkbox input[type="radio"] + span,.wpcf7 .hs-form-field ul[role="checkbox"] input[type="checkbox"] + span,.wpcf7 .hs-form-field ul[role="checkbox"] input[type="radio"] + span,.wpcf7 .form-group.--checkbox input[type="checkbox"] + span,.wpcf7 .form-group.--checkbox input[type="radio"] + span,.wpcf7 .form-group ul[role="checkbox"] input[type="checkbox"] + span,.wpcf7 .form-group ul[role="checkbox"] input[type="radio"] + span,.hs-form .hs-form-field.--checkbox input[type="checkbox"] + span,.hs-form .hs-form-field.--checkbox input[type="radio"] + span,.hs-form .hs-form-field ul[role="checkbox"] input[type="checkbox"] + span,.hs-form .hs-form-field ul[role="checkbox"] input[type="radio"] + span,.hs-form .form-group.--checkbox input[type="checkbox"] + span,.hs-form .form-group.--checkbox input[type="radio"] + span,.hs-form .form-group ul[role="checkbox"] input[type="checkbox"] + span,.hs-form .form-group ul[role="checkbox"] input[type="radio"] + span,.form .hs-form-field.--checkbox input[type="checkbox"] + span,.form .hs-form-field.--checkbox input[type="radio"] + span,.form .hs-form-field ul[role="checkbox"] input[type="checkbox"] + span,.form .hs-form-field ul[role="checkbox"] input[type="radio"] + span,.form .form-group.--checkbox input[type="checkbox"] + span,.form .form-group.--checkbox input[type="radio"] + span,.form .form-group ul[role="checkbox"] input[type="checkbox"] + span,.form .form-group ul[role="checkbox"] input[type="radio"] + span{
                    display: inline-block;
                    font-size: min(1.389vw, 36.056338027500004px);
                    line-height: min(3.968vw, 103.01810865px);
                    height: min(3.968vw, 103.01810865px);
                    padding: 0 min(1.323vw, 34.33936955px);
                    color: #666666;
                    border: 1px solid #666666;
                    border-radius: min(0.661vw, 17.169684775px);
                    cursor: pointer;
                    transition: all 0.3s ease;
                }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--checkbox input[type="checkbox"] + span,.wpcf7 .hs-form-field.--checkbox input[type="radio"] + span,.wpcf7 .hs-form-field ul[role="checkbox"] input[type="checkbox"] + span,.wpcf7 .hs-form-field ul[role="checkbox"] input[type="radio"] + span,.wpcf7 .form-group.--checkbox input[type="checkbox"] + span,.wpcf7 .form-group.--checkbox input[type="radio"] + span,.wpcf7 .form-group ul[role="checkbox"] input[type="checkbox"] + span,.wpcf7 .form-group ul[role="checkbox"] input[type="radio"] + span,.hs-form .hs-form-field.--checkbox input[type="checkbox"] + span,.hs-form .hs-form-field.--checkbox input[type="radio"] + span,.hs-form .hs-form-field ul[role="checkbox"] input[type="checkbox"] + span,.hs-form .hs-form-field ul[role="checkbox"] input[type="radio"] + span,.hs-form .form-group.--checkbox input[type="checkbox"] + span,.hs-form .form-group.--checkbox input[type="radio"] + span,.hs-form .form-group ul[role="checkbox"] input[type="checkbox"] + span,.hs-form .form-group ul[role="checkbox"] input[type="radio"] + span,.form .hs-form-field.--checkbox input[type="checkbox"] + span,.form .hs-form-field.--checkbox input[type="radio"] + span,.form .hs-form-field ul[role="checkbox"] input[type="checkbox"] + span,.form .hs-form-field ul[role="checkbox"] input[type="radio"] + span,.form .form-group.--checkbox input[type="checkbox"] + span,.form .form-group.--checkbox input[type="radio"] + span,.form .form-group ul[role="checkbox"] input[type="checkbox"] + span,.form .form-group ul[role="checkbox"] input[type="radio"] + span{
                        font-size: min(2.821vw, 12.127500000000001px);
                        line-height: min(9.231vw, 39.69px);
                        height: min(9.231vw, 39.69px);
                        padding: 0 min(2.308vw, 9.9225px);
                        border-radius: min(1.282vw, 5.5125px)
                }
                    }
.wpcf7 .hs-form-field.--checkbox .wpcf7-list-item,.wpcf7 .hs-form-field ul[role="checkbox"] .wpcf7-list-item,.wpcf7 .form-group.--checkbox .wpcf7-list-item,.wpcf7 .form-group ul[role="checkbox"] .wpcf7-list-item,.hs-form .hs-form-field.--checkbox .wpcf7-list-item,.hs-form .hs-form-field ul[role="checkbox"] .wpcf7-list-item,.hs-form .form-group.--checkbox .wpcf7-list-item,.hs-form .form-group ul[role="checkbox"] .wpcf7-list-item,.form .hs-form-field.--checkbox .wpcf7-list-item,.form .hs-form-field ul[role="checkbox"] .wpcf7-list-item,.form .form-group.--checkbox .wpcf7-list-item,.form .form-group ul[role="checkbox"] .wpcf7-list-item{
                position: relative;
                margin: 0;
            }
.wpcf7 .hs-form-field.--checkbox .wpcf7-list-item-label,.wpcf7 .hs-form-field ul[role="checkbox"] .wpcf7-list-item-label,.wpcf7 .form-group.--checkbox .wpcf7-list-item-label,.wpcf7 .form-group ul[role="checkbox"] .wpcf7-list-item-label,.hs-form .hs-form-field.--checkbox .wpcf7-list-item-label,.hs-form .hs-form-field ul[role="checkbox"] .wpcf7-list-item-label,.hs-form .form-group.--checkbox .wpcf7-list-item-label,.hs-form .form-group ul[role="checkbox"] .wpcf7-list-item-label,.form .hs-form-field.--checkbox .wpcf7-list-item-label,.form .hs-form-field ul[role="checkbox"] .wpcf7-list-item-label,.form .form-group.--checkbox .wpcf7-list-item-label,.form .form-group ul[role="checkbox"] .wpcf7-list-item-label{
                display: inline-flex;
                position: relative;
                height: min(3.968vw, 103.01810865px);
                height: var(--fheight);
                line-height: min(3.968vw, 103.01810865px);
                line-height: var(--fheight);
                padding: 0 min(1.323vw, 34.33936955px);
                border: 1px solid #EDEDED;
                border: 1px solid var(--light);
                border-radius: min(0.331vw, 8.5848423875px);
                border-radius: var(--fradius);
                font-family: 'Geist', 'Helvetica', sans-serif;
                font-family: var(--font-primary);
                font-size: min(1.389vw, 36.056338027500004px);
                font-weight: 400;
                color: #EDEDED;
                color: var(--light);
                letter-spacing: 0.5px;
                cursor: pointer;
                transition: border-color 0.3s;
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--checkbox .wpcf7-list-item-label,.wpcf7 .hs-form-field ul[role="checkbox"] .wpcf7-list-item-label,.wpcf7 .form-group.--checkbox .wpcf7-list-item-label,.wpcf7 .form-group ul[role="checkbox"] .wpcf7-list-item-label,.hs-form .hs-form-field.--checkbox .wpcf7-list-item-label,.hs-form .hs-form-field ul[role="checkbox"] .wpcf7-list-item-label,.hs-form .form-group.--checkbox .wpcf7-list-item-label,.hs-form .form-group ul[role="checkbox"] .wpcf7-list-item-label,.form .hs-form-field.--checkbox .wpcf7-list-item-label,.form .hs-form-field ul[role="checkbox"] .wpcf7-list-item-label,.form .form-group.--checkbox .wpcf7-list-item-label,.form .form-group ul[role="checkbox"] .wpcf7-list-item-label{
                    /* height: pxm(38);
                    line-height: pxm(38); */
                    padding: 0 min(2.308vw, 9.9225px);
                    font-size: min(2.821vw, 12.127500000000001px);
                    border-radius: min(1.282vw, 5.5125px)
            }
                }
.wpcf7 .hs-form-field.--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .wpcf7 .hs-form-field.--checkbox input[type="checkbox"]:checked + span,
            .wpcf7 .hs-form-field.--checkbox input[type="radio"]:checked + span,
            .wpcf7 .hs-form-field ul[role="checkbox"] input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .wpcf7 .hs-form-field ul[role="checkbox"] input[type="checkbox"]:checked + span,
            .wpcf7 .hs-form-field ul[role="checkbox"] input[type="radio"]:checked + span,
            .wpcf7 .form-group.--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .wpcf7 .form-group.--checkbox input[type="checkbox"]:checked + span,
            .wpcf7 .form-group.--checkbox input[type="radio"]:checked + span,
            .wpcf7 .form-group ul[role="checkbox"] input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .wpcf7 .form-group ul[role="checkbox"] input[type="checkbox"]:checked + span,
            .wpcf7 .form-group ul[role="checkbox"] input[type="radio"]:checked + span,
            .hs-form .hs-form-field.--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .hs-form .hs-form-field.--checkbox input[type="checkbox"]:checked + span,
            .hs-form .hs-form-field.--checkbox input[type="radio"]:checked + span,
            .hs-form .hs-form-field ul[role="checkbox"] input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .hs-form .hs-form-field ul[role="checkbox"] input[type="checkbox"]:checked + span,
            .hs-form .hs-form-field ul[role="checkbox"] input[type="radio"]:checked + span,
            .hs-form .form-group.--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .hs-form .form-group.--checkbox input[type="checkbox"]:checked + span,
            .hs-form .form-group.--checkbox input[type="radio"]:checked + span,
            .hs-form .form-group ul[role="checkbox"] input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .hs-form .form-group ul[role="checkbox"] input[type="checkbox"]:checked + span,
            .hs-form .form-group ul[role="checkbox"] input[type="radio"]:checked + span,
            .form .hs-form-field.--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .form .hs-form-field.--checkbox input[type="checkbox"]:checked + span,
            .form .hs-form-field.--checkbox input[type="radio"]:checked + span,
            .form .hs-form-field ul[role="checkbox"] input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .form .hs-form-field ul[role="checkbox"] input[type="checkbox"]:checked + span,
            .form .hs-form-field ul[role="checkbox"] input[type="radio"]:checked + span,
            .form .form-group.--checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .form .form-group.--checkbox input[type="checkbox"]:checked + span,
            .form .form-group.--checkbox input[type="radio"]:checked + span,
            .form .form-group ul[role="checkbox"] input[type="checkbox"]:checked + .wpcf7-list-item-label,
            .form .form-group ul[role="checkbox"] input[type="checkbox"]:checked + span,
            .form .form-group ul[role="checkbox"] input[type="radio"]:checked + span{
                background-color: #666666;
                color: #FFFFFF;
                color: var(--white);
            }
.wpcf7 .hs-form-field.--checkbox input[type="text"],.wpcf7 .hs-form-field ul[role="checkbox"] input[type="text"],.wpcf7 .form-group.--checkbox input[type="text"],.wpcf7 .form-group ul[role="checkbox"] input[type="text"],.hs-form .hs-form-field.--checkbox input[type="text"],.hs-form .hs-form-field ul[role="checkbox"] input[type="text"],.hs-form .form-group.--checkbox input[type="text"],.hs-form .form-group ul[role="checkbox"] input[type="text"],.form .hs-form-field.--checkbox input[type="text"],.form .hs-form-field ul[role="checkbox"] input[type="text"],.form .form-group.--checkbox input[type="text"],.form .form-group ul[role="checkbox"] input[type="text"]{
                width: auto;
                margin-top: min(1.323vw, 34.33936955px);
            }
.wpcf7 .hs-form-field.--checkbox input[type="text"].hide,.wpcf7 .hs-form-field ul[role="checkbox"] input[type="text"].hide,.wpcf7 .form-group.--checkbox input[type="text"].hide,.wpcf7 .form-group ul[role="checkbox"] input[type="text"].hide,.hs-form .hs-form-field.--checkbox input[type="text"].hide,.hs-form .hs-form-field ul[role="checkbox"] input[type="text"].hide,.hs-form .form-group.--checkbox input[type="text"].hide,.hs-form .form-group ul[role="checkbox"] input[type="text"].hide,.form .hs-form-field.--checkbox input[type="text"].hide,.form .hs-form-field ul[role="checkbox"] input[type="text"].hide,.form .form-group.--checkbox input[type="text"].hide,.form .form-group ul[role="checkbox"] input[type="text"].hide{
                    height: 0;
                    opacity: 0.0001;
                    margin-bottom: 0;
                    pointer-events: none;
                }
.wpcf7 .hs-form-field.--number input,.wpcf7 .form-group.--number input,.hs-form .hs-form-field.--number input,.hs-form .form-group.--number input,.form .hs-form-field.--number input,.form .form-group.--number input{
                width: min(23.810vw, 618.1086519px);
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--number input,.wpcf7 .form-group.--number input,.hs-form .hs-form-field.--number input,.hs-form .form-group.--number input,.form .hs-form-field.--number input,.form .form-group.--number input{
                    width: 50%
            }
                }
.wpcf7 .hs-form-field.--hide,.wpcf7 .form-group.--hide,.hs-form .hs-form-field.--hide,.hs-form .form-group.--hide,.form .hs-form-field.--hide,.form .form-group.--hide{
            height: 0;
            opacity: 0.0001;
            margin-bottom: 0;
            pointer-events: none;
        }
.wpcf7 .hs-form-field.--legal,.wpcf7 .form-group.--legal,.hs-form .hs-form-field.--legal,.hs-form .form-group.--legal,.form .hs-form-field.--legal,.form .form-group.--legal{
            margin-bottom: min(1.984vw, 51.509054325px);
        }
.wpcf7 .hs-form-field.--legal .wpcf7-list-item,.wpcf7 .form-group.--legal .wpcf7-list-item,.hs-form .hs-form-field.--legal .wpcf7-list-item,.hs-form .form-group.--legal .wpcf7-list-item,.form .hs-form-field.--legal .wpcf7-list-item,.form .form-group.--legal .wpcf7-list-item{
                position: relative;
                margin: 0;
            }
.wpcf7 .hs-form-field.--legal .wpcf7-list-item label,.wpcf7 .form-group.--legal .wpcf7-list-item label,.hs-form .hs-form-field.--legal .wpcf7-list-item label,.hs-form .form-group.--legal .wpcf7-list-item label,.form .hs-form-field.--legal .wpcf7-list-item label,.form .form-group.--legal .wpcf7-list-item label{
                    display: flex;
                    align-items: center;
                    gap: min(0.529vw, 13.73574782px);
                }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--legal .wpcf7-list-item label,.wpcf7 .form-group.--legal .wpcf7-list-item label,.hs-form .hs-form-field.--legal .wpcf7-list-item label,.hs-form .form-group.--legal .wpcf7-list-item label,.form .hs-form-field.--legal .wpcf7-list-item label,.form .form-group.--legal .wpcf7-list-item label{
                        gap: min(1.538vw, 6.615px)
                }
                    }
.wpcf7 .hs-form-field.--legal .wpcf7-list-item label span,.wpcf7 .form-group.--legal .wpcf7-list-item label span,.hs-form .hs-form-field.--legal .wpcf7-list-item label span,.hs-form .form-group.--legal .wpcf7-list-item label span,.form .hs-form-field.--legal .wpcf7-list-item label span,.form .form-group.--legal .wpcf7-list-item label span{
                        font-family: 'Geist', 'Helvetica', sans-serif;
                        font-family: var(--font-primary);
                        font-size: min(1.389vw, 36.056338027500004px);
                    }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field.--legal .wpcf7-list-item label span,.wpcf7 .form-group.--legal .wpcf7-list-item label span,.hs-form .hs-form-field.--legal .wpcf7-list-item label span,.hs-form .form-group.--legal .wpcf7-list-item label span,.form .hs-form-field.--legal .wpcf7-list-item label span,.form .form-group.--legal .wpcf7-list-item label span{
                            font-size: min(2.821vw, 12.127500000000001px);
                            line-height: 1.6
                    }
                        }
.wpcf7 .hs-form-field.--legal .wpcf7-list-item label span a,.wpcf7 .form-group.--legal .wpcf7-list-item label span a,.hs-form .hs-form-field.--legal .wpcf7-list-item label span a,.hs-form .form-group.--legal .wpcf7-list-item label span a,.form .hs-form-field.--legal .wpcf7-list-item label span a,.form .form-group.--legal .wpcf7-list-item label span a{
                            text-decoration: underline;
                        }
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display,.wpcf7 .form-group label.hs-form-booleancheckbox-display,.hs-form .hs-form-field label.hs-form-booleancheckbox-display,.hs-form .form-group label.hs-form-booleancheckbox-display,.form .hs-form-field label.hs-form-booleancheckbox-display,.form .form-group label.hs-form-booleancheckbox-display{
            display: flex;
            align-items: flex-end;
        }
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display input,.wpcf7 .form-group label.hs-form-booleancheckbox-display input,.hs-form .hs-form-field label.hs-form-booleancheckbox-display input,.hs-form .form-group label.hs-form-booleancheckbox-display input,.form .hs-form-field label.hs-form-booleancheckbox-display input,.form .form-group label.hs-form-booleancheckbox-display input{
                width: min(0.992vw, 25.7545271625px)!important;
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display input,.wpcf7 .form-group label.hs-form-booleancheckbox-display input,.hs-form .hs-form-field label.hs-form-booleancheckbox-display input,.hs-form .form-group label.hs-form-booleancheckbox-display input,.form .hs-form-field label.hs-form-booleancheckbox-display input,.form .form-group label.hs-form-booleancheckbox-display input{
                    width: min(4.615vw, 19.845px)!important
            }
                }
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display span,.wpcf7 .form-group label.hs-form-booleancheckbox-display span,.hs-form .hs-form-field label.hs-form-booleancheckbox-display span,.hs-form .form-group label.hs-form-booleancheckbox-display span,.form .hs-form-field label.hs-form-booleancheckbox-display span,.form .form-group label.hs-form-booleancheckbox-display span{
                margin-left: min(0.529vw, 13.73574782px);
                padding: 0;
            }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display span,.wpcf7 .form-group label.hs-form-booleancheckbox-display span,.hs-form .hs-form-field label.hs-form-booleancheckbox-display span,.hs-form .form-group label.hs-form-booleancheckbox-display span,.form .hs-form-field label.hs-form-booleancheckbox-display span,.form .form-group label.hs-form-booleancheckbox-display span{
                    display: flex;
                    margin-left: min(2.564vw, 11.025px)
            }
                }
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display span p,.wpcf7 .form-group label.hs-form-booleancheckbox-display span p,.hs-form .hs-form-field label.hs-form-booleancheckbox-display span p,.hs-form .form-group label.hs-form-booleancheckbox-display span p,.form .hs-form-field label.hs-form-booleancheckbox-display span p,.form .form-group label.hs-form-booleancheckbox-display span p{
                    font-size: min(1.521vw, 39.4902749825px);
                }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display span p,.wpcf7 .form-group label.hs-form-booleancheckbox-display span p,.hs-form .hs-form-field label.hs-form-booleancheckbox-display span p,.hs-form .form-group label.hs-form-booleancheckbox-display span p,.form .hs-form-field label.hs-form-booleancheckbox-display span p,.form .form-group label.hs-form-booleancheckbox-display span p{
                        display: inline-block;
                        width: 100%;
                        font-size: min(4.103vw, 17.64px)
                }
                    }
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display span .hs-form-required,.wpcf7 .form-group label.hs-form-booleancheckbox-display span .hs-form-required,.hs-form .hs-form-field label.hs-form-booleancheckbox-display span .hs-form-required,.hs-form .form-group label.hs-form-booleancheckbox-display span .hs-form-required,.form .hs-form-field label.hs-form-booleancheckbox-display span .hs-form-required,.form .form-group label.hs-form-booleancheckbox-display span .hs-form-required{
                    font-size: min(1.323vw, 34.33936955px);
                }
@media all and (max-width: 1100px){
.wpcf7 .hs-form-field label.hs-form-booleancheckbox-display span .hs-form-required,.wpcf7 .form-group label.hs-form-booleancheckbox-display span .hs-form-required,.hs-form .hs-form-field label.hs-form-booleancheckbox-display span .hs-form-required,.hs-form .form-group label.hs-form-booleancheckbox-display span .hs-form-required,.form .hs-form-field label.hs-form-booleancheckbox-display span .hs-form-required,.form .form-group label.hs-form-booleancheckbox-display span .hs-form-required{
                        font-size: min(4.103vw, 17.64px)
                }
                    }
.wpcf7 .flex,.hs-form .flex,.form .flex{
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: min(1.323vw, 34.33936955px);
    }
@media all and (max-width: 1100px){
.wpcf7 .flex,.hs-form .flex,.form .flex{
           gap: min(2.564vw, 11.025px)
    }
        }
@media all and (max-width: 1100px){
.wpcf7 .flex.--2,.hs-form .flex.--2,.form .flex.--2{
                flex-direction: column
        }
            }
.wpcf7 .flex.--2 .wpcf7-form-control-wrap,
            .wpcf7 .flex.--2 .contentblock,
            .hs-form .flex.--2 .wpcf7-form-control-wrap,
            .hs-form .flex.--2 .contentblock,
            .form .flex.--2 .wpcf7-form-control-wrap,
            .form .flex.--2 .contentblock{
                width: 48.8%;
            }
@media all and (max-width: 1100px){
.wpcf7 .flex.--2 .wpcf7-form-control-wrap,
            .wpcf7 .flex.--2 .contentblock,
            .hs-form .flex.--2 .wpcf7-form-control-wrap,
            .hs-form .flex.--2 .contentblock,
            .form .flex.--2 .wpcf7-form-control-wrap,
            .form .flex.--2 .contentblock{
                    width: 100%
            }
                }
.wpcf7 .flex.--3 .wpcf7-form-control-wrap,.hs-form .flex.--3 .wpcf7-form-control-wrap,.form .flex.--3 .wpcf7-form-control-wrap{
                width: 33%;
            }
.wpcf7 .flex.--4 .wpcf7-form-control-wrap,.hs-form .flex.--4 .wpcf7-form-control-wrap,.form .flex.--4 .wpcf7-form-control-wrap{
                width: 25%;
            }
.wpcf7 .contentblock,.hs-form .contentblock,.form .contentblock{
        margin-bottom: min(2.646vw, 68.6787391px);
    }
@media all and (max-width: 1100px){
.wpcf7 .contentblock,.hs-form .contentblock,.form .contentblock{
           margin-bottom: min(5.128vw, 22.05px)
    }
        }
.wpcf7 .contentblock .title,.hs-form .contentblock .title,.form .contentblock .title{
            margin-bottom: 0;
        }
.wpcf7 .contentblock .wysiwyg,.hs-form .contentblock .wysiwyg,.form .contentblock .wysiwyg{
            margin-top: min(0.661vw, 17.169684775px);
        }
@media all and (max-width: 1100px){
.wpcf7 .contentblock .wysiwyg,.hs-form .contentblock .wysiwyg,.form .contentblock .wysiwyg{
                margin-top: min(2.308vw, 9.9225px)
        }
            }
.wpcf7 input[type=text],
    .wpcf7 input[type=email],
    .wpcf7 input[type=tel],
    .wpcf7 input[type=number],
    .wpcf7 input[type=date],
    .wpcf7 select,
    .hs-form input[type=text],
    .hs-form input[type=email],
    .hs-form input[type=tel],
    .hs-form input[type=number],
    .hs-form input[type=date],
    .hs-form select,
    .form input[type=text],
    .form input[type=email],
    .form input[type=tel],
    .form input[type=number],
    .form input[type=date],
    .form select{
        display: block;
        position: relative;
        width: 100%;
        height: min(3.968vw, 103.01810865px);
        height: var(--fheight);
        line-height: min(3.968vw, 103.01810865px);
        line-height: var(--fheight);
        border: 1px solid #666666;
        border-radius: min(0.661vw, 17.169684775px);
        background-color: #FFFFFF;
        background-color: var(--white);
        padding: 0 min(1.323vw, 34.33936955px);
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        font-size: min(1.389vw, 36.056338027500004px);
        font-weight: 400;
        color: #666666;
    }
@media all and (max-width: 1100px){
.wpcf7 input[type=text],
    .wpcf7 input[type=email],
    .wpcf7 input[type=tel],
    .wpcf7 input[type=number],
    .wpcf7 input[type=date],
    .wpcf7 select,
    .hs-form input[type=text],
    .hs-form input[type=email],
    .hs-form input[type=tel],
    .hs-form input[type=number],
    .hs-form input[type=date],
    .hs-form select,
    .form input[type=text],
    .form input[type=email],
    .form input[type=tel],
    .form input[type=number],
    .form input[type=date],
    .form select{
            /* height: pxm(38);
            line-height: pxm(38); */
            padding: 0 min(2.308vw, 9.9225px);
            font-size: min(2.821vw, 12.127500000000001px);
            border-radius: min(1.282vw, 5.5125px)
    }
        }
.wpcf7 input[type=text]::-webkit-input-placeholder,.wpcf7 input[type=email]::-webkit-input-placeholder,.wpcf7 input[type=tel]::-webkit-input-placeholder,.wpcf7 input[type=number]::-webkit-input-placeholder,.wpcf7 input[type=date]::-webkit-input-placeholder,.wpcf7 select::-webkit-input-placeholder,.hs-form input[type=text]::-webkit-input-placeholder,.hs-form input[type=email]::-webkit-input-placeholder,.hs-form input[type=tel]::-webkit-input-placeholder,.hs-form input[type=number]::-webkit-input-placeholder,.hs-form input[type=date]::-webkit-input-placeholder,.hs-form select::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.form input[type=email]::-webkit-input-placeholder,.form input[type=tel]::-webkit-input-placeholder,.form input[type=number]::-webkit-input-placeholder,.form input[type=date]::-webkit-input-placeholder,.form select::-webkit-input-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 input[type=text]::-webkit-input-placeholder,.wpcf7 input[type=email]::-webkit-input-placeholder,.wpcf7 input[type=tel]::-webkit-input-placeholder,.wpcf7 input[type=number]::-webkit-input-placeholder,.wpcf7 input[type=date]::-webkit-input-placeholder,.wpcf7 select::-webkit-input-placeholder,.hs-form input[type=text]::-webkit-input-placeholder,.hs-form input[type=email]::-webkit-input-placeholder,.hs-form input[type=tel]::-webkit-input-placeholder,.hs-form input[type=number]::-webkit-input-placeholder,.hs-form input[type=date]::-webkit-input-placeholder,.hs-form select::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.form input[type=email]::-webkit-input-placeholder,.form input[type=tel]::-webkit-input-placeholder,.form input[type=number]::-webkit-input-placeholder,.form input[type=date]::-webkit-input-placeholder,.form select::-webkit-input-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 input[type=text]::-moz-placeholder,.wpcf7 input[type=email]::-moz-placeholder,.wpcf7 input[type=tel]::-moz-placeholder,.wpcf7 input[type=number]::-moz-placeholder,.wpcf7 input[type=date]::-moz-placeholder,.wpcf7 select::-moz-placeholder,.hs-form input[type=text]::-moz-placeholder,.hs-form input[type=email]::-moz-placeholder,.hs-form input[type=tel]::-moz-placeholder,.hs-form input[type=number]::-moz-placeholder,.hs-form input[type=date]::-moz-placeholder,.hs-form select::-moz-placeholder,.form input[type=text]::-moz-placeholder,.form input[type=email]::-moz-placeholder,.form input[type=tel]::-moz-placeholder,.form input[type=number]::-moz-placeholder,.form input[type=date]::-moz-placeholder,.form select::-moz-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 input[type=text]::-moz-placeholder,.wpcf7 input[type=email]::-moz-placeholder,.wpcf7 input[type=tel]::-moz-placeholder,.wpcf7 input[type=number]::-moz-placeholder,.wpcf7 input[type=date]::-moz-placeholder,.wpcf7 select::-moz-placeholder,.hs-form input[type=text]::-moz-placeholder,.hs-form input[type=email]::-moz-placeholder,.hs-form input[type=tel]::-moz-placeholder,.hs-form input[type=number]::-moz-placeholder,.hs-form input[type=date]::-moz-placeholder,.hs-form select::-moz-placeholder,.form input[type=text]::-moz-placeholder,.form input[type=email]::-moz-placeholder,.form input[type=tel]::-moz-placeholder,.form input[type=number]::-moz-placeholder,.form input[type=date]::-moz-placeholder,.form select::-moz-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 input[type=text]:-ms-input-placeholder,.wpcf7 input[type=email]:-ms-input-placeholder,.wpcf7 input[type=tel]:-ms-input-placeholder,.wpcf7 input[type=number]:-ms-input-placeholder,.wpcf7 input[type=date]:-ms-input-placeholder,.wpcf7 select:-ms-input-placeholder,.hs-form input[type=text]:-ms-input-placeholder,.hs-form input[type=email]:-ms-input-placeholder,.hs-form input[type=tel]:-ms-input-placeholder,.hs-form input[type=number]:-ms-input-placeholder,.hs-form input[type=date]:-ms-input-placeholder,.hs-form select:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.form input[type=email]:-ms-input-placeholder,.form input[type=tel]:-ms-input-placeholder,.form input[type=number]:-ms-input-placeholder,.form input[type=date]:-ms-input-placeholder,.form select:-ms-input-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 input[type=text]:-ms-input-placeholder,.wpcf7 input[type=email]:-ms-input-placeholder,.wpcf7 input[type=tel]:-ms-input-placeholder,.wpcf7 input[type=number]:-ms-input-placeholder,.wpcf7 input[type=date]:-ms-input-placeholder,.wpcf7 select:-ms-input-placeholder,.hs-form input[type=text]:-ms-input-placeholder,.hs-form input[type=email]:-ms-input-placeholder,.hs-form input[type=tel]:-ms-input-placeholder,.hs-form input[type=number]:-ms-input-placeholder,.hs-form input[type=date]:-ms-input-placeholder,.hs-form select:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.form input[type=email]:-ms-input-placeholder,.form input[type=tel]:-ms-input-placeholder,.form input[type=number]:-ms-input-placeholder,.form input[type=date]:-ms-input-placeholder,.form select:-ms-input-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 input[type=text]:-moz-placeholder,.wpcf7 input[type=email]:-moz-placeholder,.wpcf7 input[type=tel]:-moz-placeholder,.wpcf7 input[type=number]:-moz-placeholder,.wpcf7 input[type=date]:-moz-placeholder,.wpcf7 select:-moz-placeholder,.hs-form input[type=text]:-moz-placeholder,.hs-form input[type=email]:-moz-placeholder,.hs-form input[type=tel]:-moz-placeholder,.hs-form input[type=number]:-moz-placeholder,.hs-form input[type=date]:-moz-placeholder,.hs-form select:-moz-placeholder,.form input[type=text]:-moz-placeholder,.form input[type=email]:-moz-placeholder,.form input[type=tel]:-moz-placeholder,.form input[type=number]:-moz-placeholder,.form input[type=date]:-moz-placeholder,.form select:-moz-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 input[type=text]:-moz-placeholder,.wpcf7 input[type=email]:-moz-placeholder,.wpcf7 input[type=tel]:-moz-placeholder,.wpcf7 input[type=number]:-moz-placeholder,.wpcf7 input[type=date]:-moz-placeholder,.wpcf7 select:-moz-placeholder,.hs-form input[type=text]:-moz-placeholder,.hs-form input[type=email]:-moz-placeholder,.hs-form input[type=tel]:-moz-placeholder,.hs-form input[type=number]:-moz-placeholder,.hs-form input[type=date]:-moz-placeholder,.hs-form select:-moz-placeholder,.form input[type=text]:-moz-placeholder,.form input[type=email]:-moz-placeholder,.form input[type=tel]:-moz-placeholder,.form input[type=number]:-moz-placeholder,.form input[type=date]:-moz-placeholder,.form select:-moz-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 input[type=text]:focus,.wpcf7 input[type=email]:focus,.wpcf7 input[type=tel]:focus,.wpcf7 input[type=number]:focus,.wpcf7 input[type=date]:focus,.wpcf7 select:focus,.hs-form input[type=text]:focus,.hs-form input[type=email]:focus,.hs-form input[type=tel]:focus,.hs-form input[type=number]:focus,.hs-form input[type=date]:focus,.hs-form select:focus,.form input[type=text]:focus,.form input[type=email]:focus,.form input[type=tel]:focus,.form input[type=number]:focus,.form input[type=date]:focus,.form select:focus{
            outline: 0;
            box-shadow: 0;
        }
.wpcf7 input[type=text][aria-invalid="true"],.wpcf7 input[type=email][aria-invalid="true"],.wpcf7 input[type=tel][aria-invalid="true"],.wpcf7 input[type=number][aria-invalid="true"],.wpcf7 input[type=date][aria-invalid="true"],.wpcf7 select[aria-invalid="true"],.hs-form input[type=text][aria-invalid="true"],.hs-form input[type=email][aria-invalid="true"],.hs-form input[type=tel][aria-invalid="true"],.hs-form input[type=number][aria-invalid="true"],.hs-form input[type=date][aria-invalid="true"],.hs-form select[aria-invalid="true"],.form input[type=text][aria-invalid="true"],.form input[type=email][aria-invalid="true"],.form input[type=tel][aria-invalid="true"],.form input[type=number][aria-invalid="true"],.form input[type=date][aria-invalid="true"],.form select[aria-invalid="true"]{
            color: #D30000;
            color: var(--error);
            border: 1px solid #D30000;
            border: 1px solid var(--error);
        }
.wpcf7 input[type=file]::-webkit-file-upload-button,
    .wpcf7 input[type=file]::-ms-browse,
    .hs-form input[type=file]::-webkit-file-upload-button,
    .hs-form input[type=file]::-ms-browse,
    .form input[type=file]::-webkit-file-upload-button,
    .form input[type=file]::-ms-browse{
        background: transparent;
        color: #666666;
        border: 1px solid #666666;
        padding: 0 min(1.323vw, 34.33936955px);
        border-radius: min(0.661vw, 17.169684775px);
        cursor: pointer;
    }
.wpcf7 select,.hs-form select,.form select{
        background: url(./img/dropdown-grey.svg) no-repeat transparent;
        background-size: min(1.323vw, 34.33936955px);
        background-position: 97%;
        color: #EDEDED;
        color: var(--light);
    }
@media all and (max-width: 1100px){
.wpcf7 select,.hs-form select,.form select{
            background-size: min(3.590vw, 15.435px);
            background-position: 95%
    }
        }
.wpcf7 input[type="date"],.hs-form input[type="date"],.form input[type="date"]{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(./img/date-grey.svg) no-repeat transparent;
        background-size: min(2.646vw, 68.6787391px);
        background-position: 93%;
        color: #EDEDED;
        color: var(--light);
    }
@media all and (max-width: 1100px){
.wpcf7 input[type="date"],.hs-form input[type="date"],.form input[type="date"]{
            background-size: min(6.410vw, 27.5625px);
            background-position: 95%
    }
        }
/* Ocultar icono nativo en Webkit (Chrome, Edge, Safari) */
.wpcf7 input[type="date"]::-webkit-calendar-picker-indicator, .hs-form input[type="date"]::-webkit-calendar-picker-indicator, .form input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 0.0001;
        cursor: pointer;
    }
/* Opcional: ocultar spinner en Firefox */
.wpcf7 input[type="date"]::-moz-focus-inner, .hs-form input[type="date"]::-moz-focus-inner, .form input[type="date"]::-moz-focus-inner {
        border: 0;
    }
.wpcf7 textarea,.hs-form textarea,.form textarea{
        display: block;
        position: relative;
        width: 100%;
        height: min(11.905vw, 309.05432595px);
        border: 1px solid #666666;
        border-radius: min(0.661vw, 17.169684775px);
        background-color: #FFFFFF;
        background-color: var(--white);
        padding: min(1.323vw, 34.33936955px);
        /* margin-bottom: px(30); */
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        font-size: min(1.389vw, 36.056338027500004px);
        font-weight: 400;
        color: #666666;
        resize: none;
    }
@media all and (max-width: 1100px){
.wpcf7 textarea,.hs-form textarea,.form textarea{
            height: min(30.769vw, 132.3px);
            padding: min(2.308vw, 9.9225px);
            font-size: min(2.821vw, 12.127500000000001px);
            border-radius: min(1.282vw, 5.5125px)
    }
        }
.wpcf7 textarea::-webkit-input-placeholder,.hs-form textarea::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 textarea::-webkit-input-placeholder,.hs-form textarea::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 textarea::-moz-placeholder,.hs-form textarea::-moz-placeholder,.form textarea::-moz-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 textarea::-moz-placeholder,.hs-form textarea::-moz-placeholder,.form textarea::-moz-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 textarea:-ms-input-placeholder,.hs-form textarea:-ms-input-placeholder,.form textarea:-ms-input-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 textarea:-ms-input-placeholder,.hs-form textarea:-ms-input-placeholder,.form textarea:-ms-input-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 textarea:-moz-placeholder,.hs-form textarea:-moz-placeholder,.form textarea:-moz-placeholder{
            color: #EDEDED;
            color: var(--light);
            font-size: min(1.389vw, 36.056338027500004px);
            font-weight: 400;
        }
@media all and (max-width: 1100px){
.wpcf7 textarea:-moz-placeholder,.hs-form textarea:-moz-placeholder,.form textarea:-moz-placeholder{
                font-size: min(2.821vw, 12.127500000000001px)
        }
            }
.wpcf7 textarea:focus,.hs-form textarea:focus,.form textarea:focus{
            outline: 0;
            box-shadow: 0;
        }
.wpcf7 textarea[aria-invalid="true"],.hs-form textarea[aria-invalid="true"],.form textarea[aria-invalid="true"]{
            color: #D30000;
            color: var(--error);
            border: 1px solid #D30000;
            border: 1px solid var(--error);
        }
@media all and (max-width: 1100px){
.wpcf7 .hs_submit,.hs-form .hs_submit,.form .hs_submit{
            margin-top: min(10.256vw, 44.1px)
    }
        }
.wpcf7 .hs_submit .actions,.hs-form .hs_submit .actions,.form .hs_submit .actions{
            justify-content: flex-start;
        }
.wpcf7 input[type=submit],.hs-form input[type=submit],.form input[type=submit]{
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        outline: none;
        box-shadow: none;
        width: auto;
        height: min(5.291vw, 137.3574782px);
        line-height: min(5.291vw, 137.3574782px);
        background-color: #0F0E13;
        background-color: var(--black);
        border: 1px solid #0F0E13;
        border: 1px solid var(--black);
        color: #FFFFFF;
        color: var(--white);
        border-radius: min(2.646vw, 68.6787391px);
        padding: 0 min(2.646vw, 68.6787391px);
        font-size: min(1.587vw, 41.20724346px);
        font-weight: 600;
        cursor: pointer;
        opacity: 1;
        transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
        transition: all 800ms var(--expoOut);
    }
@media all and (max-width: 1100px){
.wpcf7 input[type=submit],.hs-form input[type=submit],.form input[type=submit]{
            min-width: min(25.641vw, 110.25px);
            height: min(11.538vw, 49.612500000000004px);
            font-size: min(3.333vw, 14.3325px);
            line-height: min(11.538vw, 49.612500000000004px);
            border-radius: min(15.385vw, 66.15px);
            padding: 0 min(4.615vw, 19.845px)
    }
        }
.wpcf7 .wpcf7-spinner,.hs-form .wpcf7-spinner,.form .wpcf7-spinner{
        position: absolute;
        bottom: min(0.000vw, 0px);
        left: min(2.646vw, 68.6787391px);
    }
@media all and (max-width: 1100px){
.wpcf7 .wpcf7-spinner,.hs-form .wpcf7-spinner,.form .wpcf7-spinner{
            left: min(10.256vw, 44.1px)
    }
        }
.wpcf7 div.wpcf7-response-output,.hs-form div.wpcf7-response-output,.form div.wpcf7-response-output{
        padding: min(1.984vw, 51.509054325px) !important;
    }
.wpcf7 div.wpcf7-response-output,.hs-form div.wpcf7-response-output,.form div.wpcf7-response-output{
        display: block;
        font-size: min(1.389vw, 36.056338027500004px);
        line-height: 1.3;
        font-weight: 400;
        margin: 0;
        border-radius: min(0.331vw, 8.5848423875px);
        border-radius: var(--fradius);
        color: inherit;
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        margin-bottom: min(1.984vw, 51.509054325px);
        background-color: transparent;
        border: 0;
        text-align: center;
    }
@media all and (max-width: 1100px){
.wpcf7 div.wpcf7-response-output,.hs-form div.wpcf7-response-output,.form div.wpcf7-response-output{
            padding: min(4.615vw, 19.845px) !important
    }
.wpcf7 div.wpcf7-response-output,.hs-form div.wpcf7-response-output,.form div.wpcf7-response-output{
            width: auto;
            height: auto;
            font-size: min(3.333vw, 14.3325px);
            line-height: 1.2;
            border-radius: min(1.282vw, 5.5125px)
    }
        }
.wpcf7 .wpcf7-not-valid-tip,.hs-form .wpcf7-not-valid-tip,.form .wpcf7-not-valid-tip{
        display: none;
    }
.wpcf7 .legal-consent-container p,.hs-form .legal-consent-container p,.form .legal-consent-container p{
            font-size: min(1.190vw, 30.905432595px);
        }
@media all and (max-width: 1100px){
.wpcf7 .legal-consent-container p,.hs-form .legal-consent-container p,.form .legal-consent-container p{
                font-size: min(3.590vw, 15.435px)
        }
            }
.wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid #2E8D24 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	color: #2E8D24; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
    border: 1px solid #dc3232 !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
	color: #dc3232; /* Red */
}
/*
RESET CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media all and (min-width: 1025px) and (orientation: landscape){
*{
        -webkit-user-drag: none
}
    }
*, ::after, ::before{
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}
body{
	line-height: 1;
}
ol, ul{
    list-style: none;
    list-style-type: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    font-weight: normal;
}
a{
    font-weight: normal;
    text-decoration: none;
    outline: 0;
    color: inherit;
}
figure{
    margin: 0;
    padding: 0;
}
input:focus,select:focus,textarea:focus{
        outline: none !important;
    }
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 12px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    outline: none;
}
:root{
    /* Fonts */
    --font-primary: 'Geist', 'Helvetica', sans-serif;
    --font-secondary: 'Geist Mono', 'Helvetica', sans-serif;
    --font-size: min(0.926vw, 24.037558685px);

    /* Background colors */
    --bg: #FFFFFF;
    --bg-gradient: linear-gradient(0deg, #E2E2E6 3.43%, #EEEDF1 22.64%, #F8F8FB 45.07%, #EFEEF2 100%);

    /* Default colors */
    --white: #FFFFFF;
    --white-5: rgba(255,255,255,0.05098);
    --white-20: rgba(255,255,255,0.2);
    --white-30: rgba(255,255,255,0.30196);
    --white-50: rgba(248,245,239,0.50196);
    --white-70: rgba(248,245,239,0.70196);

    --light: #EDEDED;
    --medium: #B8B7AB;

    --grey: #AEAEAE;
    --grey2: #4D4D4D;

    --black: #0F0E13;
    --black-5: rgba(15,14,19,0.05098);
    --black-10: rgba(15,14,19,0.10196);
    --black-20: rgba(15,14,19,0.2);
    --black-30: rgba(15,14,19,0.30196);
    --black-50: rgba(15,14,19,0.50196);

    --main: #D3FD5A;
    --line: #27292A;


    /* FORMS */
    --fheight: min(3.968vw, 103.01810865px);
    --fradius: min(0.331vw, 8.5848423875px);
    --error: #D30000;
    --success: #10BB52;
    --alert: #FFD702;


    --overlay: #18181A;

    --hint: rgba(44, 42, 43, 0.5);
    --border: rgba(44, 42, 43, 0.4);
    --border2: rgba(248, 245, 239, 0.4);

    --radius-large: min(1.653vw, 42.924211937500004px);
}
@media all and (max-width: 1100px){
:root{
        --radius-large: min(6.410vw, 27.5625px);
}
    }
:root {

    --space: min(1.323vw, 34.33936955px);
    --space-half: min(0.661vw, 17.169684775px);

    --swiper-navigation-size: min(1.455vw, 37.773306505px);
    --swiper-navigation-color: #2C2A2B;
    --swiper-theme-color: #2C2A2B;
}
@media all and (max-width: 1100px){
:root{
        --space: min(2.564vw, 11.025px);
        --space-half: min(1.282vw, 5.5125px);
        --fheight: min(9.744vw, 41.895px);
        --fradius: min(1.282vw, 5.5125px);
}
    }
:root {

    --shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
    --radius: 10px;
    --radius2: 15px;

    --expoInOut: cubic-bezier(0.895, 0.000, 0.180, 1.000);
    --ease-out: cubic-bezier(0.050, 0.760, 0.380, 1.015);

    --p2In: cubic-bezier(0.11, 0, 0.5, 0);
    --p2Out: cubic-bezier(0.5, 1, 0.89, 1);
    --p2InOut: cubic-bezier(0.45, 0, 0.55, 1);
    --expoIn: cubic-bezier(0.7, 0, 0.84, 0);
    --expoOut: cubic-bezier(0.16, 1, 0.3, 1);
    --expoInOut: cubic-bezier(0.87, 0, 0.13, 1);
}
@media all and (max-width: 1680px), all and (max-width: 1920px) and (min-resolution: 130dpi){}
@media all and (max-width: 1680px){}
@media all and (max-width: 1440px){}
@media all and (max-width: 1366px){}
@media all and (max-width: 1280px){}
@media all and (max-width: 1100px){}
@keyframes gradient{
	0%{
        background-position: 0% 50%;
	}
	100%{
		background-position: 200% 50%;
	}
}
/* Base */
html{
    margin-top: 0px !important;
}
html{
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Geist', 'Helvetica', sans-serif;
    font-family: var(--font-primary);
    font-size: min(0.926vw, 24.037558685px);
    font-size: var(--font-size);
    line-height: 1.7;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #0F0E13;
    color: var(--black);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    overflow-x: hidden;
    overscroll-behavior: none;
}
@media all and (max-width: 1100px){
html{
        position: relative;
        overflow: visible;
        overflow: initial;
        height: auto;
        font-size: min(3.590vw, 15.435px)
}
    }
html *::-moz-selection{
    background: rgba(0,0,0,0.25);
}
html *::selection{
    background: rgba(0,0,0,0.25);
}
html.loading{
    cursor: progress !important;
}
html.loading{
    pointer-events: none;
}
html.loading *{
    cursor: progress !important;
}
html.loading *{
    pointer-events: none;
}
.lenis.lenis-smooth{
    scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent]{
    overscroll-behavior: contain;
}
.lenis.lenis-stopped{
    overflow: hidden;
}
.lenis.lenis-wheeling{
    pointer-events: none;
}
#html{
    margin-top: 0px !important;
}
#wpadminbar{
    top: 0px !important;
}
body{
    display: block;
    width: 100%;
    height: auto;
    min-height: 100%;
    background: linear-gradient(0deg, #E2E2E6 3.43%, #EEEDF1 22.64%, #F8F8FB 45.07%, #EFEEF2 100%);
    background: var(--bg-gradient);
    color: #0F0E13;
    color: var(--black);
    letter-spacing: 0;
    font-size: min(0.926vw, 24.037558685px);
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: -0.03em;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}
body::-webkit-scrollbar{
    display: none; /* for Chrome, Safari, and Opera */
}
.hidden,
.hidden *{
    visibility: hidden!important;
}
.todo,
.debugger{
    display: none;
}
.debug .component,
    .debug footer{
        outline: 2px solid #FF4329;
    }
@media all and (max-width: 1100px){
.debug .component,
    .debug footer{
            outline: 1px solid #FF4329
    }
        }
.debug .todo{
        display: block;
        background-color: #FF4329;
        color: #0F0E13;
        color: var(--black);
        font-size: 1vw;
        line-height: 1.33;
        font-weight: 800;
        padding: 5px 10px;
        border-radius: 10px;
        margin-bottom: 1vw;
        margin-top: 2vw;
    }
.debug .debugger{
        display: block;
        background-color: #FF4329;
        color: #0F0E13;
        color: var(--black);
        position: absolute;
        left: 0px;
        top: 0;
        font-size: 13px;
        line-height: 1;
        font-weight: 500;
        padding: 8px 20px;
        border-radius: 0;
        z-index: 1;
    }
@media all and (max-width: 1100px){
.debug .debugger{
            font-size: 3vw
    }
        }
@media all and (max-width: 1100px){
[data-desktop]{
        display: none !important
}
    }
@media all and (min-width: 1101px){
[data-mobile]{
        display: none !important
}
    }
#app{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    /* min-height: 100%;
    min-height: 100vh; */
    /* overflow-x: hidden; */
    opacity: 0.0001;
    opacity: 1;
}
@media all and (max-width: 1100px){
#app{
        overflow-x: hidden
}
    }
#app > div{
        display: block;
        position: relative;
        height: auto;

    }
@media all and (max-width: 1100px){
#app > div{
            min-height: 0;
            min-height: initial

    }
        }
.container{
    position: relative;
    width: calc(100% - min(7.672vw, 199.16834339000002px));
    max-width: 100%;
    margin: auto;
}
@media all and (max-width: 1100px){
.container{
        width: calc(100% - min(8.205vw, 35.28px))
}
    }
.container.--wide{
        width: 100%;
    }
.component{
    position: relative;
    padding: min(8.201vw, 212.90409121px) 0;
}
@media all and (max-width: 1100px){
.component{
        padding: min(18.462vw, 79.38px) 0
}
    }
.columns{
    --cols: 1;
    --gap: 0px;
    gap: var(--gap);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    /* &.--gap{
        --gap: px(16);
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: var(--gap);
        flex-wrap: wrap;

        @media all and (max-width: 1100px){
            margin-left: 0;
            margin-right: 0;
        }
    }
    &.--nogutter{
        column-gap: 0;
    }
    &.--2.--gap{
        --cols: 2;
        --gap: px(12);
    }
    &.--2{
        flex-wrap: wrap;

        .item{
            width: 50%;
        }
    }
    &.--3.--gap{
        --cols: 3;
        --gap: px(12);
    }
    &.--3{
        --cols: 3;
        --gap: px;
        flex-wrap: wrap;
    }
    &.--4.--gap{
        --cols: 4;
        --gap: px(12);
    }
    &.--4{
        flex-wrap: wrap;

        .item{
            width: 25%;
        }
    }
    &.--5.--gap{
        --cols: 5;
        --gap: px(12);
    }
    &.--5{
        flex-wrap: wrap;

        .item{
            width: 20%;
        }
    }
    &.--6{
        flex-wrap: wrap;

        .item{
            width: 16.66%;
        }
    } */
}
.columns .item{
        flex-basis: calc(100% / var(--cols) - var(--gap) / var(--cols) * (var(--cols) - 1));
        position: relative;
    }
@media all and (max-width: 1100px){
.columns .item{
            padding-left: 0;
            padding-right: 0
    }
        }
.columns .item.--stretch{
            display: flex;
            justify-content: stretch;
        }
.columns .item.--start{
            display: flex;
            justify-content: flex-start;
        }
.columns .item.--end{
            display: flex;
            justify-content: flex-end;
        }
#guides{
    display: block;
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 1;
}
#guides .guides__switcher{
        display: block;
        position: absolute;
        width: auto;
        bottom: 0px;
        left: 0px;
        width: 40px;
        height: 30px;
        overflow: hidden;
        pointer-events: all;
        background-color: red;
        opacity: 0.6;
        cursor: pointer;
        will-change: transform;
    }
#guides .guides__switcher2{
        display: block;
        position: absolute;
        width: auto;
        bottom: 0px;
        left: 50px;
        width: 40px;
        height: 30px;
        overflow: hidden;
        pointer-events: all;
        background-color: aqua;
        opacity: 0.6;
        cursor: pointer;
        will-change: transform;
    }
#guides .guides__horizontal{
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000000;
    }
#guides .guides__horizontal .guide{
            opacity: 1;
            position: relative;
            width: 5vw;
            float: left;
            height: 100vh;
            height: 100vh;
            border-left: 1px solid skyblue;
            border-right: 1px solid skyblue;
        }
@media all and (max-width: 1100px){
#guides .guides__horizontal .guide{
                width: 10vw
        }
            }
#guides .guides__horizontal2{
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 0;
        z-index: 100000;
    }
#guides .guides__horizontal2 .guide{
            position: relative;
            width: 0.417vw;
            float: left;
            height: 100vh;
            height: 100vh;
            border-right: 1px solid #D6D6D6;
            opacity: .5;
        }
@media all and (max-width: 1100px){
#guides .guides__horizontal2 .guide{
                width: 0.833vw
        }
            }
#guides .guides__vertical{
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000000;
    }
#guides .guides__vertical .guide{
            position: relative;
            width: 100%;
            height: 5vw;
            opacity: 1;
            border-bottom: 1px solid skyblue;
            border-left: 1px solid skyblue;
            border-right: 1px solid skyblue;
        }
@media all and (max-width: 1100px){
#guides .guides__vertical .guide{
                height: 10vw
        }
            }
#guides .guides__vertical2{
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: auto;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100000;
    }
#guides .guides__vertical2 .guide{
            position: relative;
            width: 100%;
            height: 0.417vw;
            opacity: .5;
            border-bottom: 1px solid #D6D6D6;
        }
@media all and (max-width: 1100px){
#guides .guides__vertical2 .guide{
                height: 0.833vw
        }
            }
/* #vhr{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    opacity: 0.0001;

    @media all and (max-width: 1100px){
        display: none;
    }
} */
/*
Image and Video
*/
.image{
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.image img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        vertical-align: middle;
        -o-object-fit: cover;
           object-fit: cover;
        opacity: 1;
        transition: filter 800ms cubic-bezier(0.16, 1, 0.3, 1);
        transition: filter 800ms var(--expoOut);
    }
.image img[src*="-200x"]{
            filter: blur(min(1.323vw, 34.33936955px));
        }
.image.--cover{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
.image.--contain img{
            -o-object-fit: contain;
               object-fit: contain;
        }
.video{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.video video,
    .video iframe{
        position: relative;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        -o-object-fit: cover;
        object-fit: cover;
    }
.video.--cover{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
/* visibility: hidden;  */
.video.--cover video,
        .video.--cover iframe{
            position: absolute;
            z-index: 0;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }
.video.--cover video::-webkit-media-controls,.video.--cover iframe::-webkit-media-controls{
                display: none !important;
            }
.video.--cover video[controls],.video.--cover iframe[controls]{
                pointer-events: all;
            }
.video.--cover video[controls]::-webkit-media-controls,.video.--cover iframe[controls]::-webkit-media-controls{
                    display: flex !important;
                }
/*
Label
*/
.label{
    display: inline-flex;
    align-items: center;
    position: relative;
    color: inherit;
    gap: min(0.529vw, 13.73574782px);
    font-size: min(0.926vw, 24.037558685px);
    font-weight: 400;
    letter-spacing: 0.01em;
    font-family: 'Geist Mono', 'Helvetica', sans-serif;
    font-family: var(--font-secondary);
    text-transform: uppercase;
}
.label:before{
        content: "";
        display: block;
        width: min(0.661vw, 17.169684775px);
        height: min(0.661vw, 17.169684775px);
        background-color: #D3FD5A;
        background-color: var(--main);
        border: 1px solid rgba(15,14,19,0.10196);
        border: 1px solid var(--black-10);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%) translateX(-200%);
    }
/*
Title
*/
.titlelight{
    position: relative;
}
.titlelight .title span{
            background-color: #2e4cf6;
            background-color: var(--secondary);
            border-radius: 20vw;
            filter: blur(5vw);
            height: 20vw;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 20vw;
        }
.titlelight .light{
        background-color: #fff;
        background-color: #FFFFFF;
        background-color: var(--white);
        height: 100%;
        mix-blend-mode: darken;
        position: absolute;
        top: 0;
        width: 100%;
    }
.titlelight .light span{
            background-color: #2e4cf6;
            background-color: var(--secondary);
            border-radius: 20vw;
            filter: blur(5vw);
            height: 20vw;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            width: 20vw;
        }
.title{
    position: relative;
    font-size: min(1.587vw, 41.20724346px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.03em;
}
@media all and (max-width: 1100px){
.title{
        font-size: min(4.615vw, 19.845px)
}
    }
.title.--xxlarge{
        font-size: min(13.228vw, 343.39369550000004px);
        line-height: 1;
    }
@media all and (max-width: 1100px){
.title.--xxlarge{
            font-size: min(10.256vw, 44.1px)
    }
        }
.title.--xlarge{
        font-size: min(5.423vw, 140.791415155px);
        line-height: 1;
    }
@media all and (max-width: 1100px){
.title.--xlarge{
            font-size: min(10.256vw, 44.1px)
    }
        }
.title.--large{
        font-size: min(4.365vw, 113.31991951500001px);
    }
@media all and (max-width: 1100px){
.title.--large{
            font-size: min(8.205vw, 35.28px)
    }
        }
.title.--medium{
        font-size: min(2.381vw, 61.81086519px);
    }
@media all and (max-width: 1100px){
.title.--medium{
            font-size: min(8.205vw, 35.28px)
    }
        }
.title.--small{
        font-size: min(1.323vw, 34.33936955px);
        font-weight: 700;
    }
@media all and (max-width: 1100px){
.title.--small{
            font-size: min(8.205vw, 35.28px)
    }
        }
.title {
    --x: 50%;
    --y: 50%;
    background: radial-gradient(circle min(33.069vw, 858.48423875px) at var(--x) var(--y), #AEAEAE 0%, #0F0E13 60%);
    background: radial-gradient(circle min(33.069vw, 858.48423875px) at var(--x) var(--y), var(--grey) 0%, var(--black) 60%);
    color: transparent;
    backgrodund-clip: text;
    -webkit-background-clip: text;
    padding: 0.2em;
}
/* &.--light{
        --x: 50%;
        --y: 50%;
        background: radial-gradient(circle at var(--x) var(--y), var(--grey) 0%, var(--black) 60%);
        color: transparent;
        backgrodund-clip: text;
        -webkit-background-clip: text;
        padding: 0.2em;
    } */
.title a{
        font-weight: inherit;
    }
.title strong{
        /* background: #000000;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(185, 185, 185, 1) 100%); */
        background: rgba(15,14,19,0.2);
        background: var(--black-20);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
/*
Content editor
*/
.wysiwyg{
    position: relative;
    color: inherit;
    font-size: min(1.058vw, 27.47149564px);
    line-height: 1.35;
    font-weight: 400;
    letter-spacing: -0.03em;
    opacity: 0.5;
}
@media all and (max-width: 1100px){
.wysiwyg{
        font-size: min(4.103vw, 17.64px)
}
    }
.wysiwyg.--split .word{
            will-change: opacity;
        }
.wysiwyg em{
        font-style: italic;
    }
.wysiwyg p{
        margin-bottom: 1em;
    }
@media all and (max-width: 1100px){
.wysiwyg p{
            margin-bottom: min(6.923vw, 29.767500000000002px)
    }
        }
.wysiwyg p:last-child{
            margin-bottom: 0;
        }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6{
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        font-weight: 600;
        line-height: 1;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
.wysiwyg h1{
        font-size: min(6.349vw, 164.82897384px);
    }
@media all and (max-width: 1100px){
.wysiwyg h1{
            font-size: min(24.615vw, 105.84px)
    }
        }
.wysiwyg h2{
        font-size: min(4.233vw, 109.88598256px);
    }
@media all and (max-width: 1100px){
.wysiwyg h2{
            font-size: min(16.410vw, 70.56px)
    }
        }
.wysiwyg h3{
        font-size: min(2.646vw, 68.6787391px);
    }
@media all and (max-width: 1100px){
.wysiwyg h3{
            font-size: min(10.256vw, 44.1px)
    }
        }
.wysiwyg h4{
        font-size: min(2.646vw, 68.6787391px);
    }
@media all and (max-width: 1100px){
.wysiwyg h4{
            font-size: min(10.256vw, 44.1px)
    }
        }
.wysiwyg h5{
        font-size: min(1.852vw, 48.07511737px);
    }
@media all and (max-width: 1100px){
.wysiwyg h5{
            font-size: min(7.179vw, 30.87px)
    }
        }
.wysiwyg h6{
        font-size: min(0.794vw, 20.60362173px);
        letter-spacing: -0.01em;
    }
@media all and (max-width: 1100px){
.wysiwyg h6{
            font-size: min(4.103vw, 17.64px)
    }
        }
.wysiwyg b,
    .wysiwyg strong{
        font-weight: bold;
    }
.wysiwyg em,
    .wysiwyg i{
        font-style: italic;
    }
.wysiwyg .image{
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
    }
.wysiwyg .image img{
            vertical-align: middle;
        }
.wysiwyg img,
    .wysiwyg p > img,
    .wysiwyg > img{
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
        vertical-align: middle;
    }
.wysiwyg ul{
        display: flex;
        flex-direction: column;
        gap: min(3.704vw, 96.15023474px);
        list-style: disc;
        padding-left: 2em;
        margin-top: min(0.661vw, 17.169684775px);
        margin-bottom: min(3.968vw, 103.01810865px);
    }
@media all and (max-width: 1100px){
.wysiwyg ul{
            padding-left: min(5.128vw, 22.05px)
    }
        }
.wysiwyg ul li{
            padding-left: min(1.323vw, 34.33936955px);
        }
.wysiwyg ul li ul{
                margin-top: 1rem;
                list-style: circle;
            }
.wysiwyg ol{
        list-style: decimal;
        padding-left: 2em;
        margin-bottom: 1em;
        margin-top: 2rem;
    }
> .wysiwyg ol:first-child{
            margin-top: 0;
        }
.wysiwyg ol li{
            margin-bottom: 1rem;
        }
.wysiwyg ol li ul{
                margin-top: 1rem;
            }
.wysiwyg a{
        display: inline;
        position: relative;
        word-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        text-decoration: underline;
        font-weight: 400;
        opacity: 1;
        transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
        transition: all 400ms var(--expoOut);
    }
@media all and (max-width: 1100px){
.wysiwyg a{
            font-size: min(3.590vw, 15.435px);
            line-height: 0.77
    }
        }
@media all and (min-width: 1101px){
            .wysiwyg a:hover{
                opacity: 0.4;
            }
        }
.wysiwyg .button{
        display: inline-flex;
        width: auto;
        text-decoration: none;
    }
.wysiwyg .button .text{
            text-decoration: none;
        }
.wysiwyg blockquote{
        font-size: min(3.175vw, 82.41448692px);
        font-weight: 600;
        line-height: 1.16;
        letter-spacing: -0.02em;
        margin-top: min(7.937vw, 206.0362173px);
    }
@media all and (max-width: 1100px){
.wysiwyg blockquote{
            font-size: min(6.154vw, 26.46px);
            line-height: 1.16
    }
        }
.wysiwyg table{
        border: 1px solid;
        width: 100%;
        margin-bottom: 1rem;
    }
.wysiwyg table th,
        .wysiwyg table td{
            padding: min(1.323vw, 34.33936955px);
            border-bottom: 1px solid;
            font-size: 80%;
        }
@media all and (max-width: 1100px){
.wysiwyg table th,
        .wysiwyg table td{
                padding: min(5.128vw, 22.05px)
        }
            }
/*
Links and Tags
*/
.link{
    display: inline-flex;
    position: relative;
    color: inherit;
    text-decoration: none;
    letter-spacing: 0;
    font-size: min(0.926vw, 24.037558685px);
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: -0.03em;
}
@media all and (max-width: 1100px){
.link{
        font-size: min(3.590vw, 15.435px)
}
    }
.link:hover{
        opacity: 1;
    }
.link.--disabled{
        opacity: 0.5;
        cursor: not-allowed;
    }
/*
Buttons
*/
.button-container a,
.button{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    outline: none;
    box-shadow: none;
    width: auto;
    /* min-width: px(220); */
    height: min(2.116vw, 54.94299128px);
    line-height: min(2.116vw, 54.94299128px);
    color: inherit;
    border-radius: 0;
    padding: 0 min(1.058vw, 27.47149564px);
    font-size: min(0.926vw, 24.037558685px);
    font-weight: 600;
    letter-spacing: -0.03em;
    letter-spacing: 0;
    cursor: pointer;
    opacity: 1;
    transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
    transition: all 800ms var(--expoOut);
}
@media all and (max-width: 1100px){
.button-container a,
.button{
        height: min(8.205vw, 35.28px);
        line-height: min(8.205vw, 35.28px);
        padding: 0 min(4.103vw, 17.64px);
        font-size: min(4.615vw, 19.845px)
}
    }
.button-container a .text,.button .text{
        white-space: nowrap;
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
    }
.button-container a .icon,.button .icon{
        width: min(2.116vw, 54.94299128px);
        height: min(2.116vw, 54.94299128px);
        line-height: min(2.116vw, 54.94299128px);
        border-radius: min(0.397vw, 10.301810865px);
        -webkit-mask-size: cover;
                mask-size: cover;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        vertical-align: middle;
        margin-left: min(1.323vw, 34.33936955px);
        margin-right: max(-0.860vw, -22.3205902075px);
        transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
        transition: all 800ms var(--expoOut);
    }
.button-container a.--plain,.button.--plain{
        padding: 0;
    }
@media all and (max-width: 1100px){
.button-container a.--plain,.button.--plain{
            padding: 0
    }
        }
.button-container a.--white,.button.--white{
        background-color: #EDEDED;
        background-color: var(--light);
        color: #0F0E13;
        color: var(--black);
    }
.button-container a.--white .text,.button.--white .text{

        }
.button-container a.--white .icon,.button.--white .icon{
            background-color: #FFFFFF;
            background-color: var(--white);
        }
.button-container a.--border,.button.--border{
        background-color: transparent;
        border: 1px solid;
        color: inherit;
    }
.button-container a.--border .icon,.button.--border .icon{
            background-color: rgba(255,255,255,0.2);
            background-color: var(--white-20);
        }
@media all and (max-width: 1100px){
.button-container a.--border .icon,.button.--border .icon{
                border: 1.5px solid
        }
            }
a.button:hover:not(.--disabled){
    opacity: 0.4;
}
a:hover:not(.--disabled):not(.card-case) .button{
        opacity: 0.4;
    }
/* Variants */
/* .--regular{
    font-weight: 400;
}
.--medium{
    font-weight: 500;
}
.--semibold{
    font-weight: 600;
}
.--bold{
    font-weight: 700;
} */
/*
Helpers
*/
.flex{
    display: flex;
    justify-content: space-between;
}
.flex.--centered{
        align-items: center;
    }
.flex .--start{
        display: flex;
        justify-content: flex-start;
    }
.flex .--end{
        display: flex;
        justify-content: flex-end;
    }
.flex.--center{
        display: flex;
        justify-content: center;
    }
.overlay,
.gradient{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0F0E13;
    background-color: var(--black);
    pointer-events: none;
    opacity: 1;
}
.overlay.--5,.gradient.--5{
        opacity: 0.05;
    }
.overlay.--10,.gradient.--10{
        opacity: 0.1;
    }
.overlay.--20,.gradient.--20{
        opacity: 0.2;
    }
.overlay.--30,.gradient.--30{
        opacity: 0.3;
    }
.overlay.--40,.gradient.--40{
        opacity: 0.3;
    }
.overlay.--50,.gradient.--50{
        opacity: 0.5;
    }
.overlay.--60,.gradient.--60{
        opacity: 0.6;
    }
.overlay.--70,.gradient.--70{
        opacity: 0.7;
    }
.overlay.--80,.gradient.--80{
        opacity: 0.8;
    }
.overlay.--90,.gradient.--90{
        opacity: 0.9;
    }
.gradient{
    background: #0F0E13;
    background: var(--black);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000", endColorstr="#000", GradientType=0);
}
.mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0F0E13;
    background-color: var(--black);
    pointer-events: none;
    opacity: 0.6;
    cursor: pointer;
}
@media all and (max-width: 1100px){
.filter{
        margin-top: min(4.615vw, 19.845px)
}
    }
.filter .categories{
        display: flex;
        gap: min(0.794vw, 20.60362173px);
    }
@media all and (max-width: 1100px){
.filter .categories{
            display: flex;
            justify-content: center;
            align-content: center;
            flex-wrap: wrap;
            flex-direction: column;
            gap: min(1.984vw, 51.509054325px);
            width: 100%;
            margin: 0 auto
    }
        }
.filter .categories .--selected,
        .filter .categories .--active{
            pointer-events: none;
        }
@media all and (max-width: 1100px){
.filter .categories .--selected,
        .filter .categories .--active{
                pointer-events: all
        }
            }
.filter-group{
    display: flex;
    flex-direction: column;
    gap: min(1.323vw, 34.33936955px);
    margin-bottom: min(5.952vw, 154.527162975px);
}
@media all and (max-width: 1100px){
.filter-group{
        gap: min(1.538vw, 6.615px);
        margin-bottom: min(9.231vw, 39.69px)
}
    }
.filter-group .tag{
        cursor: pointer;
        transition: all 0.3s ease;
    }
.filter-group .tag.--active,
        .filter-group .tag:hover{
            background-color: #0F0E13;
            background-color: var(--black);
            color: #FFFFFF;
            color: var(--white);
        }
.filter-group .type{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
@media all and (max-width: 1100px){
.filter-group .type{
            flex-direction: column
    }
        }
.filter-group .type .tag{
            width: 100%;
            height: min(3.968vw, 103.01810865px);
            border-radius: 0 min(31.746vw, 824.1448692px) min(31.746vw, 824.1448692px) 0;
            text-transform: capitalize;
            padding: 0 min(1.984vw, 51.509054325px);
            justify-content: flex-start;
        }
@media all and (max-width: 1100px){
.filter-group .type .tag{
                height: min(11.282vw, 48.510000000000005px);
                padding: 0 min(4.615vw, 19.845px)
        }
            }
.filter-group .locations,
    .filter-group .filter-search{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: min(0.661vw, 17.169684775px);
    }
.filter-group .locations .tag,.filter-group .filter-search .tag{
            height: min(3.571vw, 92.716297785px);
        }
@media all and (max-width: 1100px){
.filter-group .locations .tag,.filter-group .filter-search .tag{
                height: min(7.692vw, 33.075px)
        }
            }
@media all and (max-width: 1100px){
.filter-group .locations .tag .wysiwyg,.filter-group .filter-search .tag .wysiwyg{
                    line-height: min(7.692vw, 33.075px)
            }
                }
.filter-group .filter-search .tag{
            width: 50%;
            height: min(3.968vw, 103.01810865px);
            background-color: #EDEDED;
            background-color: var(--light);
            border: none;
            text-transform: capitalize;
        }
@media all and (max-width: 1100px){
.filter-group .filter-search .tag{
                height: min(11.282vw, 48.510000000000005px);
                margin-top: 0
        }
            }
.filter-group .filter-search .filter .icon,.filter-group .filter-search .search .icon{
                transition: all 0.3s ease;

            }
@supports ((-webkit-mask: url("")) or (mask: url(""))) {
.filter-group .filter-search .filter .icon,.filter-group .filter-search .search .icon{
                    -webkit-mask-size: cover;
                            mask-size: cover;
                    background: #0F0E13;
                    background: var(--black);
                    width: min(1.587vw, 41.20724346px);
                    height: min(1.587vw, 41.20724346px);
                    margin-left: min(1.323vw, 34.33936955px)

            }

                    @media all and (max-width: 1100px){
.filter-group .filter-search .filter .icon,.filter-group .filter-search .search .icon{
                        -webkit-mask-size: contain!important;
                                mask-size: contain!important

            }
.filter-group .filter-search .filter .icon,.filter-group .filter-search .search .icon{
                        width: min(3.590vw, 15.435px);
                        height: min(3.846vw, 16.5375px);
                        margin-left: min(5.128vw, 22.05px)

            }
                    }
                }
.filter-group .filter-search .filter:hover,
            .filter-group .filter-search .filter.--active,
            .filter-group .filter-search .search:hover,
            .filter-group .filter-search .search.--active{
                background-color: #0F0E13;
                background-color: var(--black);
            }
@supports ((-webkit-mask: url("")) or (mask: url(""))) {
.filter-group .filter-search .filter:hover .icon,.filter-group .filter-search .filter.--active .icon,.filter-group .filter-search .search:hover .icon,.filter-group .filter-search .search.--active .icon{
                        background: #FFFFFF;
                        background: var(--white)
                }
                    }
@supports ((-webkit-mask: url("")) or (mask: url(""))) {
.filter-group .filter-search .filter .icon{
                    -webkit-mask: url(img/filter.svg);
                    mask: url(img/filter.svg)
            }
                }
@supports ((-webkit-mask: url("")) or (mask: url(""))) {
.filter-group .filter-search .search .icon{
                    -webkit-mask: url(img/search.svg);
                    mask: url(img/search.svg);
                    width: min(1.720vw, 44.641180415px);
                    height: min(1.852vw, 48.07511737px)
            }

                    @media all and (max-width: 1100px){
.filter-group .filter-search .search .icon{
                        width: min(4.103vw, 17.64px);
                        height: min(4.103vw, 17.64px)
            }
                    }
                }
.searchform{
    outline: none;
    position: relative;
    box-shadow: none;
    width: min(13.757vw, 357.12944332px);
    height: min(5.026vw, 130.48960429px);
    margin-right: 0;
    margin-left: auto;
    line-height: min(5.026vw, 130.48960429px);
    overflow: hidden;
    cursor: pointer;
    color: #0F0E13;
    color: var(--black);
    background-color: transparent;
}
@media all and (max-width: 1100px){
.searchform{
        width: min(65.641vw, 282.24px);
        height: min(9.231vw, 39.69px);
        font-size: min(4.103vw, 17.64px);
        line-height: min(9.231vw, 39.69px);
        margin: min(7.692vw, 33.075px) auto;
        padding: 0
}
    }
.searchform input{
        position: relative;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 1px solid #0F0E13;
        border: 1px solid var(--black);
        outline: 0;
        margin: 0;
        padding: 0;
        background-color: transparent;
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        font-size: min(1.720vw, 44.641180415px);
        font-weight: 400;
        text-align: center;
        height: min(5.026vw, 130.48960429px);
        line-height: min(5.026vw, 130.48960429px);
        cursor: pointer;
        color: #0F0E13;
        color: var(--black);
        width: 100%;
    }
@media all and (max-width: 1100px){
.searchform input{
            height: min(9.231vw, 39.69px);
            font-size: min(4.103vw, 17.64px);
            line-height: min(9.231vw, 39.69px)
    }
        }
.searchform input::-webkit-search-decoration,
        .searchform input::-webkit-search-cancel-button,
        .searchform input::-webkit-search-results-button,
        .searchform input::-webkit-search-results-decoration {
            display: none;
        }
.searchform input::-webkit-input-placeholder {
            color: #0F0E13;
            color: var(--black);
        }
.searchform input::-moz-placeholder {
            color: #0F0E13;
            color: var(--black);
        }
.searchform input:-ms-input-placeholder {
            color: #0F0E13;
            color: var(--black);
        }
.searchform input:-moz-placeholder {
            color: #0F0E13;
            color: var(--black);
        }
.searchform .icon{
        display: block;
        outline: none;
        width: min(1.984vw, 51.509054325px);
        height: min(1.984vw, 51.509054325px);
        font-size: min(1.587vw, 41.20724346px);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0F0E13;
        color: var(--black);
        pointer-events: none;
        transform: rotateZ(85deg);
    }
@media all and (max-width: 1100px){
.searchform .icon{
            font-size: min(4.615vw, 19.845px);
            width: min(7.692vw, 33.075px);
            height: min(7.692vw, 33.075px);
            color: #0F0E13;
            color: var(--black);
            right: 0
    }
        }
.searchform button{
        position: absolute;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        top: min(1.455vw, 37.773306505px);
        right: min(1.984vw, 51.509054325px);
        left: auto;
        width: min(1.984vw, 51.509054325px);
        height: min(1.984vw, 51.509054325px);
        background-color: transparent;
        border: 0;
        padding: 0;
        margin: 0;
        cursor: pointer;
        outline: none;
        opacity: 1;
    }
@media all and (max-width: 1100px){
.searchform button{
            width: min(4.615vw, 19.845px);
            height: min(4.615vw, 19.845px);
            border-radius: 50%;
            margin-left: 0;
            margin-right: 0;
            font-size: min(3.590vw, 15.435px);
            top: 50%;
            right: min(4.615vw, 19.845px);
            transform: translateY(-50%)
    }
        }
/*
Actions
*/
.actions{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: min(1.587vw, 41.20724346px);
}
@media all and (max-width: 1100px){
.actions{
        flex-direction: column;
        align-items: flex-start;
        gap: min(4.615vw, 19.845px)
}
    }
/*
Layout
*/
.contentblock{
    position: relative;
    width: 100%;
}
/* @media all and (max-width: 1100px){
        width: pxm(286);
    } */
.contentblock .info,
    .contentblock .tags{
        display: flex;
        justify-content: flex-start;
        gap: min(0.661vw, 17.169684775px);
        margin-bottom: min(2.646vw, 68.6787391px);
    }
@media all and (max-width: 1100px){
.contentblock .info,
    .contentblock .tags{
            margin-bottom: min(6.923vw, 29.767500000000002px);
            gap: min(1.538vw, 6.615px);
            flex-wrap: wrap
    }
        }
.contentblock .info .tag,.contentblock .tags .tag{
            align-items: initial;
        }
.contentblock .label{
        margin-bottom: min(2.646vw, 68.6787391px);
    }
@media all and (max-width: 1100px){
.contentblock .label{
            margin-bottom: min(6.923vw, 29.767500000000002px)
    }
        }
.contentblock .wysiwyg{
        width: min(59.524vw, 1545.27162975px);
        max-width: 100%;
        margin-top: min(5.291vw, 137.3574782px);
    }
.contentblock .wysiwyg:first-child{
            margin-top: 0;
        }
@media all and (max-width: 1100px){
.contentblock .wysiwyg{
            width: 100%;
            margin-top: min(5.128vw, 22.05px)
    }

            .contentblock .wysiwyg:first-child{
                margin-top: 0;
            }
        }
.contentblock .actions{
        margin-top: min(5.291vw, 137.3574782px);
        justify-content: flex-start;
    }
@media all and (max-width: 1100px){
.contentblock .actions{
            margin-top: min(5.128vw, 22.05px)
    }
        }
.contentblock.--small{
        width: min(59.524vw, 1545.27162975px);
    }
@media all and (max-width: 1100px){
.contentblock.--small{
            width: 100%
    }
        }
.contentblock.--small .label{
            margin-bottom: min(1.323vw, 34.33936955px);
        }
@media all and (max-width: 1100px){
.contentblock.--small .label{
                margin-bottom: min(3.846vw, 16.5375px)
        }
            }
.contentblock.--small .wysiwyg,
        .contentblock.--small .actions{
            margin-top: min(2.646vw, 68.6787391px);
        }
@media all and (max-width: 1100px){
.contentblock.--small .wysiwyg,
        .contentblock.--small .actions{
                margin-top: min(5.128vw, 22.05px)
        }
            }
.contentblock.--center{
        text-align: center;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
.contentblock.--center .wysiwyg{
            width: 100%;
        }
@media all and (max-width: 1100px){
.contentblock.--center .wysiwyg{
                width: 100%
        }
            }
.contentblock.--center .actions{
            justify-content: center;
        }
.contentblock.--columns{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
    }
@media all and (max-width: 1100px){
.contentblock.--columns{
            width: min(73.333vw, 315.315px);
            flex-direction: column;
            align-items: flex-start;
            gap: min(9.231vw, 39.69px)
    }
        }
.contentblock.--columns .item:nth-child(1){
                width: min(47.619vw, 1236.2173038px);
            }
@media all and (max-width: 1100px){
.contentblock.--columns .item:nth-child(1){
                    width: auto
            }
                }
.contentblock.--columns .item:nth-child(2){
                width: min(39.683vw, 1030.1810865px);
            }
@media all and (max-width: 1100px){
.contentblock.--columns .item:nth-child(2){
                    width: auto
            }
                }
/*
Dropdowns
*/
.dropdowns .dropdown{
        padding: min(2.646vw, 68.6787391px) min(1.984vw, 51.509054325px);
        border-top: 1px solid;
    }
@media all and (max-width: 1100px){
.dropdowns .dropdown{
            padding: min(7.692vw, 33.075px) min(2.308vw, 9.9225px)
    }
        }
.dropdowns .dropdown:last-child{
            margin-bottom: 0;
        }
.dropdowns .dropdown .head{
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
        }
@media all and (max-width: 1100px){
.dropdowns .dropdown .head{
                align-items: flex-start
        }
            }
.dropdowns .dropdown .head .title{
                line-height: min(1.984vw, 51.509054325px);
            }
@media all and (max-width: 1100px){
.dropdowns .dropdown .head .title{
                    width: 90%;
                    line-height: min(7.692vw, 33.075px)
            }
                }
.dropdowns .dropdown .head .icon-group{
                position: relative;
            }
.dropdowns .dropdown .head .icon{
                font-size: min(1.587vw, 41.20724346px);
                color: #0F0E13;
                color: var(--black);
                margin: 0;
                width: min(1.984vw, 51.509054325px);
                height: min(1.984vw, 51.509054325px);
                display: flex;
                align-items: center;
                justify-content: center;
                transform: rotate(90deg);
                transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
                transition: all 800ms var(--expoOut);
            }
@media all and (max-width: 1100px){
.dropdowns .dropdown .head .icon{
                    position: absolute;
                    right: min(4.615vw, 19.845px);
                    font-size: min(4.615vw, 19.845px);
                    width: min(4.615vw, 19.845px);
                    height: min(4.615vw, 19.845px)
            }
                }
.dropdowns .dropdown .content{
            height: 0px;
            overflow: hidden;
        }
.dropdowns .dropdown .content .item:last-child{
                    padding-bottom: min(1.323vw, 34.33936955px);
                }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content .item:last-child{
                        padding-bottom: min(9.231vw, 39.69px)
                }
                    }
.dropdowns .dropdown .content .inset{
                padding-top: min(3.175vw, 82.41448692px);
            }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content .inset{
                    padding-top: min(1.538vw, 6.615px)
            }
                }
.dropdowns .dropdown .content .inset .columns{
                    align-items: flex-start;
                }
.dropdowns .dropdown .content .table + .link,
            .dropdowns .dropdown .content .wysiwyg + table{
                margin-top: min(2.646vw, 68.6787391px);
            }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content .table + .link,
            .dropdowns .dropdown .content .wysiwyg + table{
                    margin-top: min(10.256vw, 44.1px)
            }
                }
.dropdowns .dropdown .content .columns + .link,
            .dropdowns .dropdown .content .wysiwyg + .link{
                margin-top: min(1.323vw, 34.33936955px);
            }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content .columns + .link,
            .dropdowns .dropdown .content .wysiwyg + .link{
                    margin-top: min(5.128vw, 22.05px)
            }
                }
.dropdowns .dropdown .content.--simple .wysiwyg{
                    width: 80%;
                }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--simple .wysiwyg{
                        width: 100%
                }
                    }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--image .columns{
                        flex-direction: column;
                        margin: 0
                }
                    }
.dropdowns .dropdown .content.--image .columns__item:first-child{
                            width: 35%;
                        }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--image .columns__item:first-child{
                                width: 100%;
                                margin-bottom: min(7.692vw, 33.075px)
                        }
                            }
.dropdowns .dropdown .content.--image .columns__item:last-child{
                            width: 65%;
                        }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--image .columns__item:last-child{
                                width: 100%
                        }
                            }
.dropdowns .dropdown .content.--image .wysiwyg{
                    width: 80%;
                }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--image .wysiwyg{
                        width: 100%
                }
                    }
.dropdowns .dropdown .content.--double .columns__item{
                        width: 50%;
                    }
.dropdowns .dropdown .content.--double .wysiwyg{
                    width: 100%;
                }
.dropdowns .dropdown .content.--table table thead{
                        font-size: min(1.058vw, 27.47149564px);
                    }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--table table thead{
                            font-size: pmx(16)
                    }
                        }
.dropdowns .dropdown .content.--table table tfoot{
                        font-size: min(1.058vw, 27.47149564px);
                    }
@media all and (max-width: 1100px){
.dropdowns .dropdown .content.--table table tfoot{
                            font-size: pmx(16)
                    }
                        }
.dropdowns .dropdown.--active .head .icon{
                transform: rotate(-90deg);
            }
/*
Table
*/
.table{
    position: relative;
    margin-top: min(5.952vw, 154.527162975px);
}
@media all and (max-width: 1100px){
.table{
        margin-top: 0
}
    }
.table .head .row{
            display: flex;
            align-items: end;
        }
.table .head .row .cell{
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: min(1.190vw, 30.905432595px) 0;
                border-bottom: 1px dashed #0F0E13;
                border-bottom: 1px dashed var(--black);
                margin-right: min(1.323vw, 34.33936955px);
            }
@media all and (max-width: 1100px){
.table .head .row .cell{
                    margin-right: min(3.077vw, 13.23px);
                    padding: min(3.077vw, 13.23px) 0
            }
                }
.table .head .row .cell:last-child{
                    margin-right: 0;
                }
.table .body{
        position: relative;
    }
.table .body .row{
            display: flex;
            align-items: flex-start;
        }
@media all and (max-width: 1100px){
.table .body .row{
                flex-direction: column;
                gap: min(11.538vw, 49.612500000000004px);
                padding: min(6.923vw, 29.767500000000002px) 0
        }
            }
.table .body .row .cell{
                display: flex;
                align-items: start;
                justify-content: flex-start;
                padding: min(2.216vw, 57.51844399625px) 0;
                border-bottom: 1px solid rgba(15,14,19,0.10196);
                border-bottom: 1px solid var(--black-10);
                z-index: 1;
                margin-right: min(1.323vw, 34.33936955px);
                transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
                transition: all 800ms var(--expoOut);
            }
@media all and (max-width: 1100px){
.table .body .row .cell{
                    padding: 0;
                    margin-right: 0
            }
                }
.table .body .row .cell:last-child{
                    margin-right: 0;
                }
.dots{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(1.984vw, 51.509054325px);
    height: min(3.968vw, 103.01810865px);
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border: 1px solid var(--white);
    border-radius: min(3.968vw, 103.01810865px);
    bottom: max(-7.937vw, -206.0362173px);
    left: 50%;
    padding: 0 min(2.712vw, 70.3957075775px);
    transform: translateX(-50%);
    width: auto;
}
@media all and (max-width: 1100px){
.dots{
        height: min(7.692vw, 33.075px);
        gap: min(4.615vw, 19.845px);
        padding: min(3.077vw, 13.23px) min(4.615vw, 19.845px);
        border-radius: min(15.385vw, 66.15px);
        bottom: max(-15.556vw, -61.74px)
}
    }
.dots .dot{
        position: relative;
        width: min(0.661vw, 17.169684775px);
        height: min(0.661vw, 17.169684775px);
        border-radius: 50%;
        background-color: #0F0E13;
        background-color: var(--black);
        border: 1px solid #FFFFFF;
        border: 1px solid var(--white);
        cursor: pointer;
        transition: all 600ms cubic-bezier(0.16, 1, 0.3, 1);
        transition: all 600ms var(--expoOut);
    }
@media all and (max-width: 1100px){
.dots .dot{
            width: min(1.538vw, 6.615px);
            height: min(1.538vw, 6.615px)
    }
        }
.dots .dot:hover,
        .dots .dot.--active{
            background-color: #FFFFFF;
            background-color: var(--white);
        }
.author{
    width: min(13.228vw, 343.39369550000004px);
    margin: min(3.968vw, 103.01810865px) auto 0;
}
@media all and (max-width: 1100px){
.author{
        width: auto;
        margin: min(6.923vw, 29.767500000000002px) auto 0
}
    }
.author .image{
        width: min(3.968vw, 103.01810865px);
        height: min(3.968vw, 103.01810865px);
        margin: 0 auto;
        border-radius: 50%;
    }
@media all and (max-width: 1100px){
.author .image{
            width: min(11.538vw, 49.612500000000004px);
            height: min(11.538vw, 49.612500000000004px)
    }
        }
.author .name-group{
        padding-top: min(1.323vw, 34.33936955px);
    }
.author .name-group .wysiwyg{
            margin: 0;
        }
.card{
    display: block;
    position: relative;
    width: 100%;
}
.card-project{
        cursor: none;
        padding: min(1.587vw, 41.20724346px);
        display: flex;
        gap: min(2.116vw, 54.94299128px);
        background-color: #FFFFFF;
        background-color: var(--white);
            border-radius: min(0.529vw, 13.73574782px);
    }
.card-project .media{
            display: block;
            overflow: hidden;
            min-width: min(15.344vw, 398.33668678000004px);
            aspect-ratio: 1.4320;
            border-radius: min(0.529vw, 13.73574782px);
        }
@media all and (max-width: 1100px){
.card-project .media{
                border-radius: min(1.538vw, 6.615px)
        }
            }
.card-project .media .image,
            .card-project .media .video{
                transform: scale(1);
                transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
                transition: all 800ms var(--expoOut);
            }
.card-project .content{
            margin-top: min(1.190vw, 30.905432595px);
        }
@media all and (max-width: 1100px){
.card-project .content{
                margin-top: min(4.615vw, 19.845px)
        }
            }
.card-project .content .wysiwyg{
                margin-top: min(0.529vw, 13.73574782px);
                color: #B8B7AB;
                color: var(--medium);
            }
@media all and (max-width: 1100px){
.card-project .content .wysiwyg{
                    margin-top: min(2.051vw, 8.82px)
            }
                }
.card-project:hover .media .image,
                .card-project:hover .media .video{
                    transform: scale(1.1);
                }
/* Includes */
/* @import 'includes/cookies.css'; */
#cursor{
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 100;
    width: 100%;
}
@media all and (max-width: 1023px){
#cursor{
        display: none !important
}
    }
#cursor .follow{
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-radius: 0;
        margin-left: 0;
        margin-top: 0;
        top: 0;
        left: 0;
        transform-origin: 50% 50%;
        will-change: transform;
        display: flex;
        align-items: center;
    }
#cursor .text{
        position: absolute;
        display: flex;
        align-items: center;
        left: 0;
        width: auto;
        text-align: center;
        font-family: 'Geist', 'Helvetica', sans-serif;
        font-family: var(--font-primary);
        height: min(2.249vw, 58.376928235px);
        padding: 0 min(0.661vw, 17.169684775px);
        color: #0F0E13;
        color: var(--black);
        border-radius: min(0.132vw, 3.433936955px);
        font-weight: 500;
        font-size: min(0.926vw, 24.037558685px);
        letter-spacing: -0.04em;
        background-color: rgba(248,245,239,0.50196);
        background-color: var(--white-50);
        white-space: nowrap;
        opacity: 1;
        transform: translateX(-50%) scale(0.4);
        backdrop-filter: blur(min(0.265vw, 6.86787391px));
        opacity: 0.0001;
        transform-origin: 0% 50%;
    }
#loader{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: block;
    z-index: 2000;
}
#loader .background{
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-color: #FFFFFF;
        background-color: var(--white);
        will-change: opacity;
    }
#loader .inner{
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
        color: var(--white);
        opacity: 0.0001;
    }
#loader .inner .center{
            display: flex;
            align-items: center;
            gap: min(2.116vw, 54.94299128px);

        }
#loader .inner .center .brand{
                display: block;
                width: auto;
                height: min(2.646vw, 68.6787391px);
                width: auto;
                display: flex;
                align-items: center;
                justify-content: center;
            }
@media all and (max-width: 1100px){
#loader .inner .center .brand{
                    height: min(8.205vw, 35.28px)
            }
                }
#loader .inner .center .brand svg,
                #loader .inner .center .brand img{
                    height: 100%;
                    width: auto;
                }
@keyframes fadeIn{
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}
/* .home{
    #loader{
        .inner{
            background: transparent;

            .center{

                .logo{
                    circle{
                        stroke: var(--bg-primary);

                        &.front{
                            stroke: var(--bg-primary);
                        }
                        &.back{
                            stroke: var(--bg-primary);
                        }
                    }
                }
            }
        }
    }
} */
.footer{
    display: block;
    position: relative;
    padding: min(1.323vw, 34.33936955px) 0 min(3.968vw, 103.01810865px);
    text-align: center;
    height: 100vh;
    background-color: #0F0E13;
    background-color: var(--black);
    border-radius: min(0.661vw, 17.169684775px) min(0.661vw, 17.169684775px) 0 0;
}
@media all and (max-width: 1100px){
.footer{
        padding: min(5.128vw, 22.05px) 0 min(5.128vw, 22.05px)
}
    }
.footer .video{
        filter: invert(1) brightness(1.5) blur(100px) grayscale(1)
    }
.footer .title{
        width: min(71.693vw, 1861.19382961px);
        margin: auto;
        text-align: center;
    }
.footer .title + .title{
        margin-bottom: min(7.937vw, 206.0362173px);
    }
@media all and (max-width: 1100px){
.footer .title + .title{
            margin-bottom: min(25.641vw, 110.25px)
    }
        }
.footer .title + .title a{
            color: #0F0E13;
            color: var(--black);
            transition: all 400ms cubic-bezier(0.16, 1, 0.3, 1);
            transition: all 400ms var(--expoOut);
        }
.footer .title + .title a:hover{
                color: rgba(15,14,19,0.2);
                color: var(--black-20);
            }
.footer .brand{
        display: block;
        width: auto;
        height: min(2.646vw, 68.6787391px);
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
@media all and (max-width: 1100px){
.footer .brand{
            height: min(5.641vw, 24.255000000000003px)
    }
        }
.footer .brand svg,
        .footer .brand img{
            height: 100%;
            width: auto;
        }
.footer .copyright{
        color: #B8B7AB;
        color: var(--medium);
    }
@media all and (max-width: 1100px){
.footer .copyright{
            font-size: min(3.590vw, 15.435px);
            margin-left: min(2.051vw, 8.82px)
    }
        }
.footer .menu,
    .footer .menu ul{
        display: inline-flex;
        gap: min(1.058vw, 27.47149564px);
    }
@media all and (max-width: 1100px){
.footer .menu,
    .footer .menu ul{
            gap: min(2.051vw, 8.82px)
    }
        }
.footer .menu li,.footer .menu ul li{
            display: inline-block;
            margin-bottom: 0;
            display: flex;
            align-items: center;
        }
@media all and (max-width: 1100px){
.footer .menu li,.footer .menu ul li{
                height: auto
        }
            }
.footer .menu li a,.footer .menu ul li a{
                position: relative;
                font-size: min(0.926vw, 24.037558685px);
                font-weight: 600;
                letter-spacing: -0.03em;
            }
@media all and (max-width: 1100px){
.footer .menu li a,.footer .menu ul li a{
                    font-size: min(3.590vw, 15.435px)
            }
                }
.footer .menu li a .base,.footer .menu ul li a .base{
                    opacity: 1;
                    /* filter: blur(px(2)); */
                    transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
                    transition: all 800ms var(--expoOut);
                }
.footer .menu li a .hover,.footer .menu ul li a .hover{
                    position: absolute;
                    left: 0;
                    top: 100%;
                    white-space: nowrap;
                    opacity: 0.0001;
                    transform: translateY(25%);
                    pointer-events: none;
                    transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
                    transition: all 800ms var(--expoOut);
                }
@media all and (max-width: 1100px){
.footer .menu li a .hover,.footer .menu ul li a .hover{
                        display: none !important
                }
                    }
.footer .menu li a:hover .hover,.footer .menu ul li a:hover .hover{
                        opacity: 1;
                        pointer-events: all;
                        transform: translateY(0%);
                        transition: all 800ms cubic-bezier(0.16, 1, 0.3, 1);
                        transition: all 800ms var(--expoOut);
                    }
@media all and (max-width: 1100px){
.footer .menu li a:hover .hover,.footer .menu ul li a:hover .hover{
                            position: relative;
                            height: min(6.667vw, 28.665px)
                    }
                        }
/* a{
                display: block;
                height: 100%;
                height: px(60);
                line-height: 1;
                font-size: px(24);
                font-family: var(--font-primary);
                font-weight: 500;
                display: flex;
                align-items: center;
                transition: all 800ms var(--expoOut);

                i{
                    margin-left: px(8);
                    font-size: px(10);
                }
            } */
.footer .menu li .sub-menu,.footer .menu ul li .sub-menu{
                display: none;
                position: absolute;
            }
.footer .menu-legal,.footer .menu ul-legal{
            color: #B8B7AB;
            color: var(--medium);
        }
.footer .columns{
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
.footer .columns > .item:nth-child(1){
                flex-basis: 33.33%;
                display: flex;
                justify-content: flex-start;
            }
@media all and (max-width: 1100px){
.footer .columns > .item:nth-child(1){
                    justify-content: space-between;
                    flex-basis: 100%
            }
                }
.footer .columns > .item:nth-child(2){
                flex-basis: 33.33%;
                display: flex;
                justify-content: center;
            }
@media all and (max-width: 1100px){
.footer .columns > .item:nth-child(2){
                    justify-content: space-between;
                    flex-basis: 100%
            }
                }
.footer .columns > .item:nth-child(3){
                flex-basis: 33.33%;
                display: flex;
                justify-content: flex-end;
                align-items: center;
                gap: min(1.190vw, 30.905432595px);

                /* @media all and (max-width: 1100px){
                    height: 50%;
                    z-index: 2;
                } */
            }
.header{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1010;
    pointer-events: none;
}
.header .main{
        position: relative;
        height: min(3.571vw, 92.716297785px);
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        z-index: 20;
        display: flex;
        align-items: center;
        padding: min(1.190vw, 30.905432595px) 0;
        pointer-events: all;
    }
/* box-shadow: 0 px(20) px(50) 0 #0000000D; */
@media all and (max-width: 1100px){
.header .main{
            height: min(17.949vw, 77.175px)
    }
        }
.header .main .brand{
            display: block;
            width: auto;
            height: min(1.190vw, 30.905432595px);
            width: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }
@media all and (max-width: 1100px){
.header .main .brand{
                height: min(8.205vw, 35.28px)
        }
            }
.header .main .brand svg,
            .header .main .brand img{
                height: 100%;
                width: auto;
            }
.header .main .menu{
            display: flex;
            align-items: center;
            gap: min(1.984vw, 51.509054325px);
        }
.header .main .menu li{

            }
.header .main .button{
            margin-left: min(1.984vw, 51.509054325px);
        }
.header .main .columns{
            width: 100%;
            justify-content: space-between;
            align-items: center;
        }
.header .main .columns > .item:nth-child(1){
                    flex-basis: 33.33%;
                    display: flex;
                    justify-content: flex-start;
                }
@media all and (max-width: 1100px){
.header .main .columns > .item:nth-child(1){
                        justify-content: flex-start;
                        flex-basis: 50%
                }
                    }
/* &:nth-child(2){
                    flex-basis: 33.33%;
                    display: flex;
                    justify-content: center;

                    @media all and (max-width: 1100px){
                        justify-content: flex-end;
                        flex-basis: 50%;
                    }
                } */
.header .main .columns > .item:nth-child(2){
                    flex-basis: 33.33%;
                    display: flex;
                    justify-content: flex-end;

                    /* @media all and (max-width: 1100px){
                        height: 50%;
                        z-index: 2;
                    } */
                }
/* @import 'includes/offcanvas.css'; */
/* Classes */
/* @import 'classes/draggable.css'; */
/* @import 'classes/carousel.css'; */
/* @import 'classes/slider.css'; */
/* Components basics */
.component--hero {
    height: 100vh;
}
@media all and (max-width: 1100px){
.component--hero {
        min-height: 100svh;
        padding-top: min(38.462vw, 165.375px);
        padding-bottom: min(10.256vw, 44.1px)
}
    }
.component--hero .sticky{
        position: absolute;
        top: 0;
        height: 300vh;
        mix-blend-mode: darken;
    }
.component--hero .sticky .stick{
            position: sticky;
            top: 0;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
        }
.component--hero .container{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
.component--hero .columns{
        align-items: flex-end;
        justify-content: space-between;
    }
.component--hero .columns .item:nth-child(1){
                flex-basis: min(32.011vw, 831.01274311px);
            }
.component--hero .columns .item:nth-child(2){
                flex-basis: min(49.405vw, 1282.5754526925px);
            }
.component--hero .title{
        width: min(49.405vw, 1282.5754526925px);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
.component--hero .media{
        transform-origin: 50% 0%;
        border-radius: min(0.529vw, 13.73574782px);
        overflow: hidden;
    }
@media all and (max-width: 1100px){
.component--hero .media{
            border-radius: min(1.538vw, 6.615px)
    }
        }
.component--intro .columns .item{
            flex-basis: min(56.085vw, 1455.98926892px);
        }
@media all and (max-width: 1100px){
.component--intro .columns .item{
                flex-basis: 100%
        }
            }
.component--featured {
    height: 300vh;
}
@media all and (max-width: 1100px){
.component--featured {
        height: 100svh
}
    }
.component--featured .sticky{
        position: absolute;
        top: 0;
        height: 100%;
        mix-blend-mode: darken;
    }
.component--featured .sticky .stick{
            position: sticky;
            top: 0;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
        }
.component--featured .sticky .stick .video{
                /* transform: rotate(-28deg) scale(1.6) translateX(2%); */
            }
.component--featured .sticky .stick .content{
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                mask-image: url(img/featured-mask.png);
                -webkit-mask-image: url(img/featured-mask.png);
                -webkit-mask-position: center;
                mask-position: center;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-size: cover;
                mask-size: cover;
            }
.component--featured .sticky .stick .title{
                position: absolute;
                width: min(64.815vw, 1682.62910795px);
                top: 34%;
                right: 0;
                transform: translateY(-50%);
                line-height: 0.9;
                text-align: right;
                -webkit-mask-image: ;
                        mask-image: ;
            }
.component--projects .content{
        align-items: flex-end;
    }
.component--projects .content .label{
            margin-bottom: min(2.778vw, 72.11267605500001px);
        }
.component--projects .content .actions{
            justify-content: flex-start;
            margin-top: min(2.116vw, 54.94299128px);
        }
.component--projects .columns{
        --cols: 2;
        --gap: min(1.323vw, 34.33936955px);
        margin-top: min(4.630vw, 120.187793425px);
    }
@media all and (max-width: 1100px){
.component--projects .columns{
            --cols: 1;
            --gap: min(7.692vw, 33.075px)
    }
        }
.component--services .content{
        width: min(42.989vw, 1116.029510375px);
    }
.component--services .content .label{
            margin-bottom: min(2.778vw, 72.11267605500001px);
        }
.component--services .content .title{
            margin-bottom: min(2.116vw, 54.94299128px);
        }
.component--services .columns{
        --cols: 3;
        --gap: min(1.984vw, 51.509054325px);
        row-gap: min(2.646vw, 68.6787391px);
        margin-top: min(7.937vw, 206.0362173px);
    }
.component--services .columns .item{
            padding: min(0.661vw, 17.169684775px);
            padding-top: 0;
        }
.component--services .columns .item:before{
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: min(0.132vw, 3.433936955px);
                height: 100%;
                background-color: #0F0E13;
                background-color: var(--black);
                -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
                        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
            }
.component--services .columns .item .title{
                margin-bottom: min(0.661vw, 17.169684775px);
            }
.component--services .columns .item .wysiwyg{
                padding-right: min(0.661vw, 17.169684775px);
            }
.component--areas .content .label{
            margin-bottom: min(2.778vw, 72.11267605500001px);
        }
.component--areas .content .title{
            margin-bottom: min(2.116vw, 54.94299128px);
        }
.component--areas .content .actions{
            justify-content: flex-start;
            margin-top: min(2.116vw, 54.94299128px);
        }
.component--areas .columns{
        --cols: 3;
        --gap: min(1.984vw, 51.509054325px);
        row-gap: min(4.630vw, 120.187793425px);
        margin-top: min(7.937vw, 206.0362173px);
    }
.component--areas .columns .item{
            padding: min(0.661vw, 17.169684775px);
            height: min(16.799vw, 436.10999328500003px);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
        }
.component--areas .columns .item[\:not-has\(.image\,\%20img\)]{
                justify-content: flex-end;
            }
.component--areas .columns .item:not(:has(.image, img)){
                justify-content: flex-end;
            }
.component--areas .columns .item:before{
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 1px;
                height: 100%;
                background-color: #0F0E13;
                background-color: var(--black);
                -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 90%);
                        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 90%);
            }
.component--areas .columns .item .image{
                height: min(3.307vw, 85.84842387500001px);
                width: auto;
            }
.component--areas .columns .item .title{
                width: min(23.810vw, 618.1086519px);
                color: #4D4D4D;
                color: var(--grey2);
            }
.component--combo .content .label{
            margin-bottom: min(2.778vw, 72.11267605500001px);
        }
.component--combo .content .title{
            margin-bottom: min(2.116vw, 54.94299128px);
        }
.component--combo .content .actions{
            justify-content: flex-start;
            margin-top: min(2.116vw, 54.94299128px);
        }
.component--combo .columns{
        flex-wrap: nowrap;
        justify-content: space-between;

    }
.component--combo .columns .item:nth-child(1){
                flex-basis: min(39.021vw, 1013.011401725px);
            }
.component--combo .columns .item:nth-child(2){
                flex-basis: min(45.635vw, 1184.708249475px);
            }
.component--list .columns{
        --cols: 2;
        margin-top: min(7.937vw, 206.0362173px);
    }
.component--list .groups{
        display: flex;
        flex-direction: column;
        gap: min(4.630vw, 120.187793425px);
    }
.component--list .groups .group{
            display: flex;
            gap: min(1.323vw, 34.33936955px);

        }
.component--list .groups .group .number{
                width: min(7.937vw, 206.0362173px);
            }
.component--list .groups .group .number .title:before{
                        content: "";
                        display: block;
                        width: min(0.661vw, 17.169684775px);
                        height: min(0.661vw, 17.169684775px);
                        background-color: #D3FD5A;
                        background-color: var(--main);
                        border: 1px solid rgba(15,14,19,0.10196);
                        border: 1px solid var(--black-10);
                        position: absolute;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%) translateX(-200%);
                    }
.component--list .groups .group .info{
                width: min(29.762vw, 772.635814875px);
            }
.component--list .groups .group .info .title{
                    margin-bottom: min(1.058vw, 27.47149564px);
                }
.component--page{
    background-color: #FFFFFF;
    background-color: var(--white);
    color: #0F0E13;
    color: var(--black);
    /* .wysiwyg{
        p{
        margin-bottom: px(40);

            @media all and (max-width: 1100px){
                margin-bottom: pxm(15);
            }
            &:last-child{
                margin-bottom: 0;
            }
        }
    } */
}
@media all and (max-width: 1100px){
.component--page{
        padding: min(27.692vw, 119.07000000000001px) 0 min(18.462vw, 79.38px)
}
    }
.component--page .title{
        margin-bottom: min(3.175vw, 82.41448692px);
    }
.component--error404{
    height: 100vh;
    padding: 0;
    overflow: hidden;
}
.component--error404 .container{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
.component--error404 .group{
        width: min(71.429vw, 1854.3259557000001px);
        margin: auto;
        text-align: center;
    }
@media all and (max-width: 1100px){
.component--error404 .group{
            width: min(78.462vw, 337.365px);
            padding: 0;
            margin: 0
    }
        }
.component--error404 .group .title + .title{
            margin-top: min(1.984vw, 51.509054325px);
        }
.component--error404 .group .button{
            margin-top: min(3.968vw, 103.01810865px);
        }
@media all and (max-width: 1100px){
.component--error404 .group .button{
                margin-top: min(5.128vw, 22.05px)
        }
            }
/*
Helpers
*/
.floating.--center{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
    }
.floating.--left{
        position: absolute;
        top: 50%;
        left: min(4.630vw, 120.187793425px);
        transform: translateY(-50%);
        text-align: left;
    }
.floating.--right{
        position: absolute;
        top: 50%;
        right: min(4.630vw, 120.187793425px);
        transform: translateY(-50%);
        text-align: right;
    }
.floating.--bottom{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
.floating.--top{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
.floating.--bottomcenter{
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
.floating.--bottomleft{
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
    }
.floating.--bottomright{
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: right;
    }
.--m-auto{
    margin: 0 auto;
}
.--d-none{
    display: none;
}
/*
Fonts
*/
.--italic{
    font-style: italic;
}
.--thin{
    font-weight: 100;
}
.--uppercase{
    text-transform: uppercase;
}
.--text-center{
    text-align: center;
}
.--text-left{
    text-align: left;
}
.--text-right{
    text-align: right;
}
.--text-white{
    color: #FFFFFF;
    color: var(--white);
}
.--text-white .title,
    .--text-white .wysiwyg,
    .--text-white a{
        color: #FFFFFF;
        color: var(--white);
    }
/*
Opacity
*/
.--opacity-01{
    opacity: 0.1;
}
.--opacity-02{
    opacity: 0.2;
}
.--opacity-03{
    opacity: 0.3;
}
.--opacity-04{
    opacity: 0.4;
}
.--opacity-05{
    opacity: 0.5;
}
.--opacity-06{
    opacity: 0.6;
}
.--opacity-07{
    opacity: 0.7;
}
.--opacity-08{
    opacity: 0.8;
}
.--opacity-09{
    opacity: 0.9;
}
/*
Backgrounds
*/
.--bg-white{
    background-color: #FFFFFF;
    background-color: var(--white);
    color: #0F0E13;
    color: var(--black);
}
.--bg-black{
    background-color: #0F0E13;
    background-color: var(--black);
    color: #FFFFFF;
    color: var(--white);
}
/*
Colors
*/
.--color-black{
    color: #0F0E13;
    color: var(--black);
}
.--color-white{
    color: #FFFFFF;
    color: var(--white);
}
/*
Paddings
*/
.--pt-none{
    padding-top: 0;
}
.--pt-s{
    padding-top: min(3.968vw, 103.01810865px);
}
.--pt-m{
    padding-top: min(7.937vw, 206.0362173px);
}
.--pt-l{
    padding-top: min(11.905vw, 309.05432595px);
}
.--pt-xl{
    padding-top: min(15.873vw, 412.0724346px);
}
.--pb-none{
    padding-bottom: 0;
}
.--pb-s{
    padding-bottom: min(3.968vw, 103.01810865px);
}
.--pb-m{
    padding-bottom: min(7.937vw, 206.0362173px);
}
.--pb-l{
    padding-bottom: min(11.905vw, 309.05432595px);
}
.--pb-xl{
    padding-bottom: min(15.873vw, 412.0724346px);
}