/*
Theme Name: Comceptum
Theme URI: http://comceptum.nl
Description: Wordpress thema voor Comceptum
Author: Comceptum - Michael Doorneweerd
Author URI: http://comceptum.nl
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain: comceptum
*/

:root  {
    --base: 15px;
    --massive: calc(var(--base) * 16);
    --huge: calc(var(--base) * 8);
    --extralarge: calc(var(--base) * 6);
    --largehuge: calc(var(--base) * 5);
    --large: calc(var(--base) * 4);
    --mediumlarge: calc(var(--base) * 3);
    --medium: max(30px, calc(var(--base) * 2.5));
    --smallmedium: max(22.5px, calc(var(--base) * 2));
    --small: max(15px, calc(var(--base) * 1.5));
    --extrasmall: max(10px, calc(var(--base) * 1));
    --tiny: max(7.5px, calc(var(--base) * 0.675));

    --massive-negative: calc(var(--base) * -10);
    --huge-negative: calc(var(--base) * -8);
    --extralarge-negative: calc(var(--base) * -6);
    --largehuge-negative: calc(var(--base) * -5);
    --large-negative: calc(var(--base) * -4);
    --mediumlarge-negative: calc(var(--base) * -3);
    --medium-negative: min(-30px, calc(var(--base) * -2.5));
    --smallmedium-negative: min(-22.5px, calc(var(--base) * -2));
    --small-negative: min(-15px, calc(var(--base) * -1.5));
    --extrasmall-negative: min(-10px, calc(var(--base) * -1));
    --tiny-negative: min(-7.5px, calc(var(--base) * -0.75));

    --primary: rgb(201, 166, 249);
    --primary-rgb: 201, 166, 249;
    --secondary: rgb(82, 11, 59);
    --secondary-rgb: 82, 11, 59;

    --border-radius-large: 45px;
    --border-radius-small: 30px;

    --containerwidth: 1340px;
    --container: calc(var(--containerwidth) - calc(var(--small) * 2));

    --arrow: 45px;
    --arrow-spacing: 6.5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: var(--extrasmall);
    margin-top: 0;
    font-weight: 700;
    line-height: 1;
    position: relative;
    display: block;
    font-family: "tt-travels-next";
    text-wrap: balance;
        hyphens: auto;
    word-break: auto-phrase;
}

h1,
.h1 {
    font-size: 60px;
}

.h2,
h2 {
    font-size: 40px;
}

.h3,
h3 {
    font-size: 30px;
}

.h4,
h4 {
    font-size: 26px;
}

.h5,
h5 {
    font-size: 22px;
}

.h6,
h6 {
    font-size: 20px;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):has(b) {
    font-weight: 400;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).large {
    font-size: 100px;
    text-wrap: auto;
    line-height: 0.875;
    margin-bottom: var(--small);
}

