html {
    scroll-behavior: auto !important;
    text-wrap: balance; /* fallback */
    text-wrap: pretty; /* best if supported */
}

/* //////////////////////////////////////////////////////////// */
/* // Type , vars, main */
/* //////////////////////////////////////////////////////////// */
:root {
    --white: #FFF;
    --black: #000;
    --primary: #53C0AA;
    --primary-lighter: #F9F5F0;
    --primary-darker: #F4EFE5;
    --secondary: #EE4023;
    --secondary-lighter: #86162F;
    --secondary-darker: #664B9F;
    --tertiary: #FCBA1E;
    --tertiary-lighter: #000;
    --tertiary-darker: #F6883C;
    --preloader-bg: #000;
    --preloader-circle: rgba(83, 192, 170, 0.75);
    --form-error: #690207;
    --input-label: #fff;
    --input-color: #fff;
    --input-placeholder: #fff;
    --input-bg: #F6883C;
    --input-borders: #fff;
    --header-size-large: 0px;
    --header-size-medium: 0px;
    --header-size-small: 0px;
    --swiper-theme-color: #FFF;
    --swiper-bullet: #FFF;
    --swiper-bullet-off: #000;
    --swiper-bullet-on: #FFF;
    --nav-large: 83px;
    --nav-small: 75px;
    --alt-font: Times;
    --popup-bg: #000;
    --popup-colour: #FFF;
    --padding-x: 80px;
    --overlap: 130px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    /*font-family : 'TT Firs Text Normal';*/
    font-weight: 500;
}

h1, .h1 {
    font-size: var(--step-3);
    margin-bottom: 1.5rem;
}

h2, .h2 {
    font-size: var(--step-4);
    margin-bottom: 1.3rem;
}

h3, .h3 {
    font-size: var(--step-5);
    margin-bottom: 1.1rem;
}

h4, .h4 {
    font-size: var(--step-6);
    margin-bottom: 1rem;
}

.pre-heading {
    color: #000;
    border-bottom: 1px solid #000;
    display: inline !important;
    width: auto;
    /*margin         : 0px !important;*/
    text-transform: uppercase;
    font-family: 'TT Firs Text Demi';
    line-height: 28px;
    padding-bottom: 4px !important;
}

.num-heading {
    color: #000;
    border-bottom: 1px solid #000;
    display: inline !important;
    width: auto;
    /*margin         : 0px !important;*/
    text-transform: uppercase;
    font-family: 'TT Firs Text Demi';
    line-height: 28px;
    padding-bottom: 4px !important;
}

b,
strong {
    font-family: 'TT Firs Text Demi';
}

.thinner {
}

.cray-height {
    line-height: 30px;
}

