:root {
    --white: white;
    --black: black;
}

::-webkit-input-placeholder {
    font-weight: 400;
}

body {
    color: #312c2b;
    font-family: sofia-pro, sans-serif;
    font-size: 1rem;
    font-weight: 200;
    line-height: 27px;
}

h1 {
    color: #fff;
    margin-bottom: 2vh;
    font-family: minerva-modern, sans-serif;
    font-size: clamp(45px, 10vw, 150px);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

h2 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: minerva-modern, sans-serif;
    font-size: 1.875rem;
    font-size: clamp(1.875rem, 1.35rem + 2.625vw, 4.5rem);
    font-weight: 400;
    line-height: 1.1;
}

h3 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 55px;
    font-family: minerva-modern, sans-serif;
    font-size: 1.5625rem;
    font-size: clamp(1.5625rem, 1.425rem + 0.6875vw, 2.25rem);
    font-weight: 700;
    line-height: 1;
}

h4 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: minerva-modern, sans-serif;
    font-size: 1.4375rem;
    font-size: clamp(1.4375rem, 1.375rem + 0.3125vw, 1.75rem);
    font-weight: 400;
    line-height: 1;
}

h5 {
    margin-top: 0;
    margin-bottom: 20px;
    font-family: sofia-pro, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
}

p {
    margin-bottom: 10px;
}

.big-container {
    background-color: #fbfaf6;
}

.heading-utility {
    font-size: clamp(3.4rem, 2.5rem + 4.875vw, 9.25rem);
}

.utility-section h4 {
    margin: 40px 0 20px;
}