body {
   font-size: 16px;
    font-weight: 400;
    font-family: "aktiv-grotesk-extended", sans-serif;
    overflow-x: hidden;
    line-height: 1.675;
    margin: 0;
    background: var(--primary, #c9a6f9);
    color: var(--secondary, #520B3B);
    overflow-x: hidden;
}

main {
    position: relative;
    z-index: 1
}



p {
    margin-top: 0;
    margin-bottom: var(--extrasmall);
}

a {
    color: currentColor;
    text-decoration: none;
    text-decoration-line: underline;
    text-decoration-thickness: 1.125px;
    text-underline-offset: 2.5px;
       -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: var(--extrasmall);
}

ul li {
    list-style: none;
}

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

label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

sup {
    top: -5px;
}

abbr {
    text-decoration: none !important;
}

hr {
    margin-top: var(--medium);
    margin-bottom: var(--medium);
    border: 0;
    border-top: 2px solid var(--secondary)
}

blockquote {
    font-family: "tt-travels-next";
    font-size: 52px;
    margin: 0;
    line-height: 1;
    font-weight: bold;
    position: relative;
}

/*blockquote:before {
    content: '“';
}

blockquote:after {
    content: '”';
}*/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select {
    font-family: inherit;
  font-size: inherit;
  line-height: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
     line-height: 1.75;
    width: 100%;
    position: relative;
    padding: 15px 17.5px;
    border:0;
    background-color: #ffffff;
    font-weight: 400;
    color: var(--secondary);
    border-radius: 5px;

}

body.dark :is(input, textarea, select) {
    border: 1px solid var(--primary);
}

:is(input, textarea, select):focus {
    box-shadow: 0 0 0 1.5px var(--primary);
}

select {
    background-image: linear-gradient(45deg,transparent 50%,rgb(60 60 59 / 50%) 50%),linear-gradient(135deg,rgb(60 60 59 / 50%) 50%,transparent 50%);
    background-position: calc(100% - 20px) 50%,calc(100% - 15px) 50%,100% 0;
    background-size: 5px 5px,5px 5px,5px 5px;
    background-repeat: no-repeat;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}



::-webkit-input-placeholder {
    color: rgba(var(--secondary-rgb), .5);
}

::-moz-placeholder {
    color: rgba(var(--secondary-rgb), .5);
}

:-ms-input-placeholder {
    color: rgba(var(--secondary-rgb), .5);
}

::-moz-selection {
    background-color: var(--secondary);
    color: #ffffff;
}

::selection {
    background-color: var(--secondary);
    color: #ffffff;
}

::-moz-selection {
    background-color: var(--secondary);
    color: #ffffff;
}

:focus-visible {
   outline-color: var(--secondary);
    outline-offset: 2.5px;
}

table {
    margin-bottom: var(--small);
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

table thead tr {
    background: #E41F1A;
    color: #ffffff;
}

table tbody tr:nth-child(odd) {
    background: #EFEFEF;
}

table tr :is(td, th) {
    padding: 5px 15px;
}

table tr th {
    font-weight: bold;
}

b,
strong {
    font-weight: bold;
}

small,
.small {
    font-size: 0.75rem;
    font-weight: inherit;
    display: inline-block;
    line-height: 1.5;
}

button {
     font-family: inherit;
  font-size: inherit;
  line-height: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.row {
    margin-right:  calc(var(--extrasmall) * -1);
    margin-left: calc(var(--extrasmall) * -1);
}

.row [class*="col-"] {
    padding-right: var(--extrasmall);
    padding-left: var(--extrasmall);
}

@media (min-width: 992px) {


    .row.huge-gutters {
        margin-right:  calc(var(--huge) * -1);
        margin-left: calc(var(--huge) * -1);
    }

    .row.huge-gutters [class*="col-"] {
        padding-right: var(--huge);
        padding-left: var(--huge);
    }

    .row.large-gutters {
        margin-right:  calc(var(--mediumlarge) * -1);
        margin-left: calc(var(--mediumlarge) * -1);
    }

    .row.large-gutters [class*="col-"] {
        padding-right: var(--mediumlarge);
        padding-left: var(--mediumlarge);
    }

    .row.medium-gutters {
        margin-right:  calc(var(--medium) * -1);
        margin-left: calc(var(--medium) * -1);
    }

    .row.medium-gutters [class*="col-"] {
        padding-right: var(--medium);
        padding-left: var(--medium);
    }

    .row.small-gutters {
        margin-right:  calc(var(--small) * -1);
        margin-left: calc(var(--small) * -1);
    }

    .row.small-gutters [class*="col-"] {
        padding-right: var(--small);
        padding-left: var(--small);
    }

    .row.normal-gutters {
        margin-right: -15px;
        margin-left: -15px;
    }

    .row.normal-gutters > [class*="col-"] {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/*.row.small-gutters {
    margin-right: -10px;
    margin-left: -10px;
}

.row.small-gutters [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}
*/

.row.no-gutters {
        margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class*="col-"] {
        padding-right: 0;
    padding-left: 0;
}




.btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 20px 83px 20px 25px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    border: 0;
    
    z-index: 1;
    border-radius: var(--border-radius-large);
    border: 1px solid var(--primary);
    background: var(--secondary);
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.125;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

body.dark .btn:not(.btn--secondary) {
    color: var(--primary);
}

.btn span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    z-index: 1;
    position: relative;
}

.btn:hover span {
    -webkit-transform: translateX(45px);
    transform: translateX(45px);
    color: var(--secondary)
}


.btn:before {
    content: '';
    line-height: 1;
    background-color: var(--primary);
    color: #ffffff;
    border-radius: var(--border-radius-large);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    top: var(--arrow-spacing);
    bottom: var(--arrow-spacing);  
    right: var(--arrow-spacing);
    pointer-events: none;

}
.btn:after {
    content: '';
    line-height: 1;
    background-color: var(--secondary);
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 37.5 37.5'><path d='M20.6,26.7l-2.4-.6c.6-1.9,1.6-3.3,2.9-4.3,1.2-1,2.9-1.7,5-2.1H9.8s0-1.9,0-1.9h16.3c-2-.3-3.7-1-4.9-2s-2.2-2.5-2.9-4.4l2.3-.5c.6,1.8,1.5,3.3,2.6,4.4,1.1,1.1,2.6,2,4.5,2.7v1.6c-1.9.7-3.4,1.7-4.5,2.7-1.1,1.1-1.9,2.5-2.6,4.4Z'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    color: #ffffff;
    border-radius: var(--border-radius-large);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    top: var(--arrow-spacing);
    bottom: var(--arrow-spacing); 
    right: var(--arrow-spacing);
    pointer-events: none;
}

.btn[href*='mailto:']:after {
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 37.5 37.5'><path d='M27.6903262,12.5943135c-.0006829-.0041541-.0004552-.0080805-.0012519-.0122345-.0578154-1.2856519-1.1130595-2.3159148-2.412767-2.3159148h-13.0526145c-1.2997075,0-2.3551793,1.0303765-2.412767,2.3160855-.0007967.0039264-.0004553.0076253-.0011381.0115517-.0013657.0326065-.0097876.0631644-.0097876.0960554v9.3232957c0,1.3365819,1.0871107,2.4236928,2.4236927,2.4236928h7.458637c.3086521,0,.5590336-.2503815.5590336-.5590336s-.2503815-.5590336-.5590336-.5590336h-7.458637c-.7192777,0-1.3056256-.5863479-1.3056256-1.3056256v-8.2783514l7.52146,5.0142873c.0937792.062823.2021261.0937792.310473.0937792s.2166938-.0309563.310473-.0937792l7.5214597-5.0142875v4.5490332c0,.3086521.2503815.5590336.5590336.5590336s.5590336-.2503815.5590336-.5590336v-5.5939773c0-.0327203-.0084219-.0631075-.0096738-.0955433ZM18.7500001,17.6119018l-7.8004078-5.2005374c.1283774-.5858927.6506504-1.0271331,1.2741002-1.0271331h13.0526148c.6234499,0,1.1457229.4412405,1.2741003,1.0271331,0,0-7.8004075,5.2005379-7.8004075,5.2005374Z'/><path d='M27.3543597,21.497196c-.0682859-.0282817-.1406689-.043077-.2133933-.043077h-4.1954832c-.3086521,0-.5590336.2503815-.5590336.5590336s.2503815.5590336.5590336.5590336h2.8461546l-3.7074669,3.7074687c-.2185147.2176043-.2185147.5726907,0,.790295.1092574.1092574.2522024.1638861.3951475.1638861s.2858901-.0546287.3951475-.1638861l3.7074669-3.7074669v2.8461546c0,.3086521.2503815.5590336.5590336.5590336s.5590336-.2503815.5590336-.5590336v-4.1954832c0-.0728952-.0149091-.1455058-.0432477-.2137916-.0566773-.1365717-.165707-.2454877-.3023925-.3021667Z'/></svg>");
}

.btn[href*='tel:']:after {
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 37.5 37.5'><path d='M27.3872769,20.7749313l-4.9724917-1.9889967c-.225316-.0912918-.4855949-.0048559-.6108784.2058922l-1.2508925,2.0841733c-1.7326026-.9527372-3.1767618-2.3968964-4.129499-4.129499l2.0841733-1.2508925c.209777-.1252835.2971841-.3845912.2058922-.6108784l-1.9889972-4.9724919c-.0747816-.189382-.2583365-.3127231-.4613152-.3127231h-3.9779932c-1.3713201,0-2.4862459,1.1149259-2.4852747,2.5163526.5030764,8.2667678,7.1168786,14.8805693,15.4137535,15.3846168,1.37132,0,2.4862459-1.1149259,2.4862459-2.4862459v-3.9779934c0-.2029787-.1233411-.3865335-.3127231-.4613142ZM26.7055017,25.2142398c0,.8225968-.6691498,1.4917485-1.4616406,1.4927197-7.7656336-.4729694-13.9783347-6.6856705-14.4503329-14.4211972,0-.8225978.6691498-1.4917475,1.4917475-1.4917475h3.6409905l1.7073517,4.2664368-2.1230209,1.274201c-.2224025.133053-.3049536.414698-.1903532.6468124,1.1071564,2.2444196,2.9533882,4.0906514,5.1978078,5.1978078.2292008.1136292.5137594.0320493.6468124-.1903532l1.274201-2.1230209,4.2664368,1.7073517s0,3.6409905,0,3.6409896Z'/></svg>");
}

.btn:hover:before {
    width: calc(100% - calc(var(--arrow-spacing) * 2));
}

.btn:hover:after {
    width: calc(100% - calc(var(--arrow-spacing) * 2));
}

.btn.btn--secondary {
    background: transparent;
    color: var(--secondary);
        border-color: var(--secondary);
}

.btn.btn--secondary:hover span {
    color: #ffffff;
}

.btn.btn--secondary:before {
    background-color: var(--secondary);
}

.btn.btn--secondary:after {
    background-color: var(--primary);
}

.btn.btn--transparent:not(:hover) {
    background-color: transparent;
    border-color: transparent;
    color: var(--secondary)
}

.btn.btn--transparent:before,
.btn.btn--transparent:after {
    content: unset;
}

/*
.btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 20px 77.5px 20px 25px;
    padding: 20px 90px 20px 25px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    border: 0;
    
    z-index: 1;
    border-radius: var(--border-radius-large);
    border: 1px solid var(--secondary);
    background: var(--secondary);
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
    font-weight: 500;
    line-height: 1.125;
    text-align: left;
    cursor: pointer;
    
}

.btn.btn--secondary {
    background: transparent;
    color: var(--secondary);
}

.btn span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

.btn:hover span {
    -webkit-transform: translateX(45px);
    transform: translateX(45px);
}

.btn:before,
.btn:after {
    content: '';
    line-height: 1;
    background-color: var(--primary);
    background-image: url(images/arrow.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    color: #ffffff;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: 45px;
    height: 45px;
    position: absolute;
    top: var(--arrow-spacing);
    bottom: var(--arrow-spacing);  
}

.btn[href*='mailto:']:before,
.btn[href*='mailto:']:after {
    background-image: url(images/mail.svg);
    background-size: 17.5px;
}

.btn[href*='tel:']:before,
.btn[href*='tel:']:after {
    background-image: url(images/phone.svg);
    background-size: 17.5px;
}

.btn.btn--secondary:before,
.btn.btn--secondary:after {
    background-color: var(--secondary);
}

.btn:before {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scale(0);
    transform: scale(0);
    left: var(--arrow-spacing);
}

.btn:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.btn:after  {
 -webkit-transform-origin: right;
    transform-origin: right;
    right: var(--arrow-spacing);
}

.btn:hover:after {
    -webkit-transform: scale(0);
    transform: scale(0);
}*/







/* Header */

header {
    position: sticky;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    
}

header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(var(--primary-rgb), .75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /*    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large);*/
    pointer-events: none;
}


header nav.navigation {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--small);
    justify-content: space-between;
}

header nav.navigation .navigation-brand {
    width: 100%;
        max-width: 45px;
    position: relative;
    margin: 0;
    z-index: 1;
    margin-right: auto;
    line-height: 0;
}

header nav.navigation .navigation-brand svg path {
    fill: var(--secondary);
}

header nav.navigation .navigation-menu {
  display: flex;
    flex-wrap: nowrap;
    align-items: center;
     gap: var(--small);
         flex: 1 1 auto;
}

header nav.navigation .navigation-menu > ul {
    display: flex;
        flex-wrap: nowrap;
    gap: var(--small);
    font-weight: bold;
    margin-bottom: 0;
        margin-left: auto;
    margin-right: auto;
}

header nav.navigation .navigation-menu > ul > li {
    position: relative;
}

header nav.navigation .navigation-menu > ul > li > a {
    font-weight: 600;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration-color: transparent;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    padding: var(--medium) 0;
    white-space: nowrap;
}


header nav.navigation .navigation-menu > ul li.active > a{
    text-decoration-color: currentColor;
}

header nav.navigation .navigation-menu > ul li.dropdown > a:after {
    content: url("data:image/svg+xml,<svg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 7.4786603 4.7999899'><polygon points='3.7393302 4.799409 .0000723 1.0606395 1.0606192 .0000926 3.7393302 2.6783153 6.4180411 .0000926 7.478588 1.0606395 3.7393302 4.799409' fill='transparent'/></svg>");
    display: inline-block;
    line-height: 0;
    mask-image: url("data:image/svg+xml;utf8,<svg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 7.4786603 4.7999899'><polygon points='3.7393302 4.799409 .0000723 1.0606395 1.0606192 .0000926 3.7393302 2.6783153 6.4180411 .0000926 7.478588 1.0606395 3.7393302 4.799409'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    background: currentColor;
    width: 10px;
    margin-left: 5px;
       -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header nav.navigation .navigation-menu > ul li.dropdown.open > a:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0;
    width: 100%;
    background: #ffffff;
    border-radius: var(--border-radius-large);
    top: var(--headerheight);
    
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotateX(90deg) translateX(-50%);
    transform: rotateX(90deg) translateX(-50%);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    font-weight: initial;
    margin-bottom: 0;
    max-width: var(--container);
    overflow: hidden;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(var(--primary-rgb), .5);
    pointer-events: none;
}

 


header nav.navigation .navigation-menu > ul > li.open > .navigation-menu__submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg) translateX(-50%);
    transform: rotateX(0deg) translateX(-50%);
}


header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
        max-width: 27.5%;
    line-height: 1;
    margin: var(--large) var(--mediumlarge);
    height: 100%;
    min-height: 360px;

   
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li {

}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li > a {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 20px 83px 20px 25px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    border: 0;
    z-index: 1;
    border-radius: var(--border-radius-large);
    border: 1px solid transparent;
    text-decoration: none;
    font-weight: 500;
    line-height: 1.125;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:hover > a,
header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links:not(:hover) li:first-child > a {
    color: #ffffff;
    border-color: var(--secondary);
    background: var(--secondary);
}

body.dark header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:hover > a,
body.dark header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links:not(:hover) li:first-child > a {
    color: var(--primary);
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li > a:before {
    content: '';
    line-height: 1;
    background-color: var(--primary);
    color: #ffffff;
    border-radius: var(--border-radius-large);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    top: var(--arrow-spacing);
    bottom: var(--arrow-spacing);
    right: var(--arrow-spacing);
    opacity: 0;
    visibility: hidden;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li > a:after {
        content: '';
    line-height: 1;
    background-color: var(--secondary);
    mask-image: url("data:image/svg+xml;utf8,<svg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 37.5 37.5'><path d='M20.6,26.7l-2.4-.6c.6-1.9,1.6-3.3,2.9-4.3,1.2-1,2.9-1.7,5-2.1H9.8s0-1.9,0-1.9h16.3c-2-.3-3.7-1-4.9-2s-2.2-2.5-2.9-4.4l2.3-.5c.6,1.8,1.5,3.3,2.6,4.4,1.1,1.1,2.6,2,4.5,2.7v1.6c-1.9.7-3.4,1.7-4.5,2.7-1.1,1.1-1.9,2.5-2.6,4.4Z'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    color: #ffffff;
    border-radius: var(--border-radius-large);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    top: var(--arrow-spacing);
    bottom: var(--arrow-spacing);
    right: var(--arrow-spacing);
    opacity: 0;
    visibility: hidden;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:hover > a:before,
header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:hover > a:after,
header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links:not(:hover) li:first-child a:before,
header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links:not(:hover) li:first-child a:after {
    opacity: 1;
    visibility: visible;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content {
    
    padding: var(--large);
    padding-left: var(--huge);
    height: 100%;
    position: absolute;
    top: 0;
    left: 27.5%;
    left: calc(27.5% + var(--mediumlarge));
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    line-height: 1.675;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content:before {
    content: '';
    background: rgba(var(--primary-rgb), .5);
    border-radius: var(--border-radius-large);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--large);
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:hover .navigation-menu__content,
header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links:not(:hover) li:first-child .navigation-menu__content {
     opacity: 1;
    visibility: visible;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__info {

}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__info p:last-child {
    margin-bottom: 0
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: max-content;
    gap: var(--tiny);
        margin-top: var(--smallmedium);
    line-height: 0;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__person {
        position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 5;
    border-radius: var(--border-radius-small);
    max-width: 210px;
    margin-left: auto;
    margin-bottom: var(--medium);
}


header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__person :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__contact {
    text-align: right
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__contact a[href*="tel:"] {
    text-decoration: none;
}

header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content .navigation-menu__contact a[href*="tel:"]:before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 19.2 18.2'><path d='M18.2853086,11.1363095l-5-2c-.2265625-.0917969-.4882812-.0048828-.6142578.2070312l-1.2578125,2.0957031c-1.7421875-.9580078-3.1943359-2.4101562-4.1523438-4.1523438l2.0957031-1.2578125c.2109375-.1259766.2988281-.3867188.2070312-.6142578L7.5636289.4146298c-.0751953-.1904297-.2597656-.3144531-.4638672-.3144531H3.0997617C1.7208554.1001766.5997617,1.2212704.6007382,2.6304501c.5058594,8.3125,7.15625,14.9628906,15.4990234,15.4697266,1.3789062,0,2.5-1.1210938,2.5-2.5v-4c0-.2041016-.1240234-.3886719-.3144531-.4638672ZM17.5997617,15.6001766c0,.8271484-.6728516,1.5-1.4697266,1.5009766-7.8085938-.4755859-14.0556641-6.7226562-14.5302734-14.5009766,0-.8271484.6728516-1.5,1.5-1.5h3.6611328l1.7167969,4.2900391-2.1347656,1.28125c-.2236328.1337891-.3066406.4169922-.1914062.6503906,1.1132812,2.2568359,2.9697266,4.1132812,5.2265625,5.2265625.2304688.1142578.5166016.0322266.6503906-.1914062l1.28125-2.1347656,4.2900391,1.7167969v3.6611328Z' fill='transparent'/></svg>");
    display: block;
    line-height: 0;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 19.2 18.2'><path d='M18.2853086,11.1363095l-5-2c-.2265625-.0917969-.4882812-.0048828-.6142578.2070312l-1.2578125,2.0957031c-1.7421875-.9580078-3.1943359-2.4101562-4.1523438-4.1523438l2.0957031-1.2578125c.2109375-.1259766.2988281-.3867188.2070312-.6142578L7.5636289.4146298c-.0751953-.1904297-.2597656-.3144531-.4638672-.3144531H3.0997617C1.7208554.1001766.5997617,1.2212704.6007382,2.6304501c.5058594,8.3125,7.15625,14.9628906,15.4990234,15.4697266,1.3789062,0,2.5-1.1210938,2.5-2.5v-4c0-.2041016-.1240234-.3886719-.3144531-.4638672ZM17.5997617,15.6001766c0,.8271484-.6728516,1.5-1.4697266,1.5009766-7.8085938-.4755859-14.0556641-6.7226562-14.5302734-14.5009766,0-.8271484.6728516-1.5,1.5-1.5h3.6611328l1.7167969,4.2900391-2.1347656,1.28125c-.2236328.1337891-.3066406.4169922-.1914062.6503906,1.1132812,2.2568359,2.9697266,4.1132812,5.2265625,5.2265625.2304688.1142578.5166016.0322266.6503906-.1914062l1.28125-2.1347656,4.2900391,1.7167969v3.6611328Z'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 17.5px;
    display: inline-block;
    background: #101010;
    vertical-align: -3px;
    margin-right: 7.5px;
}

header nav.navigation .navigation-toggler {
       position: relative;
    border-radius: 0;
    margin: 0;
    z-index: 1;
    display: none;
    color: var(--secondary);
    padding: var(--extrasmall) var(--small);
    margin-left: var(--small-negative);
}

header nav.navigation .navigation-toggler span {
    display: block;
    width: 22px;
    height: 2px;
    transition: all 500ms ease-in-out;
    position: relative;
}

header nav.navigation .navigation-toggler span {
    background-color: currentColor;
}

header nav.navigation .navigation-toggler span + span {
    margin-top: 4px;
}

header nav.navigation .navigation-toggler span:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
}

header nav.navigation .navigation-toggler span:nth-of-type(2) {
    opacity: 1;
    width: 22px;
    margin-left: 0;
}

header nav.navigation .navigation-toggler span:nth-of-type(3) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    bottom: 0;
}

header nav.navigation .navigation-toggler.open span {
    position: relative;
    background-color: currentColor;
}

header nav.navigation .navigation-toggler.open span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px;
}

header nav.navigation .navigation-toggler.open span:nth-of-type(2) {
    opacity: 0;
    width: 0;
    margin-left: 50%;
}

header nav.navigation .navigation-toggler.open span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 6px;
}


/* Article */

article.article {
    position: relative;
    margin: var(--huge) 0;
    z-index: 1
}

article.article:last-child {
    margin-bottom: 0
}

article.article.article--background {
    background: var(--secondary);
    color: #ffffff;
    padding: var(--huge) 0;
    border-radius: var(--border-radius-large);
} 

body.dark article.article.article--background {
    color: var(--primary);
}

article.article.article--background ::-moz-selection {
    background-color: var(--primary);
    color: #ffffff;
}

article.article.article--background ::selection {
    background-color: var(--primary);
    color: #ffffff;
}

article.article.article--background ::-moz-selection {
    background-color: var(--primary);
    color: #ffffff;
}

article.article:first-child {
    margin-top: var(--medium);
}

article.article.article--reverse .row {
    flex-direction: row-reverse;
}


article.article .article-image {
    position: relative;
    display: block;
    overflow: hidden;
    /*aspect-ratio: 3 / 2;*/
    padding-bottom: 66.666%;
    height: 100%;
    border-radius: var(--border-radius-large);
    width: calc(50vw - var(--mediumlarge));
    float: right;
}



article.article.article--reverse .article-image {
    float: unset
}

article.article .article-image :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

}

article.article .article-portrait {
    aspect-ratio: 4 / 5;
    display: block;
    position: relative;
    border-radius: var(--border-radius-large);
    overflow: hidden;

}

article.article .article-portrait :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


article.article .article-content {
    
}

article.article .article-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:first-child) {
	margin-top: var(--small);
}

article.article .article-content ul li {
	position: relative;
	padding-left: var(--small);
	margin-bottom: 5px
}

article.article .article-content ul li:last-child {
	margin-bottom: 0;
}

article.article .article-content ul li:before {
	    content: '•';
    position: absolute;
    left: 0;
}

article.article:has(.article-image) .article-content {
    padding: var(--extralarge) 0;
}

article.article .article-content p:last-child {
    margin-bottom: 0;
}

article.article .article-content .article-content__buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: max-content;
    gap: var(--tiny);
        margin-top: var(--smallmedium);
    line-height: 0;
}

 article.article .article-content .article-content__services {
        margin-top: var(--medium)
    }

article.article .article-content .article-content__services .article-content__service {
        display: block;
    text-decoration: none;
    background: rgba(var(--secondary-rgb), .1);
    padding: var(--smallmedium);
    padding-right: calc( var(--smallmedium) + var(--arrow));
    margin-bottom: var(--extrasmall);
    border-radius: var(--border-radius-small);
    position: relative;
    overflow: hidden;
     -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1

}

article.article .article-content .article-content__service:hover {
    color: #ffffff;
}


article.article .article-content .article-content__service:last-child {
    margin-bottom: 0
}

article.article .article-content .article-content__services .article-content__service * {
    margin-bottom: 0;
	 margin-top: 0
}

article.article .article-content .article-content__services .article-content__service .article-content__service-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: var(--small);
    width: var(--arrow);
    height: var(--arrow);
    background: var(--secondary);
    border-radius: 50%;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1

}

article.article .article-content .article-content__services .article-content__service:hover .article-content__service-arrow {
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
}


article.article .article-content .article-content__services .article-content__service .article-content__service-arrow:before {
    content: '';
    background-color: var(--secondary);
    display: block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    border-radius: 50%;
     -webkit-transition: all 0.6s;
    transition: all 0.6s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

article.article .article-content .article-content__services .article-content__service:hover .article-content__service-arrow:before {
    transform: scale(30);

}

article.article .article-content .article-content__services .article-content__service .article-content__service-arrow:after {
    content: '';
    background-color: var(--secondary);
    display: block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    border-radius: 50%;
     -webkit-transition: all 0.6s;
    transition: all 0.6s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

article.article .article-content .article-content__services .article-content__service:hover .article-content__service-arrow:after {
    background: var(--primary);
}



article.article .article-content .article-content__services .article-content__service .article-content__service-arrow span {
    content: '';
    line-height: 1;
    background-color: var(--primary);
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 37.5 37.5'><path d='M20.6,26.7l-2.4-.6c.6-1.9,1.6-3.3,2.9-4.3,1.2-1,2.9-1.7,5-2.1H9.8s0-1.9,0-1.9h16.3c-2-.3-3.7-1-4.9-2s-2.2-2.5-2.9-4.4l2.3-.5c.6,1.8,1.5,3.3,2.6,4.4,1.1,1.1,2.6,2,4.5,2.7v1.6c-1.9.7-3.4,1.7-4.5,2.7-1.1,1.1-1.9,2.5-2.6,4.4Z'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: var(--arrow);
    height: var(--arrow);
    display: block;
    z-index: 2
}

article.article .article-content .article-content__service:hover .article-content__service-arrow span {
     background-color: var(--secondary);
}


/* Quote */

section.quote {
    position: relative;
    margin: var(--huge) 0;
}

section.quote blockquote {
    position: relative;
    padding: var(--medium) 0;
}

section.quote blockquote:before {
    content: url("data:image/svg+xml,<svg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 753.2074359 729.7308442'><path d='M753.2074359,422.5787061c-25.4329634,183.8999526-174.1180751,307.1521381-371.7127606,307.1521381S0,584.9584761,0,363.8872176C0,144.7723495,144.7723402,0,361.9308458,0s313.0212721,105.6446905,338.4542355,268.0244605l-199.5510759,46.9531833c-11.7383052-76.2989276-58.6914885-123.2521109-129.1212822-123.2521109s-156.510636,64.5606224-156.510636,172.1616847,64.5606411,172.1616847,170.2052943,172.1616847,156.510636-60.6478416,172.1616847-160.4234169l195.6383697,46.9532207Z' fill='transparent'/> </svg>");
    display: block;
    line-height: 0;
    mask-image: url("data:image/svg+xml;utf8,<svg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 753.2074359 729.7308442'><path d='M753.2074359,422.5787061c-25.4329634,183.8999526-174.1180751,307.1521381-371.7127606,307.1521381S0,584.9584761,0,363.8872176C0,144.7723495,144.7723402,0,361.9308458,0s313.0212721,105.6446905,338.4542355,268.0244605l-199.5510759,46.9531833c-11.7383052-76.2989276-58.6914885-123.2521109-129.1212822-123.2521109s-156.510636,64.5606224-156.510636,172.1616847,64.5606411,172.1616847,170.2052943,172.1616847,156.510636-60.6478416,172.1616847-160.4234169l195.6383697,46.9532207Z'/> </svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: var(--huge-negative);
    z-index: -1;
    background: var(--secondary);
    opacity: 0.1;
}

section.quote ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--small);
    font-family: "tt-travels-next";
    font-weight: 600;
    justify-content: space-between;
    margin-top: var(--large);
    margin-bottom: 0;
    line-height: 1.25
}

section.quote ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--small);
}

section.quote ul li:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 36 36'><path d='M17.9997617,36.0001766C8.074957,36.0001766-.0002383,27.9249813-.0002383,18.0001766S8.074957.0001766,17.9997617.0001766s18,8.0751953,18,18-8.0751953,18-18,18ZM17.9997617,1.0001766C8.6257382,1.0001766.9997617,8.6261532.9997617,18.0001766s7.6259766,17,17,17,17-7.6259766,17-17S27.3737851,1.0001766,17.9997617,1.0001766Z' fill='transparent'/><path d='M16.0856992,23.0783016c-.1923828,0-.3837891-.0732422-.5302734-.2197266l-3.828125-3.828125c-.2929688-.2929688-.2929688-.7675781,0-1.0605469s.7675781-.2929688,1.0605469,0l3.2978516,3.2978516,7.1259766-7.1259766c.2929688-.2929688.7675781-.2929688,1.0605469,0s.2929688.7675781,0,1.0605469l-7.65625,7.65625c-.1464844.1464844-.3378906.2197266-.5302734.2197266Z' fill='transparent'/></svg>");
    display: block;
    line-height: 0;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 36 36'><path d='M17.9997617,36.0001766C8.074957,36.0001766-.0002383,27.9249813-.0002383,18.0001766S8.074957.0001766,17.9997617.0001766s18,8.0751953,18,18-8.0751953,18-18,18ZM17.9997617,1.0001766C8.6257382,1.0001766.9997617,8.6261532.9997617,18.0001766s7.6259766,17,17,17,17-7.6259766,17-17S27.3737851,1.0001766,17.9997617,1.0001766Z'/><path d='M16.0856992,23.0783016c-.1923828,0-.3837891-.0732422-.5302734-.2197266l-3.828125-3.828125c-.2929688-.2929688-.2929688-.7675781,0-1.0605469s.7675781-.2929688,1.0605469,0l3.2978516,3.2978516,7.1259766-7.1259766c.2929688-.2929688.7675781-.2929688,1.0605469,0s.2929688.7675781,0,1.0605469l-7.65625,7.65625c-.1464844.1464844-.3378906.2197266-.5302734.2197266Z'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    background: var(--secondary);
    width: 37.5px;
}


/* Banner */

section.banner {
    position: relative;
    margin: var(--huge) 0;
    padding: calc(var(--massive) * 2) 0 var(--massive) 0;
    border-radius: var(--border-radius-large);
    overflow: hidden;
}

section.banner:last-child {
    margin-bottom: 0
}

section.banner .banner-image {

    position:absolute;
    inset:0
}

section.banner .banner-image img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:none;
    will-change:transform;
    backface-visibility:hidden;
}

section.banner .banner-content {
    position: relative;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 30px rgb(0 0 0 / 100%);
}

section.banner .banner-content .banner-content__buttons {
    display: flex;
    flex-flow: wrap;
    gap: var(--tiny);
    margin-top: var(--smallmedium);
    line-height: 0;
    justify-content: center;
}

section.banner .banner-content .banner-content__buttons .btn {
    border-color: transparent;
}




/* Cases */

section.cases {
    position: relative;
    margin: var(--huge) 0;
}

section.cases .cases-header {
    margin-bottom: var(--mediumlarge)
}

section.cases .case {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--border-radius-small);
    display: block;
    margin-bottom: calc(var(--extrasmall) * 2);
    height: calc(100% -  calc(var(--extrasmall) * 2));
}