.pre-heading.text-white {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.colour-primary-bg .pre-heading,
.colour-secondary-bg .pre-heading,
.colour-tertiary-bg .pre-heading,
.colour-tertiary-bg-darker .pre-heading {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.colour-primary-bg,
.colour-secondary-bg:not(.scrolling-wrap),
.colour-tertiary-bg,
.colour-tertiary-bg-darker {
    color: #fff;
}

.section-outer,
footer,
section {
    position: relative;
    z-index: 20;
}

.section-outer {
    background-color: #fff;
}

.fixed-fix {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
}

.image-title {
    color: #fff;
    font-size: var(--step-2);
    /* margin-bottom: 1.5rem; */
    text-align: left;
    line-height: var(--step-2);
    font-family: 'TT Firs Text Normal';
}

.my-1 {
    margin-left: 5px;
    margin-right: 5px;
}

/* //////////////////////////////////////////////////////////// */
/* // Header and Main Navigation */
/* //////////////////////////////////////////////////////////// */
.logo-fix {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

.reverse {
    filter: brightness(0) invert(1);
}

.logo-animation {
    transition: all 1s ease-in-out;
}

.scroll-down {
    bottom: auto;
}

body:not(.scrolled) nav {
    opacity: 0;
    visibility: hidden;
}

body.scrolled nav {
    opacity: 1;
    visibility: visible;
}

#intro .swiper-horizontal > .swiper-pagination-bullets,
#intro .swiper-pagination-bullets.swiper-pagination-horizontal,
#intro .swiper-pagination-custom,
#intro .swiper-pagination-fraction {
    width: auto;
    left: auto;
    right: 45px;
    bottom: 30px;
}

.pagi-under .swiper-horizontal > .swiper-pagination-bullets,
.pagi-under .swiper-pagination-bullets.swiper-pagination-horizontal,
.pagi-under .swiper-pagination-custom,
.pagi-under .swiper-pagination-fraction {
    bottom: -50px;
}

/*///////*/
.swiper-pagination-bullet {
    border: 1px solid #fff;
    border-color: var(#fff);
    background: transparent;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    border-color: #fff;
    background: #fff;
    opacity: 1;
}

/*///////*/
.swiper-pagination.colour-secondary-darker .swiper-pagination-bullet {
    border: 1px solid var(--secondary-darker);
    border-color: var(--secondary-darker);
    background: transparent;
    opacity: 1;
}

.swiper-pagination.colour-secondary-darker .swiper-pagination-bullet-active {
    border-color: var(--secondary-darker);
    background: var(--secondary-darker);
    opacity: 1;
}

/*///////*/
.swiper-pagination.colour-primary .swiper-pagination-bullet {
    border: 1px solid #fff;
    border-color: #fff;
    background: transparent;
    opacity: 1;
}

.swiper-pagination.colour-primary .swiper-pagination-bullet-active {
    border-color: var(--primary);
    background: var(--primary);
    opacity: 1;
}

/*///////*/
#intro .swiper-pagination-bullet-active {
    border-color: var(--primary);
    background: var(--primary);
}

nav {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

nav .nav-social {
    padding: 0 10px 0 0;
}

footer .nav-social {
    padding: 0 0 0 10px;
}

.nav-social {
    transition: all 0.25s ease-in-out;
    width: 40px;
    filter: invert(68%) sepia(27%) saturate(731%) hue-rotate(118deg) brightness(96%) contrast(85%);
}

.nav-social:hover {
    filter: invert(0%) sepia(85%) saturate(7480%) hue-rotate(223deg) brightness(107%) contrast(98%);
}

nav {
    width: 100%;
    max-width: 100vw;
}

.nav-buttons {
    position: relative;
    /*z-index       : 4;*/
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-left: 10px;
    padding-right: 10px;
}

body.nav-open .nav-close,
body .nav-menu {
    display: block;
}

body:not(.nav-open) .nav-close,
body.nav-open .nav-menu {
    display: none;
}

.nav-draw {
    position: fixed;
    max-width: 75vw;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 100vw;
    background: var(--secondary-darker);
    transition: all 0.5s ease-in-out;
    z-index: 5;
    overflow: hidden;
    opacity: 0;
    box-shadow: 0px 0px 30px #0000004d;
}

.nav-draw ul {
    text-align: left;
    line-height: 39px;
    width: 100%;
    margin-top: auto;
}

body.nav-open .nav-draw {
    right: 25vw;
    opacity: 1;
}

.toggle-menu {
    min-width: 76px;
    display: inline-block;
    position: relative;
    z-index: 11;
}

.nav-tile {
    position: absolute;
    bottom: -23px;
    height: auto;
    width: 17%;
    min-width: 80px;
    left: 20%;
    filter: invert(54%) sepia(18%) saturate(1072%) hue-rotate(345deg) brightness(89%) contrast(87%);
}

nav ul * {
    transition: all 0.25s ease-in-out;
}

nav ul li:hover a,
nav ul li a.active {
    color: rgba(255, 255, 255, 0.65)
}

nav ul li:hover a {
    padding-left: 15px;
}

/* //////////////////////////////////////////////////////////// */
/* // Content */
/* //////////////////////////////////////////////////////////// */
body,
.generic {
    font-size: 14px;
    line-height: 1.4em;
    font-family: 'TT Firs Text Regular';
}

/* //////////////////////////////////////////////////////////// */
/* // Footer */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* // Buttons */
/* //////////////////////////////////////////////////////////// */
.button {
    transition: all 0.25s ease-in-out;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 50px;
    padding: 11px 30px;
    font-family: 'TT Firs Text Demi';
}

.button:hover {
    border-color: #000;
    color: #000;
}

.button-invert {
    border-color: black;
    color: black;
}

.button-smaller {
    padding: 5px 17px;
    font-size: 12px;
}

.button-invert:hover {
    border-color: black;
    background-color: black;
    color: #fff;
}

.button-primary {
    border-color: var(--primary);
    color: var(--primary);
}

.button-green {
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
}

.button-green:hover {
    border-color: var(--primary);
    color: var(--primary);
    background-color: #fff;
}

.button-white {
    border-color: #fff;
    color: #fff;
}

.colour-tertiary-bg-darker .button-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--tertiary-darker);
}

.colour-secondary-bg-lighter .button-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: var(--secondary-lighter);
}