.container {
    background-image: url("../images/container-bg.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: cover;
    background-color: #9a9a9a;
}

.container2 {
    background-image: url("../images/container-bg2.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: cover;
    background-color: #9a9a9a;
}

.banner {
    height: 80vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.content {
    width: 80%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 115px;
    padding-bottom: 115px;
}

.content.header-content {
    width: 90%;
    max-width: 1840px;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
}

.content.banner-content {
    padding-top: 0;
    padding-bottom: 0;
}

.content.gallery-content {
    width: 95%;
    max-width: 2000px;
}

.content.footer-content {
    padding-top: 80px;
    padding-bottom: 20px;
}

.nav-bar {
    width: 100%;
    max-width: 500px;
    justify-content: space-between;
    align-items: center;
}

.list {
    width: 100%;
    max-width: 500px;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    display: flex;
}

.list-item {
    color: #fff;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    text-decoration: none;
}

.list-item:hover {
    text-decoration: underline;
}

.center-holder {
    text-align: center;
}

.center-holder.short {
    max-width: 930px;
    margin-bottom: 75px;
    margin-left: auto;
    margin-right: auto;
}

.center-holder.bottom {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.center-holder.extra-short {
    max-width: 600px;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
}

.top-paragraph {
    color: #fff;
    font-weight: 300;
    margin-bottom: 3vh;
}

.heading {
    color: #fff;
    font-family: minerva-modern, sans-serif;
    font-size: 149px;
    font-weight: 400;
    line-height: 155px;
}

.banner-paragraph {
    color: #fff;
    margin-bottom: 6vh;
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
    font-weight: 300;
    line-height: 1;
}

.cta {
    width: 202px;
    height: 58px;
    color: #312c2b;
    text-align: left;
    letter-spacing: 1px;
    background-color: #fff;
    background-image: url("../images/button-arrow.png");
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 3px;
    padding-top: 18px;
    padding-left: 49px;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    transition: background-color 0.3s;
}

.cta:hover {
    color: #fff;
    background-color: #000;
    background-image: url("../images/button-arrow-white.png");
}

.cta.black {
    color: #fff;
    background-color: #312c2b;
    background-image: url("../images/button-arrow-white.png");
}

.cta.black:hover {
    color: #312c2b;
    background-color: #ceccc6;
    background-image: url("../images/button-arrow.png");
}

.cta.black.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.paragraph-center {
    color: #a7a49f;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
}

.about-holder {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    display: flex;
}

.about-left {
    width: 46%;
}

.about-right {
    width: 44%;
}

.big-image {
    margin-bottom: 100px;
}

.about-box {
    margin-bottom: 55px;
}

.first {
    background-image: url("../images/about-icon1.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 55px;
}

.second {
    background-image: url("../images/about-icon3.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: auto;
}

.third {
    background-image: url("../images/about-icon2.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
}

.fourth {
    background-image: url("../images/about-icon4.png");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: auto;
}

.bottom-paragraph {
    margin-bottom: 55px;
}

.wrapper {
    border-bottom: 1px solid #312c2b;
}

.wrapper img {
    width: 100%;
}

.image {
    padding-bottom: 50px;
}

.gallery {
    border-bottom: 1px solid #312c2b;
}

.gallery-holder {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 75px;
    display: grid;
}

.testimonials {
    border-top: 1px solid #312c2b;
}

.testimonials-grid {
    margin: 0 auto;
}

.testimonials-box {
    border: 1px solid #ceccc6;
    border-radius: 3px;
    padding: 50px 45px;
    width: 425px;
    margin-bottom: 25px;
}

.testimonials-box h5 {
    margin: 0;
}

.testimonials-box img {
    margin: 20px 0;
}

.testimonials-box .box-paragraph {
    margin: 0;
}

.services-holder {
    flex-wrap: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.service-box {
    width: 32%;
    border: 1px solid #ceccc6;
    border-radius: 3px;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 30px;
    padding: 50px 45px;
    display: flex;
}

.list-2 {
    padding-left: 0;
    list-style-type: none;
}

.box-paragraph {
    margin-bottom: 40px;
}

.box-section {
    border-bottom: 1px solid #ceccc6;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: flex;
}

.box-section.last {
    border-bottom-style: none;
}

.box-section-paragraph {
    text-transform: uppercase;
    background-image: url("../images/grey-icon.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 0;
    padding-left: 30px;
    font-family: minerva-modern, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
}

.text-span {
    color: #b4b1ab;
    text-transform: none;
    font-family: sofia-pro, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    display: block;
}

.price-paragraph {
    color: #312c2b;
    font-weight: 400;
}

.image-holder {
    width: 32%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.travel-holder {
    width: 65%;
    text-align: center;
    margin: 0 auto;
}

.travel-paragraph {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.travel-icon {
    margin-bottom: 5px;
}

.step-holder {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.step-left {
    width: 46%;
    text-align: center;
}

.paris-image {
    width: 100%;
    max-width: 500px;
    margin-bottom: 30px;
}

.step-right {
    width: 38%;
}

.footer {
    background-color: #e6d9ca;
}

.footer img {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 1920px;
}

.footer a {
    color: inherit;
}

.footer a:hover {
    text-decoration: none;
}

/*FORM*/
.center-holder.form {
    margin-bottom: 60px;
}

* {
    outline: none;
}

.hide {
    display: none;
}

.field-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

.form-left {
    width: 48%;
}

.form-right {
    width: 48%;
}

.input-big {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ceccc6;
    margin-bottom: 30px;
}

.field {
    background: none;
    border: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #312c2b;
    font-family: sofia-pro, sans-serif;
    font-weight: 200;
}

.area {
    border: 1px solid #ceccc6;
    position: relative;
    height: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 50px;
}

.textarea {
    resize: none;
    text-indent: 20px;
    height: 100%;
}

input[type="submit"] {
    border: none;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding-top: 0;
}

/*FORM END*/

@media screen and (max-width: 991px) {
    .content {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .content.banner-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .content.gallery-content {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .content.footer-content {
        padding-bottom: 20px;
    }

    .list {
        display: none;
    }

    .center-holder {
        margin-bottom: 50px;
    }

    .about-holder {
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .about-center {
        width: 5%;
    }

    .about-right {
        width: 45%;
    }

    .testimonials-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .testimonials-box {
        width: 100%;
        margin: 0;
    }

    .big-image {
        margin-bottom: 60px;
    }

    .first,
    .second,
    .third,
    .fourth {
        font-size: 25px;
        line-height: 35px;
    }

    .service-box {
        width: 48%;
        padding: 40px 35px;
    }

    .image-holder {
        display: none;
    }

    .travel-holder {
        width: 100%;
    }

    .step-holder {
        flex-direction: column-reverse;
    }

    .step-left,
    .step-right {
        width: 100%;
        margin-bottom: 50px;
    }

    .footer {
        background-size: contain;
    }

    .heading-2 {
        font-size: 100px;
        line-height: 110px;
    }

    .image-2 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .content.header-content {
        width: 80%;
    }

    .content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .content.banner-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .content.gallery-content {
        width: 80%;
    }

    .content.footer-content {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .footer .center-holder {
        text-align: center;
    }

    .center-holder {
        text-align: left;
    }

    .center-holder.short {
        text-align: left;
        margin-bottom: 50px;
    }

    .center-holder.bottom {
        text-align: left;
        margin-bottom: 0;
    }

    .center-holder.extra-short {
        text-align: left;
        margin-bottom: 50px;
    }

    .center-holder.no-margin {
        margin-bottom: 0;
    }

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

    .testimonials-box {
        padding: 30px;
    }

    .about-holder {
        flex-direction: column;
    }

    .about-left {
        width: 100%;
        margin-bottom: 50px;
    }

    .about-right {
        width: 100%;
    }

    .about-box {
        margin-bottom: 45px;
    }

    .first,
    .second,
    .third {
        background-size: contain;
    }

    .gallery-holder {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 50px;
    }

    .service-box {
        width: 100%;
    }

    .step-left {
        text-align: left;
    }

    .about-box.last {
        margin-bottom: 0;
    }

    .image {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    h3 {
        margin-bottom: 20px;
    }

    p {
        font-size: 17px;
        line-height: 25px;
    }

    .content.banner-content {
        padding-top: 0;
    }

    .content.gallery-content {
        width: 80%;
        padding-top: 60px;
        padding-bottom: 67px;
    }

    .content.footer-content {
        padding-top: 60px;
        padding-bottom: 51px;
    }

    .center-holder {
        margin-bottom: 0;
    }

    /*
.cta.black.center {
    width: 100%;
    padding-left: 39px;
}
*/

    .about-left {
        margin-bottom: 20px;
    }

    .first,
    .second,
    .third {
        background-size: auto;
    }

    .fourth {
        background-position: 0 0;
    }

    .gallery-holder {
        grid-template-columns: 1fr 1fr;
    }

    .service-box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .box-section-paragraph {
        font-size: 19px;
        line-height: 27px;
    }

    .field-section {
        flex-direction: column;
    }

    .form-left {
        width: 100%;
    }

    .form-right {
        width: 100%;
    }
}

#w-node-db572f4c-7a8a-92c5-abb2-0953a0d9e4a0-30ecd970,
#w-node-f3de4a72-db4a-d4b0-1e13-3bd14333df9e-30ecd970,
#w-node-_23d72216-d870-0595-6472-5398002ff7a9-30ecd970,
#w-node-bfa95536-c751-d328-529f-811742c5fc32-30ecd970,
#w-node-_02ea6f1c-4e89-f653-10d3-0f4a5c1fe397-30ecd970,
#w-node-dfbb66cb-6288-dc23-bee3-4d075ef8ab19-30ecd970,
#w-node-ad7ae9f4-be82-aafd-82a5-bcf146e740e8-30ecd970 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb7d4ebd-6acc-90a3-49b6-e3af7777597c-30ecd970 {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-_6fd7327d-658c-173f-6f06-887a6d64344b-30ecd970,
#w-node-ece4a213-6c69-a105-963c-56118a943157-30ecd970,
#w-node-a308617c-6825-3248-6511-54e66ebeb1ab-30ecd970,
#w-node-_4fdf5f9f-174e-3103-a2cd-0490db28815c-30ecd970,
#w-node-_4926dba4-462f-8f48-819c-791582a323ea-30ecd970 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}