section.cases .case:before {
        content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.5;
    pointer-events: none;
    height: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.cases .case:hover:before {
    height: 100%;
}

section.cases .case .case-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

section.cases .case .case-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.cases .case:hover .case-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

section.cases .case .case-header { 
         position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    padding: var(--medium);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #ffffff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.cases .case .case-header span {
    background: var(--secondary);
    padding: 5px 12.5px;
    line-height: 1.25;
    font-size: 12px;
    margin-bottom: var(--tiny);
    display: inline-block;
    border-radius: 15px;
    font-weight: 500;
}

section.cases .case:hover .case-header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 0;
}

/*section.cases .case .case-header:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0s ease;
}*/

section.cases .case:hover .case-header:before {
    background: transparent;
}

section.cases .case .case-header *:last-child {
    margin-bottom: 0
}

section.cases .case .case-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #ffffff;
    padding: var(--medium);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform 0.3s ease, opacity 0.6s;
    transition: transform 0.3s ease, opacity 0.6s;
    opacity: 0;
}

section.cases .case:hover .case-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/*section.cases .case .case-content:before {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
}*/

section.cases .case .case-content p:last-child {
    margin-bottom: 0
}
section.cases .case .case-content ul {
    margin-bottom: 0;
}

section.cases .case .case-content ul li a {
    text-decoration: none;
}