/* //////////////////////////////////////////////////////////// */
/* // Forms */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* // Custom */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
.block-padding {
    padding: var(--padding-x);
}

.block-padding-x {
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
}

.block-padding-y {
    padding-top: var(--padding-x);
    padding-bottom: var(--padding-x);
}

.block-padding-t {
    padding-top: var(--padding-x);
}

.block-padding-b {
    padding-bottom: var(--padding-x);
}

.block-padding-l {
    padding-left: var(--padding-x);
}

.block-padding-r {
    padding-right: var(--padding-x);
}

.artist-impression {
}

.circle {
    border-radius: 500px;
    overflow: hidden;
}

.grid-x {
    display: grid;
    grid-template-columns: 1fr 1fr  1fr  1fr;
    text-align: center;
}

.grid-10 {
    display: grid;
    grid-template-columns: 1fr 1fr  1fr  1fr 1fr  1fr 1fr  1fr 1fr 1fr;
    text-align: center;
    grid-gap: 60px 40px;
    align-items: center;
}

.grid-12 {
    display: grid;
    grid-template-columns: 1fr 1fr  1fr  1fr 1fr 1fr;
    text-align: center;
    grid-gap: 60px 40px;
    align-items: center;
}

.grid-12 img,
.grid-10 img {
    background-size: contain;
}

.grid-9 {
    display: grid;
    grid-template-columns: 1fr 1fr  1fr  1fr 1fr  1fr 1fr  1fr 1fr;
    text-align: center;
    grid-gap: 30px;
}

.grid-9 img {
    background-size: contain;
}

.grid-x > div {
    padding: 0 45px;
    border-left: 1px solid var(--primary);
}

.grid-x > div:nth-child(4n - 3) {
    border-left: none;
}

.grid-x .h1 {
    color: var(--primary);
    font-size: 2.3rem;
    line-height: 1em;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    white-space: nowrap;
}

.grid-x.quick {
    row-gap: 0px !important;
}

.grid-x.quick > div {
    border: none !important;
}

.quick > div {
    position: relative;
}

.quick > div {
    aspect-ratio: 480 / 490;
    overflow: hidden;
}

.quick > div img.layer {
    left: 0;
    top: 0;
    position: absolute;
    aspect-ratio: 480 / 490;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
}

.quick > div img.layer.smaller {
    width: 65%;
    height: 65%;
    z-index: 0;
}

.quick .quick-image {
    transform: scale(1.03);
    transition: transform .4s; /* Animation */
}

.quick > div:hover .quick-image {
    transform: scale(1.1);
}

.quick .flex {
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}

.quick .flex > div:nth-child(1) {
    height: 12%;
    margin-top: 8%;
}

.quick .flex > div:nth-child(2) {
    height: 60%;
}

.quick .flex > div:nth-child(3) {
    height: 12%;
    margin-top: 8%;
}

.quick .pre-heading {
    /*margin-top    : 32px !important;*/
    color: #fff;
    border-bottom: 1px solid #fff;
}

.quick .button-white {
    padding: 3px 17px;
    font-size: 12px;
    /*margin-top : 33%;*/
    display: block;
}