section.cases .case .case-content ul li a:before {
    display: block;
    line-height: 0;
     mask-repeat: no-repeat;
    mask-size: contain;
    width: 17.5px;
    display: inline-block;
    background: #ffffff;
    vertical-align: -3px;
    margin-right: 7.5px;
}

section.cases .case .case-content ul li a[href*="tel:"]:before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 19.2 18.2'><path d='M18.2853086,11.1363095l-5-2c-.2265625-.0917969-.4882812-.0048828-.6142578.2070312l-1.2578125,2.0957031c-1.7421875-.9580078-3.1943359-2.4101562-4.1523438-4.1523438l2.0957031-1.2578125c.2109375-.1259766.2988281-.3867188.2070312-.6142578L7.5636289.4146298c-.0751953-.1904297-.2597656-.3144531-.4638672-.3144531H3.0997617C1.7208554.1001766.5997617,1.2212704.6007382,2.6304501c.5058594,8.3125,7.15625,14.9628906,15.4990234,15.4697266,1.3789062,0,2.5-1.1210938,2.5-2.5v-4c0-.2041016-.1240234-.3886719-.3144531-.4638672ZM17.5997617,15.6001766c0,.8271484-.6728516,1.5-1.4697266,1.5009766-7.8085938-.4755859-14.0556641-6.7226562-14.5302734-14.5009766,0-.8271484.6728516-1.5,1.5-1.5h3.6611328l1.7167969,4.2900391-2.1347656,1.28125c-.2236328.1337891-.3066406.4169922-.1914062.6503906,1.1132812,2.2568359,2.9697266,4.1132812,5.2265625,5.2265625.2304688.1142578.5166016.0322266.6503906-.1914062l1.28125-2.1347656,4.2900391,1.7167969v3.6611328Z' fill='transparent'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 19.2 18.2'><path d='M18.2853086,11.1363095l-5-2c-.2265625-.0917969-.4882812-.0048828-.6142578.2070312l-1.2578125,2.0957031c-1.7421875-.9580078-3.1943359-2.4101562-4.1523438-4.1523438l2.0957031-1.2578125c.2109375-.1259766.2988281-.3867188.2070312-.6142578L7.5636289.4146298c-.0751953-.1904297-.2597656-.3144531-.4638672-.3144531H3.0997617C1.7208554.1001766.5997617,1.2212704.6007382,2.6304501c.5058594,8.3125,7.15625,14.9628906,15.4990234,15.4697266,1.3789062,0,2.5-1.1210938,2.5-2.5v-4c0-.2041016-.1240234-.3886719-.3144531-.4638672ZM17.5997617,15.6001766c0,.8271484-.6728516,1.5-1.4697266,1.5009766-7.8085938-.4755859-14.0556641-6.7226562-14.5302734-14.5009766,0-.8271484.6728516-1.5,1.5-1.5h3.6611328l1.7167969,4.2900391-2.1347656,1.28125c-.2236328.1337891-.3066406.4169922-.1914062.6503906,1.1132812,2.2568359,2.9697266,4.1132812,5.2265625,5.2265625.2304688.1142578.5166016.0322266.6503906-.1914062l1.28125-2.1347656,4.2900391,1.7167969v3.6611328Z'/></svg>");
}

section.cases .case .case-content ul li a[href*="mailto:"]:before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 17.9000244 14.1706543'><path d='M17.8903198,2.328125c-.0006714-.0041504-.0004272-.0080566-.0012207-.012207-.0031128-.0688477-.0200195-.1334229-.0286865-.2006836-.0115967-.0897827-.0171509-.1815186-.038269-.2679443-.0012207-.0049438-.0037231-.0093384-.0049438-.0142212-.1123047-.4476318-.3471069-.8468628-.6687012-1.1571655-.0217285-.0209351-.0482178-.036438-.0707397-.0565796-.2019043-.1808472-.4299927-.333252-.6842651-.4382324-.2825928-.1166382-.5922241-.1810913-.9171753-.1810913H2.4237061c-.3248901,0-.6345825.0644531-.9171753.1810913-.2543335.1049805-.4823608.2573853-.6842651.4382324-.022522.0201416-.0490112.0356445-.0707397.0565796-.1875.1809082-.3387451.3964233-.4605713.6295776-.0189819.036377-.0442505.0688477-.0614014.1062622-.055542.1209717-.0970459.2493286-.1323242.3800049-.005127.019104-.0146484.0362549-.0193481.055542-.0211182.0864258-.0266724.1781616-.038269.2679443-.008667.0672607-.0255737.1318359-.0286865.2006836-.0007935.0041504-.0005493.0080566-.0012207.012207-.0012817.0324707-.0097046.0628052-.0097046.0955811v9.3232422c0,1.3366089,1.0870972,2.4237061,2.4237061,2.4237061h13.0526123c1.3366089,0,2.4237061-1.0870972,2.4237061-2.423645V2.4237061c0-.0327759-.0084229-.0631104-.0097046-.0955811ZM2.4237061,1.118042h13.0526123c.6234741,0,1.145752.4412842,1.2741089,1.0271606l-7.800415,5.2005005L1.1495972,2.1452026c.1283569-.5858765.6506348-1.0271606,1.2741089-1.0271606ZM16.7819214,11.7469482c0,.7192993-.5863037,1.3056641-1.305603,1.3056641H2.4237061c-.7192993,0-1.305603-.5863647-1.305603-1.3056641V3.4686279l7.5214233,5.0142822c.093811.0628052.2021484.09375.3104858.09375s.2166748-.0309448.3104858-.09375l7.5214233-5.0142822v8.2783203Z' fill='transparent'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 17.9000244 14.1706543'><path d='M17.8903198,2.328125c-.0006714-.0041504-.0004272-.0080566-.0012207-.012207-.0031128-.0688477-.0200195-.1334229-.0286865-.2006836-.0115967-.0897827-.0171509-.1815186-.038269-.2679443-.0012207-.0049438-.0037231-.0093384-.0049438-.0142212-.1123047-.4476318-.3471069-.8468628-.6687012-1.1571655-.0217285-.0209351-.0482178-.036438-.0707397-.0565796-.2019043-.1808472-.4299927-.333252-.6842651-.4382324-.2825928-.1166382-.5922241-.1810913-.9171753-.1810913H2.4237061c-.3248901,0-.6345825.0644531-.9171753.1810913-.2543335.1049805-.4823608.2573853-.6842651.4382324-.022522.0201416-.0490112.0356445-.0707397.0565796-.1875.1809082-.3387451.3964233-.4605713.6295776-.0189819.036377-.0442505.0688477-.0614014.1062622-.055542.1209717-.0970459.2493286-.1323242.3800049-.005127.019104-.0146484.0362549-.0193481.055542-.0211182.0864258-.0266724.1781616-.038269.2679443-.008667.0672607-.0255737.1318359-.0286865.2006836-.0007935.0041504-.0005493.0080566-.0012207.012207-.0012817.0324707-.0097046.0628052-.0097046.0955811v9.3232422c0,1.3366089,1.0870972,2.4237061,2.4237061,2.4237061h13.0526123c1.3366089,0,2.4237061-1.0870972,2.4237061-2.423645V2.4237061c0-.0327759-.0084229-.0631104-.0097046-.0955811ZM2.4237061,1.118042h13.0526123c.6234741,0,1.145752.4412842,1.2741089,1.0271606l-7.800415,5.2005005L1.1495972,2.1452026c.1283569-.5858765.6506348-1.0271606,1.2741089-1.0271606ZM16.7819214,11.7469482c0,.7192993-.5863037,1.3056641-1.305603,1.3056641H2.4237061c-.7192993,0-1.305603-.5863647-1.305603-1.3056641V3.4686279l7.5214233,5.0142822c.093811.0628052.2021484.09375.3104858.09375s.2166748-.0309448.3104858-.09375l7.5214233-5.0142822v8.2783203Z'/></svg>");
}