.quick > div:hover {
    cursor: pointer !important;
}

.quick > div:hover .button-white {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

.quick-mask {
    transform: scale(1.04);
}

.para-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.curved {
    border-radius: 15px;
}

.form-box > label, .fl-label {
    display: none !important;
}

.fl-form input.fl-input, .fl-form select.fl-select, .fl-form textarea.fl-textarea {
    margin-bottom: 10px;
}

.fl-form .fl-is-active input.fl-input:active,
.fl-form .fl-is-active select.fl-select:active,
.fl-form .fl-is-active textarea.fl-textarea:active,
.fl-form .fl-is-active input.fl-input:focus,
.fl-form .fl-is-active select.fl-select:focus,
.fl-form .fl-is-active textarea.fl-textarea:focus,
.fl-form .fl-is-active input.fl-input:visited,
.fl-form .fl-is-active select.fl-select:visited,
.fl-form .fl-is-active textarea.fl-textarea:visited {
    outline: none;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

footer.block-padding {
    padding: 20px var(--padding-x);
}

.suggestions {
    /*border-top : 1px solid lightgray;*/
    position: absolute;
    z-index: 10;
    text-align: left;
    background: #fff;
    left: 0;
    width: 100%;
}

.suggestions div {
    color: #000;
    border-bottom: 1px solid lightgray;
    padding: 3px 5px;
}

.suggestions div:hover {
    background-color: #b9b9b9;
}

.fl-form input.fl-input, .fl-form select.fl-select, .fl-form textarea.fl-textarea {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 5px;
}

.artist-impression {
    opacity: 0.8;
    text-transform: uppercase;
    text-align: left;
}

div.dev-slider div.artist-impression {
    text-align: left;
}

.part-1 {
    padding-bottom: var(--overlap);
}

.part-2 {
    margin-top: calc(var(--overlap) * -1);
}

.icon-top {
    position: absolute;
    left: 0;
    top: 0;
}

.slider_2 .swiper-slide {
    text-align: center;
}

.slider_2 .swiper-slide img {
    /*max-height: 300px;*/
    width: 100%;
}

.slider_2 .pre-heading {
    margin: 20px 0 15px 0 !important;
}

.slider_1 .swiper-slide img,
.slider_2 .swiper-slide img {
    aspect-ratio: 1 / 1;
}

.slider_2 .swiper-pagination {
    bottom: 0px;
    left: 0px;
    text-align: left;
    display: inline-block;
    width: auto;
}

.slider_2 .swiper-button-next {
    bottom: 0;
    top: auto;
    right: 0;
    width: 13px;
    height: auto;
}

.slider_2 .swiper-button-prev {
    bottom: 0;
    top: auto;
    left: auto;
    right: 30px;
    width: 13px;
    height: auto;
}

.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
}

.grid-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 50px;
}

.grad {
    transition: all 1s ease-in-out;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    height: calc(100% - 80px);
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.21+0,0+100;Neutral+Density */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.21) 0%, rgba(0, 0, 0, 0) 100%);
}

.grad-beta {
    transition: all 1s ease-in-out;
    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 0;
    height: 25%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.21+0,0+100;Neutral+Density */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.21) 0%, rgba(0, 0, 0, 0) 100%);
}

.hl-builder {
    left: 0px;
    top: 0px;
    padding: 15px;
    background: transparent;
    max-width: 150px;
    height: 50px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(97deg) brightness(105%) contrast(104%);
    object-fit: contain;
}

.icon-white {
    height: 14px;
    width: auto;
    padding: 0px 5px;
    filter: invert(1);
    opacity: 1;
    margin: 0 12px 0 3px;
}

img[alt="Kaplan"] {
    height: 45px;
}

.house-name {
    font-size: var(--step-6);
    line-height: var(--step-5);
}

.fl-form .fl-wrap-select:after {
    height: 25px;
}

.scrolling-wrap.colour-secondary-darker {
    color: var(--secondary-darker)
}

.scrolling-wrap.colour-secondary-darker img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(88%) saturate(611%) hue-rotate(222deg) brightness(92%) contrast(82%);
}

.scrolling-wrap.colour-white img {
    filter: brightness(100) contrast(100%);
}

.scrolling-wrap.text-black {
    color: #000
}

.scrolling-wrap.text-black img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7476%) hue-rotate(335deg) brightness(92%) contrast(100%);
}

.scrolling-wrap.colour-tertiary img {
    filter: brightness(0) saturate(100%) invert(74%) sepia(58%) saturate(762%) hue-rotate(342deg) brightness(103%) contrast(98%);
}

.grid-x.sales {
    grid-gap: 70px 50px;
}

body:not([folder="land-and-homes"]) .grid-x.sales img {
    margin-bottom: 25px;
}

.grid-x.sales > div {
    border: none !important;
    padding: 0px;
}

.grid-x.sales p.pre-heading {
    margin-bottom: 4px !important;
}

.stages ul {
    padding: 0;
    margin: 15px 0 0 0;
}

.stages ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.stages ul li:hover:after {
    /*top    : auto;*/
    /*top : 12px;*/
    right: 5px;
    transform: rotate(90deg);
}

.stages ul li:after {
    position: absolute;
    content: '↓';
    right: 0;
    top: 5px;
    transition: all 0.2s ease-in-out;
}

.stages ul li a {
    padding: 4px 10px 4px 0px;
    margin: 0;
    display: block;
    border-bottom: 1px solid #000;
}

/*section.visible {
	opacity    : 0;
	visibility : hidden;
}

section:not(.visible) {
	opacity    : 1;
	visibility : visible;
}*/
.link-nugget {
    height: 19px;
    width: auto;
    margin-right: 5px;
    margin-top: -5px;
}

.masterplan-iframe {
    height: 70vh;
    width: 100%;
}

.stage-info {
    border-bottom: 1px solid #000;
}

.stage-info td {
    padding: 5px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #000;
}

.stage-info thead div {
    font-family: 'TT Firs Text Demi';
    text-transform: uppercase;
    /*border-bottom  : 1px solid #000;*/
}

/*.journey-grid.grid-2 {
    grid-gap: 0px 50px;
}

.journey-grid.grid-3 {
    grid-gap: 0px;
}*/

.journey-grid {
    grid-gap: 50px 50px;
    padding: 80px 50px;
}


body:not([folder="home"]) .fix-24 {
    display: none !important;
}

body[folder="home"] .fix-22 {
    display: none !important;
}

body[folder="home"] .fix-23 {
    padding-top: 0px;
}

/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
@media (min-width: 1600px) {
}

@media (min-width: 1400px) {
    .icon-top {
        padding-top: 0px;
    }

    .icon-area {
        padding-top: 50px;
    }
}

@media (min-width: 1200px) {
    body[folder="land-and-homes"] .grid-10 {
        display: flex;
    }

    body[folder="land-and-homes"] img[src="/static/logo-wisdom-c.png?w=300"] {
        max-height: 43px;
    }

    .nav-draw ul {
        line-height: 55px;
        font-size: var(--step-1);
    }

    .answer p,
    .larger-shrink-85 {
        max-width: 75%;
    }

    .larger-shrink-75 {
        max-width: 75%;
    }

    .larger-shrink-60 {
        max-width: 60%;
    }
}

@media (min-width: 769px) {
    .grid-9 img,
    .grid-10 img,
    .grid-12 img {
        max-height: 35px;
        max-width: 100px;
        width: 100%;
        object-fit: contain;
        margin: 0 auto;
    }

    .circle {
        max-width: 436px;
    }

    .aspect {
        aspect-ratio: 1 / 1;
    }

    .block-left, .block-right {
    }

    .block-left .inner {
        margin-left: auto;
        max-width: 600px;
        max-height: 100%;
    }

    .block-right .inner {
        max-width: 600px;
        height: 100%;
    }

    .padding-fix {
        padding-left: 0px;
    }

    .padding-fix .inner {
        max-width: calc(600px + var(--padding-x));
    }
}