/* Services */

section.services {
    position: relative;
    margin: var(--huge) 0;
}

section.services .services-header {
    margin-bottom: var(--large);
    text-align: center;
}

section.services .services-header p {
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
}

section.services .services-header p:last-child {
    margin-bottom: 0;
}

section.services .service {
    display: block;
    text-decoration: none;
    background: rgba(var(--secondary-rgb), .1);
    padding: var(--medium);
    padding-right: calc(var(--medium) + var(--arrow));
    border-radius: var(--border-radius-small);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(var(--extrasmall) * 2);
    height: calc(100% -  calc(var(--extrasmall) * 2));
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

section.services .service:hover {
    color: #ffffff;
}

section.services .service .service-arrow {
    position: absolute;
    top: var(--small);
    right: var(--small);
    width: var(--arrow);
    height: var(--arrow);
    background: var(--secondary);
    border-radius: 50%;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1
}

section.services .service:hover .service-arrow {
   -webkit-transform: translateX(5px);
   transform: translateX(5px);
  
}

section.services .service .service-arrow:before {
        content: '';
    background-color: var(--secondary);
    display: block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    border-radius: 50%;
     -webkit-transition: all 0.6s;
    transition: all 0.6s;
        z-index: -1;
            top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

section.services .service:hover .service-arrow:before {
    transform: scale(30);
}

section.services .service .service-arrow:after {
    content: '';
    background-color: var(--secondary);
    display: block;
    width: var(--arrow);
    height: var(--arrow);
    position: absolute;
    border-radius: 50%;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

section.services .service:hover .service-arrow:after {
    background: var(--primary);
}

section.services .service .service-arrow span {
    content: '';
    line-height: 1;
    background-color: var(--primary);
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 37.5 37.5'><path d='M20.6,26.7l-2.4-.6c.6-1.9,1.6-3.3,2.9-4.3,1.2-1,2.9-1.7,5-2.1H9.8s0-1.9,0-1.9h16.3c-2-.3-3.7-1-4.9-2s-2.2-2.5-2.9-4.4l2.3-.5c.6,1.8,1.5,3.3,2.6,4.4,1.1,1.1,2.6,2,4.5,2.7v1.6c-1.9.7-3.4,1.7-4.5,2.7-1.1,1.1-1.9,2.5-2.6,4.4Z'/></svg>");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    width: var(--arrow);
    height: var(--arrow);
    display: block;
    position: relative;
    z-index: 1
}

section.services .service:hover .service-arrow span {
     background-color: var(--secondary);
}

section.services .service p:last-child {
    margin-bottom: 0
}


/* Case */

section.case {
    margin: var(--huge) 0;
    position: relative;
}

section.case .case-content {
    margin-bottom: var(--extralarge);
}


section.case [class*='col-']:first-child .case-content {
    margin-bottom: var(--mediumlarge);
}

section.case .case-content.case-content--padding {
    padding: 0;
    margin-bottom: var(--mediumlarge);
}

section.case .case-content *:last-child {
    margin-bottom: 0
}

section.case [class*='col']:last-child .case-content {
    margin-bottom: 0
}

section.case .case-image {
    margin-bottom: var(--extralarge);
    line-height: 0;
}

section.case .case-image img {
    border-radius: 45px;
}

section.case .case-image.case-image--margin {
    margin-top: var(--huge);
    margin-bottom: var(--extralarge-negative);
}


.video-player {
    position: relative;
}

.video-player video {
    width: 100%;
    border-radius: 50px;
}

.video-player .video-play {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    /*-webkit-transition: all 0.3s;
    transition: all 0.3s;*/
}
.video-player:not(.playing) .video-play {
    background: url(images/play.svg);
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    /*-webkit-filter: drop-shadow(0px 0px 15px rgb(0 0 0 / 50%));
    filter: drop-shadow(0px 0px 15px rgb(0 0 0 / 50%));*/
}


/* Footer */

footer.footer {
    position: relative;
    padding: var(--huge) 0;
    will-change: transform;
}

footer.footer .footer-contact {
    font-family: "tt-travels-next";
}

footer.footer .footer-contact svg {
   fill: var(--secondary);
   max-width: 510px;
   margin-bottom: var(--small)
}

footer.footer .footer-contact p {
    font-weight: 500;
    margin-bottom: 0;
}

footer.footer .footer-menu ul {
    text-align: right;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 2
}

footer.footer .footer-menu ul li a {
    text-decoration: none;
        text-decoration-color: transparent;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
        -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

footer.footer .footer-menu ul li a:hover,
footer.footer .footer-menu ul li.active a {
     text-decoration-color: currentColor;
}


/* Accordion */

.accordion  {

}

.accordion .accordion-item {
    background: rgba(var(--secondary-rgb), .1);
        border-radius: var(--border-radius-small);
    padding: var(--smallmedium);
    padding-left: var(--large);
    display: block;
    margin-bottom: var(--extrasmall);
      -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.accordion .accordion-item:hover,
.accordion .accordion-item:has([aria-expanded="true"]) {
    box-shadow: 0 0 0 2px var(--secondary) inset;
}
.accordion .accordion-item .accordion-item__toggler {
    font-weight: bold;
    display: block;
    position: relative;
    cursor: pointer;
    text-decoration: none;

    font-family: "tt-travels-next";
    font-size: 20px;
     line-height: 1.125;
}

.accordion .accordion-item .accordion-item__toggler:before {
   content: '✕';
    display: block;
    position: absolute;
    top: 0;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate(-25%, 0%) rotate(45deg);
    transform: translate(-25%, 0%) rotate(45deg);
    /*line-height: 1;*/
    left: calc(var(--large-negative) / 2);
}


.accordion .accordion-item .accordion-item__toggler[aria-expanded="true"]:before {
    -webkit-transform: translate(-25%, 0%);
    transform: translate(-25%, 0%);

}

.accordion .accordion-item .accordion-item__content {
    padding-top: var(--tiny);
}



/* Gravity Forms */

.gform_wrapper {
  

}

.gform_wrapper form {
    position: relative;
}


.gform_wrapper form .gform_body {


}

.gform_wrapper form .gform_body {

}

.gform_wrapper form .gform_body .gform_fields,
.gform_wrapper form .gform_body .gform_fields .gfield .gform-grid-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield,
.gform_wrapper form .gform_body .gform_fields .gfield .gform-grid-row .gform-grid-col {
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: var(--small)
}


.gform_wrapper form .gform_body .gform_fields .gfield:last-child,
.gform_wrapper form .gform_body .gform_fields .gfield:has(.gform-grid-row) {
    margin-bottom: 0;
}

.gform_wrapper form .gform_body .gform_page_fields .gform_fields .gfield {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 15px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gform_validation_container,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield_visibility_hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-half,
.gform_wrapper form .gform_body .gform_fields .gfield .gform-grid-row .gform-grid-col:is(.ginput_left, .ginput_right) {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-three-quarter {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-quarter {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-third {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-two-thirds {
    -ms-flex: 0 0 66.6666%;
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}


.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-html {
    margin-top: var(--small)
}


.gform_wrapper form .gform_body .gform_fields .gfield.spacer {
    display: none;
}




.gform_wrapper form .gform_body .gform_fields .gfield.hidden_label > :is(label, legend) {
    display: none;
}

.gform_wrapper form .gform_body .gform_fields .gfield :is(label, legend) + .gfield_description {
    font-size: 14px;
    margin-bottom: 7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield_error :is(input, textarea) {
    border-color: #E72B37
}


.gform_wrapper form .gform_body .gform_fields .gfield .gfield_validation_message {
    background: #ffe5e6;
    color: #E72B37;
    border-left: 3px solid #E72B37;
    padding: 7.5px 10px;
    line-height: 1.25;
    display: inline-block;
    font-size: 14px;
    margin-top: 7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container {
    position: relative;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container.ginput_container_textarea {
    line-height: 1;
}

.gform_wrapper form .gform_body .gform_fields .gfield.cm .ginput_container:after {
    content: 'cm';
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container .instruction {
    font-size: 14px;
    margin-top: 7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-section) *:last-child {
    margin-bottom: 0;
}

.gform_wrapper form .gform_body .gform_fields .gfield label {
    
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container{

}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) {

}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice {
        display: inline-block;
    margin-right: 7.5px;
    margin-bottom: 7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice input {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice label {
    margin-bottom: 0;
    padding: 12.5px 20px;
    
    border: 1.5px solid #e6e5e5;
    border-radius: 50px;
    line-height: 1;
     -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
        position: relative;
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images)#field_5_28 .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice label {
    padding-left: 47.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice label:before {
        display: inline-block;
    width: 25px;
    line-height: 0;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice label:hover {
    border-color: #000000;
}

.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice label:active {
    transform: scale(0.925);
}


.gform_wrapper form .gform_body .gform_fields .gfield:is(.gfield--type-radio, .gfield--type-checkbox):not(.gfield--type-images) .ginput_container :is(.gfield_radio, .gfield_checkbox) .gchoice input:checked + label {
    border-color: #000000;
    box-shadow: 0 0 0 0.5px #000000 inset;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent {

}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent input{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label {
    position: relative;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent label:before{
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 7.5px;
    background: #ffffff;
    border: 1.5px solid #000000;
    vertical-align: middle;
    vertical-align: -2px;
     border-radius: 50%;
}


.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-consent .ginput_container_consent input:checked + label:before{
    background: #000000;
    box-shadow: 0 0 0 2px #ffffff inset;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images :is(.gfield_radio, .gfield_checkbox) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images :is(.gfield_radio, .gfield_checkbox) .gchoice {
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images :is(.gfield_radio, .gfield_checkbox) .gchoice input{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images :is(.gfield_radio, .gfield_checkbox) .gchoice label {
    position: relative;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images :is(.gfield_radio, .gfield_checkbox) .gchoice label img {
    border: 2px solid #e6e5e5;
    margin-bottom: 7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images :is(.gfield_radio, .gfield_checkbox) .gchoice input:checked + label img{
    border-color: #b4a677;
}


.gform_wrapper form .gform_footer {
      margin-top: var(--small);
}


.gform_wrapper form .gform_body .gform_page_footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
/*     border-top: 1px solid #E4E4E4; */
    margin-top: 30px;
}

.gform_wrapper form .gform_body .gform_page_footer .button {
    border-radius: 0;
}

.gform_wrapper form .gform_body .gform_page_footer .gform_next_button {
    margin-left: auto;
    background: #b4a677;
}

.gform_wrapper form .gform_body .gform_page_footer input[type="submit"] {
    margin-left: auto;
    background: #0C534D;
    border-color: #0C534D;
}





.gform_wrapper form .gform_footer .gform_ajax_spinner {
    margin-left: 15px;
    border: 4px solid #E0D9C0;
    border-left: 4px solid #ffffff;
    animation: spinner 1.1s infinite linear;
    border-radius: 50%;
    width: 22.5px;
    height: 22.5px;
    vertical-align: middle;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.gform_confirmation_message {
     background: #ddffdd;
    color: #4CAF50;
    border-left: 3px solid #4CAF50;
    padding: 7.5px 10px;
    display: inline-block;
}





/* Responsive */


@media (max-width: 1600px) {

}   

@media (max-width: 1400px) {
    :root  {
        --base: 12.5px;
    }

    :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).large {
        font-size: 80px
    }

    header nav.navigation .navigation-menu {
        gap: var(--extrasmall);
    }

    header nav.navigation .navigation-menu > ul {
            gap: var(--extrasmall);
    }


}

@media (max-width: 1200px) {

    :root  {
        --base: 10px;
    }

    :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).large {
        font-size: 60px
    }

   

    header nav.navigation .navigation-menu > .btn {
        display: none
    }
   

}

@media (max-width: 992px) {

    
    :root  {
        --base: 7.5px;

        --massive: calc(var(--base) * 8);
        --massive-negative: calc(var(--base) * -8);

        --huge: calc(var(--base) * 6);
        --huge-negative: calc(var(--base) * -6);

        --border-radius-large: 30px;
        --border-radius-small: 22.5px;

        --arrow: 37.5px;
        --arrow-spacing: 5px;
    }
        
    h1,
    .h1 {
        font-size: 32px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    .h3,
    h3 {
        font-size: 26px;
    }

    .h4,
    h4 {
        font-size: 24px;
    }

    .h5,
    h5 {
        font-size: 18px;
    }

    .h6,
    h6 {
        font-size: 16px;
    }

    :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6).large {
        font-size: 48px;
    }

    body {
        font-size: 15px;
    }

    blockquote {
        font-size: 30px;
    }

    .btn {
        padding: 15px 83px 15px 25px;
        width: 100%
    }

    /*header {
         -webkit-backdrop-filter: unset; 
        backdrop-filter: unset;
    }*/

    header nav.navigation {
        padding: var(--extrasmall) 0;
    }

    header nav.navigation .navigation-toggler {
        display: block;
    }

    header nav.navigation .navigation-brand {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 37.5px;
    }

    header nav.navigation .navigation-menu > .btn {
        display: block
    }

    header nav.navigation .navigation-menu {
       position: absolute;
        overflow-x: scroll;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 0;
        left: var(--small-negative);
        right: var(--small-negative);
        bottom: 0;
        padding: calc(var(--large) * 2) var(--small) var(--medium) var(--small);
        background: rgba(var(--primary-rgb), .75);
        flex-direction: column;
        height: 100vh;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    header nav.navigation .navigation-menu > ul {
        flex-direction: column;
        width: 100%;
        gap: var(--small);
    }

    header nav.navigation .navigation-menu > ul > li > a {
        padding: 0
    }

    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu { 
        top: unset;
    }

    header nav.navigation .navigation-menu > ul > li.open > .navigation-menu__submenu {
        position: relative;
        margin-top: var(--extrasmall);
        border-radius: var(--border-radius-small);
    }

    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links {
                max-width: 100%;
        padding: 0;
        margin: var(--smallmedium);
        min-height: auto;
    }

    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li > a {
         padding: var(--tiny) 0;
    }

    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:first-child > a {
        padding-top: 0
    }

     header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:last-child > a {
        padding-bottom: 0
    }

    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li:hover > a, 
    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links:not(:hover) li:first-child > a {
       
        color: inherit;
        border-color: transparent;
        background: transparent;
    }

    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li > a:before,
    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li > a:after {
        content: unset;
    }


    header nav.navigation .navigation-menu > ul > li > .navigation-menu__submenu ul.navigation-menu__links li .navigation-menu__content {
        display: none;
    }

    header nav.navigation .navigation-menu > .btn {
        margin-top: auto
    }

    header nav.navigation .navigation-menu.open {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    article.article:not(.article--services, .article--text) [class*='col-']:not(:last-child) {
        margin-bottom: var(--medium)
    }

    article.article:first-child {
        margin-top: 0
    }

    article.article .article-image {
        width: 100%;
        float: unset;
        aspect-ratio: 4 / 3;
    }

    article.article:has(.article-image) .article-content {
        padding: 0;
    }

    article.article .article-content .article-content__buttons {
        max-width: unset;
    }

    article.article.article--services .article-content .article-content__buttons {
        display: none;
    }

    article.article .article-portrait {
            max-width: 60%;
    }

    section.quote blockquote {
        padding: var(--small) 0;
    }

    section.services .service {
        padding: var(--medium);
    }

    section.services .service :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
        padding-right: 37.5px
    }

    section.case .case-content.case-content--padding {
       
    }

    section.case .case-image.case-image--margin {
        margin-top: 0;
        margin-bottom: var(--extralarge);
    }
    
    footer.footer [class*='col-']:not(:last-child) {
        margin-bottom: var(--medium)
    }

    .accordion .accordion-item {
        padding-left: var(--massive);
    }

    .accordion .accordion-item .accordion-item__toggler:before {
        left: calc(var(--massive-negative) / 2);
    }

   


}