@media (max-width: 1400px) {
    .icon-area {
        padding-top: 70px;
    }

    .slider_2 {
        overflow: hidden;
    }
}

@media (max-width: 1200px) {
    .grid-12 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr  1fr;
    }

    .grid-10 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    :root {
        --padding-x: 50px;
    }

    .block-padding {
        padding: var(--padding-x);
    }
}

@media (max-width: 1024px) {
    .grid-4,
    .grid-3 {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }

    .slider_2 .swiper-pagination {
        bottom: -20px;
    }

    .icon-area {
        padding-top: 100px;
        /*position : relative;*/
    }

    .para-grid {
        display: block;
    }

    :root {
        --padding-x: 40px;
    }

    .block-padding {
        padding: 60px var(--padding-x);
    }

    .grid-x {
        /*padding               : 40px 0;*/
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 50px;
    }

    .grid-x > div {
        padding: 0 35px;
    }

    .grid-x > div:nth-child(2n - 1) {
        border-left: none;
    }
}

@media (max-width: 768px) {
    .grid-3 {
    }

    .pagi-under .swiper-horizontal > .swiper-pagination-bullets,
    .pagi-under .swiper-pagination-bullets.swiper-pagination-horizontal,
    .pagi-under .swiper-pagination-custom,
    .pagi-under .swiper-pagination-fraction {
        bottom: -33px;
    }

    :root {
        --padding-x: 30px;
    }

    .block-padding {
        padding: 40px var(--padding-x);
    }

    .padding-fix-2 > div:nth-child(1) {
        padding-bottom: 20px !important;
    }

    .padding-fix-3 > div:nth-child(2),
    .padding-fix-2 > div:nth-child(2) {
        padding-top: 0px !important;
    }

    .slider_2 .swiper-pagination {
        bottom: 0px;
    }

    .grid-9 {
        grid-template-columns: 1fr 1fr  1fr;
        grid-gap: 60px 30px;
    }

    .grid-10 {
        grid-template-columns: 1fr 1fr  1fr 1fr 1fr;
        grid-gap: 60px 30px;
    }

    .grid-12 {
        grid-template-columns: 1fr 1fr  1fr 1fr 1fr 1fr;
        grid-gap: 60px 30px;
    }

    .grid-9 img,
    .grid-10 img,
    .grid-12 img {
        max-height: 35px;
        max-width: 170px;
        width: 100%;
        /* width: 100%; */
        object-fit: contain;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .grid-2,
    .grid-4,
    .grid-3 {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }

    nav img.nav-logo {
        max-width: 25vw !important;
    }

    nav .button {
        font-size: 13px;
        padding: 7px 17px;
    }


    .journey-grid {
        grid-gap: 100px 50px;
        /*padding: 50px 30px;*/
    }
}

@media (max-width: 480px) {



    .grid-12,
    .grid-10 {
        grid-template-columns: 1fr 1fr;
        grid-gap: 60px 30px;
    }

    .dev-slider .artist-impression {
        bottom: 6px !important;
        right: 26px !important;
        left: auto !important;
        /*font-size : 10px;*/
    }

    .grid-x {
        padding: 0px 0;
        display: grid;
        grid-template-columns: 1fr;
    }

    .grid-x > div {
        border-left: none;
        padding: 0 20px;
    }

    footer {
        font-size: 90%;
    }

    .block-padding {
        padding: 60px 20px;
    }

    .fix-1.block-padding {
        padding: 20px 20px 44px 20px;
    }

    .nav-draw {
        max-width: 100vw;
    }

    .nav-draw ul {
        text-align: left;
        line-height: 29px;
        width: 100%;
        margin-top: auto;
    }

    body.nav-open .nav-draw {
        right: 0vw;
    }

    .logo-fix {
        width: 103px;
    }

    .logo-fix img {
        width: 100%;
    }

    .slider_2 .swiper-pagination {
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        text-align: center;
    }

    .slider_2 .swiper-button-next,
    .slider_2 .swiper-button-prev {
        display: none;
    }

    .slider_2 .swiper-slide:first-of-type {
        display: none;
    }
}