html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

@font-face {
    font-family: 'Dubiel';
    src: url('../fonts/');
    src: url('../fonts/?#iefix') format('embedded-opentype'),
        url('../fonts/DubielItalic.woff2') format('woff2'),
        url('../fonts/DubielItalic.woff') format('woff'),
        url('../fonts/DubielItalic.ttf') format('truetype'),
        url('../fonts/DubielItalic.svg#DubielItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DubielPlain';
    src: url('../fonts/DubielPlain.eot');
    src: url('../fonts/DubielPlain.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DubielPlain.woff2') format('woff2'),
        url('../fonts/DubielPlain.woff') format('woff'),
        url('../fonts/DubielPlain.ttf') format('truetype'),
        url('../fonts/DubielPlain.svg#DubielPlain') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tantinotes';
    src: url('../fonts/');
    src: url('../fonts/?#iefix') format('embedded-opentype'),
        url('../fonts/Tantinotes.woff2') format('woff2'),
        url('../fonts/Tantinotes.woff') format('woff'),
        url('../fonts/Tantinotes.ttf') format('truetype'),
        url('../fonts/Tantinotes.svg#Tantinotes') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



table {
    border-collapse: collapse;
    border-spacing: 0
}

.creative__detail__image__wrapper,
.project__slider__images__wrapper,
.service__project__name__wrapper,
.service__projects__name__wrapper,
.service__scroll__back__button,
.brand__accordion__info__wrapper,
.brand__accordion__plus,
.brand__accordion__title__wrapper,
.brand__strategy__tree__animation__wrapper,
.contact__form__section .contact__form .contact__form__submit,
.creative__project__plus__wrapper,
.creative__project__image__wrapper,
.creative__project__title__wrapper,
.media__show__more__button__wrapper,
.awards__award__title__wrapper,
.awards__award,
.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__date,
.media__page__intro__text__wrapper,
.interiors__date__location__wrapper,
.interiors__detail__date__location__wrapper,
.interiors__detail__two__images__section.right,
.interiors__detail__two__images__section.left,
.interiors__detail__two__images__section.center,
.interiors__detail__one__image__section.right,
.interiors__detail__one__image__section.left,
.interiors__detail__one__image__section.center,
.interiors__detail__quote__section,
.interiors__detail__hero__section__content,
.interiors__detail__hero__date__place,
.interiors__detail__hero__section__title__wrapper,
.product__shop__link__section,
.detail__three__images__container,
.detail__two__images__section .detail__two__images__container.right,
.detail__two__images__section .detail__two__images__container.left,
.detail__two__images__section .detail__two__images__container.center,
.detail__single__image__section .detail__single__image__container.right,
.detail__single__image__section .detail__single__image__container.left,
.detail__single__image__section .detail__single__image__container.center,
.detail__quote__section,
.product__detail__hero__section,
.team__open__circle__wrapper,
.team__member__name__wrapper,
.open__image__icon__wrapper,
.shopt__item__button,
.about__gallery__arrows__wrapper .about__gallery__arrow,
.about__gallery__arrows__wrapper,
.about__gallery__lightbox,
.about__drag__cursor,
.about__slider__parent,
.about__spotify__playlist__wrapper,
.team__member .team__member__name,
.about__team__section,
.about__quote__wrapper,
.about__heading__section,
.music__wrapper,
.preloader .preloader__button__wrapper,
.menu__links__wrapper,
.menu__content__wrapper,
.nav__menu__button__wrapper,
.navigation__wrapper,
.card__date__place,
.card__wrapper,
.clients__book__section .client,
.detail__next__section .slider__arr__wrapper,
.detail__next__section .detail__next__name__wrapper,
.content__flex__horizontal {
    display: flex;
    align-items: center;
    justify-content: center
}


.sucess {    
        width: 400px;
    text-align: center;
    position: absolute;
    top: 730px;
    left: 37%;
transform: translateX(-50%);
color: #ffffff;
padding: 8px 0;
}

.sucess {
    background-color: rgb(124, 255, 155);
}

.service__project__section,
.contact__form__section .contact__form,
.contact__form__section,
.contact__container,
.media__cards__section .media__cards__wrapper .media__card .media__card__content,
.media__cards__section .media__cards__wrapper .media__card,
.products__cards__wrapper,
.about__edit__section,
.shop__item .shop__item__description,
.shop__item,
.about__shop__section,
.about__spotify__playlist,
.about__spotify__section .about__spotify__section__title__wrapper,
.about__spotify__section,
.team__member,
.home__quote__section .home__quote__section__container,
.home__container,
.preloader,
.footer__copyright__content,
.footer__contact,
.footer__links,
.menu__book__link,
.nav__menu__button__wrapper,
.card__left__wrapper,
.page__header,
.clients__book__section .clients__book__section__container,
.content__flex__vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.dg.ac {
    z-index: 99999 !important
}
.maincontainer {
    border-top: 21px solid #000;
}
.service__tab__options__wrapper .service__options__tab,
.service__project__name,
.service__section__label,
.contact__page__email,
.media__show__more__button,
.media__cards__section .media__card__read__more__btn,
.product__shop__link__section .product__shop__link,
.footer__contact__button,
.footer__link,
.detail__next__section .next__slider__name {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.service__tab__options__wrapper .service__options__tab:after,
.service__project__name:after,
.service__section__label:after,
.contact__page__email:after,
.media__show__more__button:after,
.media__cards__section .media__card__read__more__btn:after,
.product__shop__link__section .product__shop__link:after,
.footer__contact__button:after,
.footer__link:after,
.detail__next__section .next__slider__name:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: transform .7s cubic-bezier(0.77, 0, 0.175, 1)
}

.service__tab__options__wrapper .service__options__tab:hover:after,
.service__project__name:hover:after,
.service__section__label:hover:after,
.contact__page__email:hover:after,
.media__show__more__button:hover:after,
.media__cards__section .media__card__read__more__btn:hover:after,
.product__shop__link__section .product__shop__link:hover:after,
.footer__contact__button:hover:after,
.footer__link:hover:after,
.detail__next__section .next__slider__name:hover:after {
    transform: scaleX(1);
    transform-origin: left center
}

.service__tab__options__wrapper .service__options__tab:after,
.service__project__name:after,
.service__section__label:after,
.contact__page__email:after,
.media__show__more__button:after,
.media__cards__section .media__card__read__more__btn:after,
.product__shop__link__section .product__shop__link:after,
.footer__contact__button:after,
.footer__link:after,
.detail__next__section .next__slider__name:after {
    transform: scaleX(0);
    transform-origin: right center
}

.service__tab__options__wrapper .service__options__tab,
.service__project__name,
.service__section__label,
.contact__page__email,
.media__show__more__button,
.media__cards__section .media__card__read__more__btn,
.product__shop__link__section .product__shop__link,
.footer__contact__button,
.footer__link,
.detail__next__section .next__slider__name {
    display: inline-block
}

.media__page__title,
.about__heading,
h1 {
    font-size: 33.4rem;
    line-height: 1;
    font-family: "PP Editorial"
}

.brand__accordion__title,
.award__title,
.awards__header__title,
h3 {
    font-size: 11.9rem;
    line-height: 14.3rem;
    font-family: "PP Editorial"
}

.interiors__detail__hero__title,
.product__name p,
.about__quote__wrapper h1,
.home__quote__section .home__quote__text p,
.menu__book__text,
.page__header .page__header__quote h1,
.page__header .page__header__quote p,
h2 {
    font-size: 4.4rem;
    line-height: 6.1rem;
    font-family: "PP Editorial"
}

.detail__next__section .next__slider__name,
.detail__next__section .next__slider__name p {
    font-size: 5.3rem;
    line-height: 7.2rem;
    font-family: "PP Editorial"
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__title,
.interiors__detail__quote__section h1,
.detail__quote__section .detail__quote__content p,
.footer__contact__button,
.card__left__wrapper .card__name p {
    font-size: 3.9rem;
    line-height: 4.5rem;
    font-family: "PP Editorial"
}

.brand__strategy__description__wrapper .brand__strategy__description:first-child p,
.contact__page__email,
.contact__form__section .form__title,
.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__short__description p {
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: "PP Editorial"
}

.brand__info__text,
.contact__form__section .contact__form .contact__form__submit,
.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__date,
.interiors__detail__hero__description,
.product__shop__link__section .product__shop__link,
.detail__description__section .product__detail__label p,
.product__description p,
.shopt__item__button,
.edit__item__name,
.copyright,
.footer__link,
.menu__book__num,
.card__left__wrapper .card__description p,
.small__title {
    font-size: 1.3rem;
    letter-spacing: .13rem;
    line-height: 2rem;
    font-family: "Archivo";
    font-weight: 600
}

.team__member .team__member__description,
p {
    font-size: 2.1rem;
    line-height: 2.8rem;
    font-family: "Archivo Condensed";
    font-weight: 300
}

.brand__strategy__description__wrapper .brand__strategy__description p,
.contact__address__wrapper,
.creative__project__para p,
.award__date p,
.award__description p,
.awards__section__para p,
.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__para p,
.media__cards__section .media__card__read__more__btn,
.media__page__intro__text__wrapper .media__page__intro__text,
.edit__item__description p,
.menu__description p,
.card__left__wrapper .card__lower__description p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: "Archivo Condensed";
    font-weight: 300
}

@font-face {
    font-family: "Archivo";
    src: url(4081f3fd2a38c61e0685.woff2) format("woff2"), url(e7e2ebfce2985d2b9d87.woff) format("woff");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "Archivo";
    src: url(71b95ad2a08d3d909411.woff2) format("woff2"), url(dbb5313aa3922de8c44f.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Archivo Expanded";
    src: url(db33bdbcc2c28a247a75.woff2) format("woff2"), url(fc367be6b53aad0521d4.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Archivo Expanded";
    src: url(890e44ee279e32d40226.woff2) format("woff2"), url(f5ba1371b958c9cd458d.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Archivo";
    src: "../fonts/Archivo-SemiBold.woff2" format("woff2"), url(0f54378870865606da49.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Archivo Condensed";
    src: url(d3a72940a8e787b3cfea.woff2) format("woff2"), url(c8b6924436041fa445b5.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Archivo Condensed";
    src: url(1132d8c2b3208515398d.woff2) format("woff2"), url(faa08fb7802f53530df2.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "PP Editorial";
    src: url(eb8b416be5b8a3765247.woff2) format("woff2"), url(6f77d5c3cda14befdcdf.woff) format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "PP Editorial";
    src: url(05e0ef191a442588a0c5.woff2) format("woff2"), url(6a0814e89127b94fad46.woff) format("woff");
    font-weight: normal;
    font-style: italic
}

*,
*::after,
*::before {
    box-sizing: border-box;
    user-select: none;
    margin: 0;
    padding: 0
}

html {
    font-size: .7320644217vw;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media(max-width: 767px) {
    html {
        font-size: 2.5641025641vw
    }
}

body {
    font-family: "Archivo";
    font-weight: 400;
    background: #faf9f5 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#canvas {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none
}
#content {
    transition: 0.5s all ease;
    transition-duration: 1.5s;
}
.navigation {
    transition: 0.5s all ease;
    transition-duration: 1.5s;
}
.js-add-active #content {
    filter: blur(5px);
    transition: 0.5s all ease;
    transition-duration: 1.5s;
}
.js-add-active .navigation {
    filter: blur(5px);
    transition: 0.5s all ease;
    transition-duration: 1.5s;
}
p {
    white-space: pre-wrap
}

@media(max-width: 1099px) {
    p {
        font-size: 2.4rem;
        line-height: 3rem
    }
}

em {
    font-style: italic
}

img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .4s ease;
    vertical-align: middle
}

img.loaded {
    opacity: 1
}

a {
    color: #222020;
    text-decoration: none
}

.section__label {
    font-size: 1.3rem;
    font-family: "Archivo";
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .13rem
}

.section__title {
    font-size: 2.5rem;
    font-family: "PP Editorial";
    line-height: 3rem;
    font-style: italic
}

.page__background {
    width: 100%;
    height: 110rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 0rem
}

@media(max-width: 767px) {
    .page__background {
        height: 90vh;
        background-size: cover
    }
}

.detail__next__section {
    margin-top: 10rem;
    margin-bottom: 6rem;
    position: relative;
    overflow: hidden
}

.detail__next__section.product__detail__next {
    margin-top: 12.6rem
}

.detail__next__section .read__next__heading {
    font-family: "PP Editorial";
    font-size: 27rem;
    line-height: 30rem;
    margin-left: -3rem;
    color: #b5aca3;
    opacity: .2;
    text-wrap: nowrap
}

@media(max-width: 767px) {
    .detail__next__section .read__next__heading {
        font-size: 16.5rem;
        line-height: 14.7rem;
        text-wrap: wrap;
        margin-left: -1.5rem;
        padding-top: 2rem
    }
}

.detail__next__section .detail__next__name__wrapper {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%
}

@media(max-width: 767px) {
    .detail__next__section .detail__next__name__wrapper {
        gap: 4.5rem
    }
    @supports(-webkit-touch-callout: none) {
        .detail__next__section .detail__next__name__wrapper {
            top: 45%
        }
    }
}

@media(max-width: 1099px) {
    @supports(-webkit-touch-callout: none) {
        .detail__next__section .detail__next__name__wrapper {
            top:45%
        }
    }
}

.detail__next__section .slider__arr__wrapper {
    border: solid .1rem #574536;
    border-radius: 50%;
    width: 8rem;
    height: 8rem
}

@media(max-width: 767px) {
    .detail__next__section .slider__arr__wrapper {
        width: 6rem;
        height: 6rem
    }
}

.detail__next__section .next__slider__name {
    text-transform: capitalize;
    overflow: visible;
    max-width: 100%;
    width: fit-content;
    line-height: 1;
    font-style: italic;
    color: #222020;
    text-wrap: nowrap
}

@media(max-width: 1099px) {
    .detail__next__section .next__slider__name {
        margin-top: 1.1rem
    }
}

@media(max-width: 767px) {
    .detail__next__section .next__slider__name {
        font-size: 3.5rem !important;
        line-height: 4.2rem !important;
        max-width: none;
        text-align: center;
        margin-top: 4rem;
        white-space: normal
    }
}

.detail__next__section .next__slider__name p {
    text-transform: capitalize;
    line-height: 1;
    font-style: italic;
    color: #222020;
    text-wrap: nowrap
}

@media(max-width: 767px) {
    .detail__next__section .next__slider__name p {
        font-size: 3.5rem !important;
        line-height: 4.2rem !important;
        text-wrap: wrap
    }
}

.detail__next__section .prev__next__arrow {
    transform: rotateZ(-180deg)
}

.detail__next__section .next__next__arrow {
    transform: rotateZ(0deg)
}

.slider__arr svg {
    width: 6.5rem;
    height: 3.6rem
}

.small__title {
    text-transform: uppercase
}

@media(max-width: 1099px) {
    .small__title {
        font-size: 1.3rem;
        line-height: 3rem
    }
}

@media(max-width: 767px) {
    .small__title {
        font-size: .9rem;
        line-height: 1.2rem
    }
}

@media(max-width: 767px) {
    .clients__book__section {
        overflow: hidden
    }
}

.clients__book__section .clients__book__section__container {
    padding: 0rem 4.7rem;
    margin-top: 16rem
}

.clients__book__section .client {
    position: relative;
    justify-content: flex-start
}

.clients__book__section .client:nth-child(even) {
    margin-right: 10rem
}

@media(max-width: 767px) {
    .clients__book__section .client:nth-child(even) {
        margin-right: 0rem
    }
}

.clients__book__section .client:nth-child(4n) {
    margin-right: -10rem
}

@media(max-width: 767px) {
    .clients__book__section .client:nth-child(4n) {
        margin-right: 0rem
    }
}

.clients__book__section .client__book__image {
    width: 107rem;
    height: 5.1rem;
    border-radius: .5rem;
    overflow: hidden
}

@media(max-width: 767px) {
    .clients__book__section .client__book__image .client__desktop__book__image {
        display: none
    }
}

.clients__book__section .client__book__image .client__mobile__book__image {
    display: none
}

@media(max-width: 767px) {
    .clients__book__section .client__book__image .client__mobile__book__image {
        display: block
    }
}

@media(max-width: 767px) {
    .clients__book__section .client__book__image {
        width: 36.2rem;
        height: 2.7rem;
        border-radius: .3rem
    }
}

.clients__book__section .client__section__heading {
    margin-bottom: 4rem;
    color: #faf9f5
}

.clients__book__section .client__section__heading.black {
    color: #222020
}

.clients__book__section .client__name {
    text-transform: uppercase;
    position: absolute;
    margin-left: 2.8rem;
    font-size: 1.1rem
}

@media(max-width: 767px) {
    .clients__book__section .client__name {
        font-size: .7rem;
        margin-left: 1.2rem
    }
}

.splide__track {
    overflow: visible !important
}

.splide__arrows {
    position: absolute;
    top: 17.5%;
    left: 50%;
    width: 65rem;
    transform: translate(-50%, -50%);
    z-index: 1
}

.splide__arrows .splide__arrow {
    background: rgba(0, 0, 0, 0)
}

.splide__arrows .splide__arrow .slider__arr__fill svg {
    width: 8rem;
    height: 8rem
}

@media(max-width: 767px) {
    .splide__arrows .splide__arrow .slider__arr__fill svg {
        width: 3rem;
        height: 3rem
    }
}

@media(max-width: 767px) {
    .splide__arrows {
        width: 36rem
    }
}

@media(max-width: 767px) {
    .page__header {
        padding-top: 12rem
    }
}

.top__gadh {
    position: absolute;
    top: 0;
    left: 0;
    background-position-y: -3rem
}

.bottom__gadh {
    position: absolute;
    bottom: 0;
    left: 0;
    background-position-y: 25rem
}

.bottom__gadh::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20rem
}

@media(max-width: 767px) {
    .bottom__gadh {
        background-position-y: 0rem
    }
}

.detail__page__background__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0
}

.detail__page__background__wrapper figure {
    height: 100vh
}

.nav__logo__wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
    top: 60px;
}

.nav__logo__wrapper .logo svg {
    width: 14.6rem;
    height: 6.89rem;
    fill: #222020
}

@media(max-width: 1099px) {
    .nav__logo__wrapper .logo svg {
        width: 24rem;
        height: 12rem
    }
}

@media(max-width: 767px) {
    .nav__logo__wrapper .logo svg {
        width: 11.6rem;
        height: 5.89rem
    }
}

.nav__logo__wrapper .logo svg path,
.nav__logo__wrapper .logo svg rect {
    fill: #222020
}

.transition__wrapper {
    position: fixed;
    z-index: 15;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    pointer-events: none;
    transform: rotateZ(-180deg)
}

.transition__wrapper svg {
    width: 100%;
    height: 110%;
    fill: #222020
}

.transition__wrapper svg path {
    fill: #222020
}

.music__wrapper.visible {
    display: flex
}

@media(max-width: 767px) {
    .music__wrapper.visible {
        gap: 11.5rem
    }
}

.music__wrapper.hidden {
    display: none
}

.page__header__image img {
    opacity: 1 !important
}

@media(max-width: 767px) {
    .music__wrapper__text {
        max-width: 20rem;
        padding-left: 2rem
    }
}

.page__header {
    padding-top: 17rem
}

@media(max-width: 767px) {
    .page__header.media__page__header {
        padding-top: 12.3rem
    }
}

@media(max-width: 767px) {
    .page__header.products__page__header {
        padding-top: 12.3rem
    }
}

@media(max-width: 767px) {
    .page__header {
        padding-top: 12.3rem
    }
}

.page__header .page__header__title__wrapper {
    position: relative
}

.page__header .page__header__title {
    text-align: center;
    text-transform: uppercase;
    font-size: 25rem;
    line-height: 23.6rem
}

.page__header .page__header__title.big__title {
    font-size: 29rem
}

@media(max-width: 1099px) {
    .page__header .page__header__title {
        margin-top: 10rem
    }
}

@media(max-width: 767px) {
    .page__header .page__header__title {
        margin-top: 0rem
    }
}

.page__header .page__header__image__wrapper {
    position: absolute;
    width: 35rem;
    height: auto;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page__header .page__header__image__wrapper img {
    opacity: 1 !important
}

.page__header .page__header__quote {
    max-width: 65rem
}

.page__header .page__header__quote p {
    text-align: center
}

.page__header .page__header__quote h1 {
    text-align: center
}


.et_pb_video_box {
    min-height: 600px !important;
}


.card__wrapper {
    height: 100vh
}

@media(max-width: 767px) {
    .card__wrapper {
        height: auto
    }
}

.card__left__wrapper {
    align-items: flex-start;
    justify-content: space-between;
    width: 64.1rem;
    height: 95vh;
    background: #efedea;
    padding-top: 4.5rem;
    padding-left: 2.1rem;
    padding-bottom: 2.3rem
}

@media(max-width: 767px) {
    .card__left__wrapper {
        width: 34.7rem;
        height: auto;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding-top: 2.3rem;
        padding-bottom: 2.5rem
    }
}

.card__left__wrapper .card__left__image {
    width: 47.5rem;
    height: 31.7rem;
    margin-bottom: 3rem
}

@media(max-width: 767px) {
    .card__left__wrapper .card__left__image {
        width: 100%;
        height: 21.3rem !important;
        margin-bottom: 2rem
    }
}

.card__left__wrapper .card__description {
    max-width: 51.8rem
}

@media(max-width: 767px) {
    .card__left__wrapper .card__description {
        display: none
    }
}

.card__left__wrapper .card__description.mobile {
    display: none
}

@media(max-width: 767px) {
    .card__left__wrapper .card__description.mobile {
        display: block;
        max-width: 22.4rem
    }
}

.card__left__wrapper .card__description p {
    text-transform: uppercase;
    white-space: normal !important
}

@media(max-width: 767px) {
    .card__left__wrapper .card__description p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.card__left__wrapper .card__name {
    max-width: 40rem;
    margin-bottom: 3rem
}

@media(max-width: 767px) {
    .card__left__wrapper .card__name {
        max-width: 100%;
        margin-bottom: 2.4rem
    }
}

@media(max-width: 767px) {
    .card__left__wrapper .card__name p {
        font-size: 2.6rem;
        line-height: 3.9rem
    }
}

.card__left__wrapper .card__lower__description {
    max-width: 33.7rem
}

@media(max-width: 767px) {
    .card__left__wrapper .card__lower__description {
        display: none
    }
}

@media(max-width: 1099px) {
    .card__left__wrapper .card__lower__description p {
        font-size: 1.7rem;
        line-height: 2.1rem
    }
}

@media(max-width: 767px) {
    .card__left__wrapper .card__lower__description p {
        font-size: 1.6rem
    }
}

.card__right__wrapper {
    position: relative
}

@media(max-width: 767px) {
    .card__right__wrapper {
        display: none
    }
}

.card__right__image {
    width: 65rem;
    height: 95vh
}

.card__arrow {
    position: absolute;
    bottom: 4.3rem;
    right: 5.3rem
}

.card__arrow svg {
    width: 5.9rem;
    height: 5.79rem
}

@media(max-width: 767px) {
    .card__arrow svg {
        width: 5rem;
        height: 5rem
    }
}

.card__date__place {
    justify-content: flex-start
}

@media(max-width: 767px) {
    .card__left__name__wrapper {
        width: 100%
    }
}

.card__description__mobile__wrapper {
    display: none
}

@media(max-width: 767px) {
    .card__description__mobile__wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
    .card__description__mobile__wrapper .card__description {
        display: block
    }
    .card__description__mobile__wrapper .card__arrow {
        position: static
    }
}

.card__left__lower__content {
    width: 100%
}

.navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2.3rem 2.3rem;
    z-index: 99999;
}

@media(max-width: 1099px) {
    .navigation {
        padding: 6.5rem
    }
}

@media(max-width: 767px) {
    .navigation {
        padding: 2.3rem 1.5rem
    }
}

.navigation a {
    color: #faf9f5
}

.navigation__wrapper {
    width: 100%;
    align-items: flex-start;
    justify-content: space-between
}

.nav__mute__button {
    cursor: pointer;
    margin-bottom: 1rem
}

.nav__mute__button svg {
    width: 3rem;
    height: 1.66rem;
    fill: #222020
}

@media(max-width: 1099px) {
    .nav__mute__button svg {
        width: 7.3rem;
        height: 4.66rem;
        transform: rotateZ(29deg)
    }
}

@media(max-width: 767px) {
    .nav__mute__button svg {
        width: 3.5rem;
        height: 2.66rem
    }
}

.nav__mute__button svg path,
.nav__mute__button svg rect {
    fill: #222020
}

.logo svg {
    width: 14.6rem;
    height: 6.89rem;
    fill: #222020
}

@media(max-width: 1099px) {
    .logo svg {
        width: 24rem;
        height: 12rem
    }
}

@media(max-width: 767px) {
    .logo svg {
        width: 11.6rem;
        height: 5.89rem
    }
}

.logo svg path,
.logo svg rect {
    fill: #222020
}

.nav__menu__button__wrapper {
    cursor: pointer
}

.nav__scroll__circle {
    cursor: pointer;
    position: fixed;
    top: 4rem;
    right: 3rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: .6rem 0px 0px #222020;
    margin-left: -2rem;
    transform-origin: "center center";
    transform: rotateZ(125deg)
}

@media(max-width: 1099px) {
    .nav__scroll__circle {
        width: 4.7rem;
        height: 4.7rem;
        top: 8.5rem;
        right: 7.5rem
    }
}

@media(max-width: 767px) {
    .nav__scroll__circle {
        width: 2.5rem;
        height: 2.5rem;
        right: 1.7rem;
        top: 3.8rem
    }
}

.nav__text {
    font-family: "Archivo Expanded";
    font-weight: 500;
    font-size: 25pt;
    font-weight: 500;
    color: #020202 !important;
}
@media(max-width: 1099px) {
    .nav__text {
        font-size: 2rem
    }
}

@media(max-width: 767px) {
    .nav__text {
        font-size: 1rem
    }
}

.mute__button__wrapper {
    position: fixed;
    left: 1.5rem;
    top: 3.5rem;
    width: 5rem;
    height: 5rem
}

.mute__button__wrapper .shell {
    position: fixed;
    left: 2.5rem;
    top: 5rem;
    transform: rotateZ(29deg)
}

@media(max-width: 1099px) {
    .mute__button__wrapper .shell {
        top: 10rem;
        left: 6rem
    }
}

@media(max-width: 767px) {
    .mute__button__wrapper .shell {
        left: 1.5rem;
        top: 4.6rem;
        transform: rotateZ(29deg)
    }
}

@media(max-width: 1099px) {
    .mute__button__wrapper {
        top: 8rem;
        left: 5rem;
        width: 10em;
        height: 10rem
    }
}

@media(max-width: 767px) {
    .mute__button__wrapper {
        width: 5rem;
        height: 5rem;
        left: 1rem;
        top: 4rem
    }
}

.nav__scroll__circle__wrapper {
    position: fixed;
    top: 4rem;
    right: 3rem;
    width: 3rem;
    height: 3rem
}

@media(max-width: 1099px) {
    .nav__scroll__circle__wrapper {
        top: 4rem;
        width: 5rem;
        height: 5rem
    }
}

@media(max-width: 767px) {
    .nav__scroll__circle__wrapper {
        top: 4rem;
        right: 3rem;
        width: 3rem;
        height: 3rem
    }
}

#halfMoon {
    display: block;
    min-width: 2.2rem;
    min-height: 2.2rem;
    height: 2.2rem;
    width: 2.2rem;
    transform: rotate(-25deg)
}
.nav__menu__button__wrapper {
    position: absolute;
    top: 9rem;
    right: 6rem;
    padding-left: 1rem;
    padding-right: .5rem;
    z-index: 99;
    display: block;
    width: 8.2rem !important;
}
.navigation .logo img {
    opacity: 1 !important;
}
@media(max-width: 767px) {
    .nav__menu__button__wrapper {
        top: 3rem;
        right: 2rem
    }
}

.nav__menu__text {
    margin-top: .2rem;
    margin-right: 1rem
}

.menu {
    position: fixed;
    width: 300px;
    height: 100%;
    z-index: 99999;
    background: #702e2f;
    right: -101%;
    top: 0;
}

/*Menu css*/
.menu_icon_outer {
    width: 70px;
    height: 56px;
    padding: 0;
    position: relative;
    z-index: 999;
    margin-left: 0;
    top: 0;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_icon {
    height: 25px;
    width: 32px;
    cursor: pointer;
    transition: 0.5s all ease;
    display: block;
    position: relative;
    z-index: 999;
    margin-left: 0;
    top: 0;
    right: 0;
}
.menu_icon.menu_cl_add {
    top: 3px;
}
.menu_icon .CL_MNU {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transition: 0.5s all ease;
}
.menu_icon .CL_MNU{
    background: #fff;
}
.menu_icon .CL_MNU:nth-child(1) {
    top: 0px;
}
.menu_icon .CL_MNU:nth-child(2) {
    top: 10px;
}
.menu_icon .CL_MNU:nth-child(3) {
    top: 1px;
}
.CL_MNU:nth-child(1) {
    transform: rotateZ(45deg);
    transition: 0.5s all ease;
    top: 8px;
}
.CL_MNU:nth-child(2) {
    display: none;
    transition: 0.5s all ease;
}
.CL_MNU:nth-child(3) {
    transform: rotateZ(-45deg);
    transition: 0.5s all ease;
    top: 8px;
}

.mn_menu {
    height: 70vh;
    overflow: hidden;
    overflow-y: scroll;
    margin-top: 50px;
}
.mn_menu ul {
    display: block;
}
.mn_menu ul li {
    margin: 0 0;
    display: block;
    padding: 0px;
    position: relative;
}
.mn_menu ul li a {
    font-size: 20px;
    line-height: 24px;
    padding: 14px 10px 14px 20px;
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    display: block;
}

.mn_menu ul li a:before {
    display: none;
}

.mane_in > ul > li:hover > a, .mn_menu > ul > li.active > a {
    color: #fff;
    transition: 0.5s all ease;
}
.mn_menu > ul > li > ul > li:hover > a {
    color: #fff;
}
.click_menu_i {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 39px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.click_menu_i i {
    transition: 0.5s all ease;
}
.Li_icon_add i {
    transform: rotate(45deg);
    transition: 0.5s all ease;
}
.click_menu_i {
    height: 56px;
    display: block;
    position: absolute;
    top: -3px;
    width:100%;
    cursor: pointer;
    background: transparent;
}
.click_menu_i:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 25px;
    height: 12px;
    width: 12px;
    background: url(../images/plus_icon2.png) no-repeat top right;
}
.Li_icon_add:before {
    top: 29px;
    background: url(../images/min_icon2.png) no-repeat top right;
}
.mn_menu ul li ul li .click_menu_i {
    height: 50px;
}
.mn_menu ul li ul li .click_menu_i:before {
    top: 18px;
}
.mn_menu ul li ul li .Li_icon_add:before {
    top: 23px;
}

/* width */
.mn_menu ::-webkit-scrollbar {
width:4px;
}

/* Track */
.mn_menu ::-webkit-scrollbar-track {
background: #fff;
}

/* Handle */
.mn_menu ::-webkit-scrollbar-thumb {
background: #bbbbbb;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}

/* width */
.mn_menu::-webkit-scrollbar {
    width:4px;
    }
    
    /* Track */
    .mn_menu::-webkit-scrollbar-track {
    background: #fff;
    }
    
    /* Handle */
    .mn_menu::-webkit-scrollbar-thumb {
    background: #bbbbbb;
    }
    
    /* Handle on hover */
    .mn_menu::-webkit-scrollbar-thumb:hover {
    background: #555;
    }
.menu__wrapper {
    width: 100%;
    height: 100%
}

.menu__close__arrow {
    position: absolute;
    top: 0.6rem;
    right: 0.3rem;
    cursor: pointer;
    z-index: 50;
}

@media(max-width: 767px) {
    .menu__close__arrow {
        left: 1.6rem
    }
}

.menu__close__arrow svg {
    width: 9.8rem;
    height: 5.5rem
}

@media(max-width: 767px) {
    .menu__close__arrow svg {
        width: 6.8rem;
        height: 5.5rem
    }
}

.menu__content__wrapper {
    height: 100%;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 5.3rem;
    padding-bottom: 2.8rem;
    padding-right: 2.8rem
}

@media(max-width: 1099px) {
    .menu__content__wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }
}

@media(max-width: 767px) {
    .menu__content__wrapper {
        flex-direction: column;
        flex-flow: column-reverse;
        justify-content: center;
        align-items: center;
        margin-top: 5rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        padding-bottom: 8rem
    }
}

.menu__book__link {
    display: flex;
    height: 69.6rem;
    width: 12.1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 5rem;
   background: #dfb2a2;
}

@media(max-width: 767px) {
    .menu__book__link {
        width: 7.5rem !important;
        height: 50rem !important;
        padding-bottom: 5rem;
        transform: rotateZ(0deg) !important
    }
}

@media(max-width: 1099px) {
    .menu__book__link {
        height: 77.6rem;
        width: 13.1rem;
        padding-bottom: 7rem
    }
}

@media(max-width: 767px) {
    .menu__book__link {
        height: 77.6rem;
        width: 13.1rem;
        padding-bottom: 5rem
    }
}

@media(min-width: 1367px) {
    .menu__book__link {
        height: 58.6rem;
        width: 9.1rem
    }
}

.menu__book__link:nth-child(1) {
    transform: rotateZ(2deg)
}

@media(max-width: 767px) {
    .menu__book__link:nth-child(1) {
        min-width: 8.2rem !important;
        margin-right: -0.1rem
    }
}

.menu__book__link:nth-child(2) {
    transform: rotateZ(0deg)
}

.menu__book__link:nth-child(3) {
    transform: rotateZ(-2deg)
}

.menu__book__link:nth-child(4) {
    transform: rotateZ(-1deg)
}

.menu__book__link:nth-child(5) {
    transform: rotateZ(1deg)
}

.menu__book__link:nth-child(7) {
    transform: rotateZ(1deg);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    height: 65rem
}

@media(min-width: 1367px) {
    .menu__book__link:nth-child(7) {
        height: 55.5rem;
        width: 9.1rem
    }
}

@media(max-width: 1099px) {
    .menu__book__link:nth-child(7) {
        height: 73rem;
        width: 13.1rem;
        padding-bottom: 4rem
    }
}

@media(max-width: 767px) {
    .menu__book__link:nth-child(7) {
        transform: rotateZ(-0.2deg);
        height: 47rem !important;
        padding-bottom: 2.5rem
    }
}

.menu__book__link:nth-child(6) {
    transform: rotateZ(2.9deg)
}

.menu__book__link:nth-child(8) {
    transform: rotateZ(-1deg)
}

.menu__links__wrapper {
    gap: 1rem;
    margin-bottom: -3rem
}

@media(max-width: 767px) {
    .menu__links__wrapper {
        gap: .1rem;
        transform: rotate(90deg) scale(0.7);
        margin-bottom: 3rem
    }
}

@media(max-width: 1099px) {
    .menu__links__wrapper {
        transform: scale(1.1);
        width: 100%
    }
}

@media screen and (max-height: 770px)and (min-width: 500px) {
    .menu__links__wrapper {
        transform: scale(0.8);
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: -6rem
    }
    .menu__content__wrapper:nth-child(2) {
        position: relative
    }
}

@media screen and (max-width: 499px) {
    .menu__links__wrapper {
        bottom: 0;
        right: 0;
        margin-bottom: -11rem;
        margin-left: 0;
        transform: rotate(90deg) scale(0.75)
    }
    .menu__content__wrapper:nth-child(2) {
        position: relative
    }
}

.menu__description {
    max-width: 29rem
}

@media(max-width: 767px) {
    .menu__description {
        display: none
    }
}

@media(max-width: 1099px) {
    .menu__description {
        margin-left: 3rem;
        margin-bottom: 15rem;
        max-width: 63rem
    }
}

.menu__description p {
    color: #222020 !important
}

@media(max-width: 1099px) {
    .menu__description p {
        font-size: 2.6rem;
        line-height: 3rem;
        max-width: 63rem
    }
}

.menu__book__text {
    font-size: 4.5rem;
    transform: rotateZ(-90deg) translateX(48.5%);
    text-wrap: nowrap !important;
    white-space: nowrap;
    line-height: 1;
    margin-left: .75rem;
    margin-right: .5rem;
    text-wrap: nowrap;
    text-transform: uppercase;
}

.menu__book__text:first-child {
    margin-left: 1.75rem
}

@media(max-width: 1099px) {
    .menu__book__text:first-child {
        margin-left: 0rem;
        margin-right: 0rem
    }
}

@media(max-width: 767px) {
    .menu__book__text:first-child {
        margin-right: .5rem
    }
}

@media(max-width: 1099px) {
    .menu__book__text {
        margin-left: .5rem
    }
}

@media(max-width: 767px) {
    .menu__book__text {
        font-size: 2.1rem;
        line-height: 1.5;
        margin-left: .5rem !important
    }
}

@media(min-width: 1367px) {
    .menu__book__text {
        font-size: 3.8rem
    }
}

@media(max-width: 767px) {
    .menu__book__num {
        font-size: .9rem;
        line-height: 1
    }
}

@media(min-width: 1367px) {
    .menu__book__num {
        font-size: 1rem;
        line-height: 1
    }
}

@supports(-webkit-touch-callout: none) {
    .menu__book__num {
        padding-left: .5rem
    }
}

.menu__background__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menu__background__wrapper.mobile {
    display: none
}

@media(max-width: 767px) {
    .menu__background__wrapper {
        display: none
    }
    .menu__background__wrapper.mobile {
        display: block
    }
}

.footer {
    width: 100%;
    padding: 0rem 21rem;
    color: #222020;
    position: relative;
    z-index: 1;
    margin-top: -176px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0dcd2", endColorstr="#e0dcd2", GradientType=1);
}

@media(max-width: 767px) {
    .footer {
        padding: 5.6rem 1.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }
}

.footer.products {
    background: #4c746d;
    background: -moz-linear-gradient(0deg, rgb(76, 116, 109) 0%, rgb(149, 174, 170) 100%);
    background: -webkit-linear-gradient(0deg, rgb(76, 116, 109) 0%, rgb(149, 174, 170) 100%);
    background: linear-gradient(0deg, rgb(76, 116, 109) 0%, rgb(149, 174, 170) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c746d", endColorstr="#95aeaa", GradientType=1)
}

.footer.interiors {
    background: #41322f;
    background: -moz-linear-gradient(0deg, rgb(65, 50, 47) 70%, rgba(224, 220, 210, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(65, 50, 47) 70%, rgba(224, 220, 210, 0) 100%);
    background: linear-gradient(0deg, rgb(65, 50, 47) 70%, rgba(224, 220, 210, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#41322f", endColorstr="#e0dcd2", GradientType=1)
}

.footer.media {
    background: #0f0800;
    background: -moz-linear-gradient(0deg, rgb(15, 8, 0) 70%, rgba(224, 220, 210, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(15, 8, 0) 70%, rgba(224, 220, 210, 0) 100%);
    background: linear-gradient(0deg, rgb(15, 8, 0) 70%, rgba(224, 220, 210, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f0800", endColorstr="#e0dcd2", GradientType=1)
}

/* .footer.home {
    background: #80947d;
    background: -moz-linear-gradient(0deg, rgb(128, 148, 125) 0%, rgba(224, 220, 210, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgb(128, 148, 125) 0%, rgba(224, 220, 210, 0) 100%);
    background: linear-gradient(0deg, rgb(128, 148, 125) 0%, rgba(224, 220, 210, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80947d", endColorstr="#e0dcd2", GradientType=1)
} */

.footer.contact {
    background: #020024;
    background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgb(193, 172, 155) 100%)
}

.footer.creativeDirection {
    background: #742230;
    background: -moz-linear-gradient(0deg, rgb(116, 34, 48) 0%, rgb(157, 53, 71) 100%);
    background: -webkit-linear-gradient(0deg, rgb(116, 34, 48) 0%, rgb(157, 53, 71) 100%);
    background: linear-gradient(0deg, rgb(116, 34, 48) 0%, rgb(157, 53, 71) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#742230", endColorstr="#9d3547", GradientType=1);
    color: #faf9f5
}

.footer__container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%
}

.footer__links {
    align-items: flex-start;
    gap: 1.3rem;
    margin-bottom: 3.6rem
}

@media(max-width: 767px) {
    .footer__links {
        margin-bottom: 0rem;
        display: block;
        width: 100%;
    }
}

.footer__links.right {
    align-items: flex-end
}

.footer__links.right a {
    text-align: right
}

.footer__link {
    font-family: "Archivo";;
    font-weight: 600;
    color: #804343;
    text-wrap: nowrap;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 10px;
    font-family: "Archivo Condensed";
}
.footer__link:after {
    left: inherit;
    right: 0;
    height: 2px;
    transform: inherit;
    transform-origin: right center;
}
.footer__link.white {
    color: #faf9f5
}

.shopheading{font-family: 'Times New Roman', Times, serif;
     font-size: 30px; 
     color: #d8bdac; 
     font-style: italic; 
     padding-top: 100px; 
     text-align: center;}
     
.shopheading a{font-family: 'Times New Roman', Times, serif;
     font-size: 30px; 
     color: #d8bdac; 
     font-style: italic; 
     text-align: center;}

@media(max-width: 767px) {
    .footer__link {
		font-size: 12px;
		line-height: 20px;
		display: block;
		text-align: left;
		margin-bottom: 5px;
		padding-bottom: 5px;
        letter-spacing: 0px;
	}
	.footer__links {
		margin-bottom: 0rem;
		width: 100%;
		display: flex;
	}
	.footer__links {
		margin-bottom: 0;
		width: 100%;
		display: flex;
		gap: 0;
	}
}

.footer__contact {
    justify-content: space-between
}

.footer__contact__button {
    margin-bottom: 29rem;
    font-size: 3.4rem;
    font-style: italic;
    color: inherit
}

.footer__contact__button.mobile {
    display: none !important
}

@media(max-width: 767px) {
    .footer__contact__button.mobile {
        text-align: center
    }
}

.footer__contact__button.mobile.white {
    color: #faf9f5;
    display: none !important
}

@media(max-width: 767px) {
    .footer__contact__button.mobile.white {
        display: block !important
    }
}

@media(max-width: 767px) {
    .footer__contact__button {
        margin-bottom: 11rem
    }
}

.footer__contact__button.white {
    color: #faf9f5
}

.footer__copyright__content {
    max-width: 33rem;
    text-align: center
}

@media(max-width: 767px) {
    .footer__copyright__content {
        display: none
    }
}

.footer__copyright__content.mobile {
    display: none
}

@media(max-width: 767px) {
    .footer__copyright__content.mobile {
        margin: 5.6rem auto 0rem auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }
}

.copyright {
    text-transform: uppercase;
    font-family: "Archivo";;
    font-weight: 500;
    color: #222020;
    text-align: center
}

@media(max-width: 767px) {
    .copyright {
        font-size: 1.1rem
    }
}

.copyright.white {
    color: #faf9f5
}

.copyright.small {
    font-size: .7rem;
    font-weight: 200;
    line-height: 1;
    margin-top: 1rem
}

@media(max-width: 767px) {
    .footer__column.footer__contact {
        display: none
    }
}

.preloader {
    z-index: 9999;
    background: #7d3738;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.preloader img {
    opacity: 1
}

.preloader .preloader__logo svg {
    width: 18.6rem;
    height: auto
}

.preloader .preloader__logo svg path,
.preloader .preloader__logo svg rect {
    fill: #938b7a
}

.preloader .preloader__percent {
    margin-top: 5.3rem;
    color: #938b7a
}

@media(max-width: 767px) {
    .preloader .preloader__percent {
        font-size: 1.5rem !important
    }
}

.preloader .preloader__text {
    font-family: "Archivo";
    letter-spacing: .13rem;
    font-weight: 600;
    font-size: 1.3rem
}

.preloader .preloader__button {
    cursor: pointer
}

.preloader .preloader__buttons__wrapper {
    opacity: 1;
    margin-top: 3rem;
    position: absolute;
    bottom: 4rem
}

.preloader .preloader__button__wrapper {
    background-color: #e2e2d3;
    width: 31.5rem;
    height: 3.5rem;
    margin-top: 3rem;
    gap: 1rem;
    transition: all .3s ease
}

.preloader .preloader__button__wrapper:hover {
    opacity: .8
}

.preloader .preloader__button__wrapper.preloader__mute {
    background-color: #e6e6e6
}

.logo__lottie__wrapper {
    width: 30rem;
    height: 30rem
}

.music__wrapper {
    background-color: #e2e2d3;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 2;
    width: 45rem;
    height: 4.5rem;
    overflow: hidden;
    border-radius: 10rem;
    justify-content: flex-end;
    gap: 1.5rem;
    cursor: pointer;
    z-index: 10;
    box-shadow: .1rem .1rem .4rem 0rem rgba(0, 0, 0, .2);
    display:none !important;
}

@media(max-width: 767px) {
    .music__wrapper {
        width: calc(100vw - 4rem)
    }
}

.sound__wave {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem
}

.bar {
    animation-name: wave-lg;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    background: #222020;
    margin: 0 .05rem;
    height: .3rem;
    width: .15rem;
    border-radius: .1rem
}

.bar:nth-child(-n+7),
.bar:nth-last-child(-n+7) {
    animation-name: wave-md
}

.bar:nth-child(-n+3),
.bar:nth-last-child(-n+3) {
    animation-name: wave-sm
}

@keyframes wave-sm {
    0% {
        opacity: .35;
        height: .3rem
    }
    100% {
        opacity: 1;
        height: .8rem
    }
}

@keyframes wave-md {
    0% {
        opacity: .35;
        height: 1.1rem
    }
    100% {
        opacity: 1;
        height: 1.7rem
    }
}

@keyframes wave-lg {
    0% {
        opacity: .35;
        height: 1.7rem
    }
    100% {
        opacity: 1;
        height: 2.3rem
    }
}

.home__container {
    overflow-x: clip
}

.home__map__section {
    width: 109.4rem;
    height: 182rem;
    border-radius: 54rem;
    margin-top: 250px;
    position: relative;
    background-position-y: -21rem;
    background-size: 109.4rem 210.1rem;
}

@media(max-width: 1099px) {
    .home__map__section {
        margin-top: 40rem;
        background-position-y: -20rem
    }
}

@media(max-width: 767px) {
    .home__map__section {
        width: 36rem;
        height: 147rem;
        background-size: 36rem 147rem;
        margin-top: 16rem;
        background-position-y: 0rem
    }
}

.home__element__name {
    transition: all .3s ease;
    filter: brightness(0.5)
}

.home__element__name.soldier {
    width: 10.1rem;
    position: absolute;
    top: 20rem;
    right: 18rem;
    filter: brightness(0.7)
}

@media(max-width: 1099px) {
    .home__element__name.soldier {
        width: 11.1rem;
        top: 19rem;
        right: 17rem
    }
}

@media(max-width: 767px) {
    .home__element__name.soldier {
        width: 7.5rem;
        top: 10.5rem;
        right: 13rem
    }
}

.home__element__name.tent {
    width: 14.1rem;
    position: absolute;
    top: 32rem;
    left: 5.3rem
}

@media(max-width: 1099px) {
    .home__element__name.tent {
        width: 17.1rem;
        top: 32rem;
        left: 3.5rem
    }
}

@media(max-width: 767px) {
    .home__element__name.tent {
        width: 11.1rem;
        top: 17rem;
        left: 1rem
    }
}

.home__element__name.tile {
    width: 21rem;
    position: absolute;
    top: 0rem;
    left: 21rem;
    transform: rotateZ(4deg)
}

@media(max-width: 1099px) {
    .home__element__name.tile {
        width: 26rem;
        top: -3rem;
        left: 18rem
    }
}

@media(max-width: 767px) {
    .home__element__name.tile {
        width: 16rem;
        top: -2rem;
        left: 9rem;
        transform: rotateZ(-4deg)
    }
}

.home__element__name.chapan {
    width: 29rem;
    position: absolute;
    top: 20rem;
    right: -4rem
}

@media(max-width: 1099px) {
    .home__element__name.chapan {
        width: 37rem;
        top: 19rem;
        right: -8.5rem
    }
}

@media(max-width: 767px) {
    .home__element__name.chapan {
        width: 22.5rem;
        top: 10.5rem;
        right: -6rem
    }
}

.home__element__name.tree {
    width: 16rem;
    position: absolute;
    top: 35rem;
    left: 4.5rem
}

@media(max-width: 1099px) {
    .home__element__name.tree {
        width: 19rem;
        top: 34rem;
        left: 3.5rem
    }
}

@media(max-width: 767px) {
    .home__element__name.tree {
        width: 13rem;
        top: 18.5rem;
        left: 1rem
    }
}

.map__elements__image {
    cursor: pointer;
    transition: all .4s ease;
    z-index: 5
}

.map__elements__image:hover {
    filter: brightness(1.07) contrast(1.2);
    transform: scale(1.02)
}

.map__elements__image:hover .home__element__name {
    filter: brightness(0.5);
    opacity: 1
}

.map__elements__image1 {
    position: absolute;
    top: 37rem;
    right: 8.8rem;
    width: 26rem;
    height: 37.4rem;
}

@media(max-width: 767px) {
    .map__elements__image1 {
        position: absolute;
        top: 10.4rem;
        right: 5.8rem;
        width: 10rem;
        height: auto;
    }
}

.map__elements__image2 {
    position: absolute;
    left: 11px;
    top: 35rem;
    width: 30.9rem;
}

@media(max-width: 767px) {
    .map__elements__image2 {
        position: absolute;
        left: 7rem;
        top: 37rem;
        width: 12.9rem;
        height: auto;
    }
}

.map__elements__image3 {
    position: absolute;
    width: 35.6rem;
    /* height: 21rem; */
    top: 97rem;
    left: 6.88rem;
}

@media(max-width: 767px) {
	   .map__elements__image3 {
	position: absolute;
        width: 10.6rem;
        height: auto;
        top: 347px;
        left: 0;
	}
}

.map__elements__image4 {
    position: absolute;
    top: 63rem;
    right: 26rem;
    width: 43.4rem;
    height: 38.4rem;
}

@media(max-width: 767px) {
   .map__elements__image4 {
    	position: absolute;
		top: 270px;
		right: 10rem;
		width: 13.4rem;
		height: auto;
	}
}

.map__elements__image5 {
    position: absolute;
    width: 34.8rem;
    height: 56.9rem;
    top: 97rem;
    right: -1rem;
}

@media(max-width: 767px) {
    .map__elements__image5 {
		        position: absolute;
        width: 11.8rem;
        height: auto;
        top: 361px;
        right: 0px;
	}
}

.home__clouds__section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1
}
.home__clouds__section2 {
    position: absolute;
    height: auto;
}
.pea_rt_img {
    position: absolute;
    top: 26px;
    right: 0;
    z-index: 11111;
    width: 39rem;
}
.home__clouds__section .home__clouds__image {
    
}

@media(max-width: 1099px) {
    .home__clouds__section .home__clouds__image {
        height: 120%;
        margin-top: -39rem
    }
}

@media(max-width: 1099px) {
    .home__clouds__section .home__clouds__image {
        height: 100%;
        margin-top: 0rem
    }
}

@media(max-width: 767px) {
    .home__clouds__section {
        height: 120vh;
        width: 100%;
        top: -9rem
    }
}

.home__quote__section {
    margin-top: 18.2rem
}

@media(max-width: 767px) {
    .home__quote__section {
        margin-top: 11.2rem
    }
}

.home__quote__section .home__quote__section__container {
    max-width: 98.9rem
}

.home__quote__section .home__quote__text p {
    font-size: 5.4rem;
    line-height: 7rem;
    text-align: center;
    font-style: italic
}

@media(max-width: 767px) {
    .home__quote__section .home__quote__text p {
        max-width: 30rem !important;
        font-size: 2.2rem !important;
        line-height: 3rem !important
    }
}

.home__quote__section .home__quote__client {
    margin-top: 1rem
}

.home__quote__section .home__quote__client p {
    font-family: "Archivo";;
    font-size: 1.5rem;
    text-align: center;
    line-height: 8.1rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-weight: 400
}

@media(max-width: 767px) {
    .home__quote__section .home__quote__client p {
        font-size: .9rem;
        line-height: 5rem
    }
}

.home__award__description {
    margin-top: 14rem;
    margin-bottom: 14rem;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media(max-width: 767px) {
    .home__award__description {
        margin-top: 8rem;
        margin-bottom: 6rem
    }
}

.home__award__description .home__award__inner__description__wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: fit-content
}

.home__award__description p {
    font-family: "PP Editorial";
    font-size: 3rem;
    text-align: center;
    line-height: 5.1rem;
    text-wrap: nowrap;
    font-style: italic
}

@media(max-width: 767px) {
    .home__award__description p {
        font-size: 3rem;
        line-height: 3.5;
        white-space: nowrap
    }
}

.preloader__bird__image__wrapper {
    position: absolute;
    top: 17rem;
    right: 50rem;
    width: 6rem;
    height: 6rem;
    background: rgba(0, 0, 0, 0)
}

@media(max-width: 767px) {
    .preloader__bird__image__wrapper {
        position: absolute;
        top: 27rem;
        right: 4rem;
        width: 6rem;
        height: 6rem;
        background: rgba(0, 0, 0, 0)
    }
}

.home__quote__wrapper {
    position: absolute;
    top: -5rem;
    width: 175rem;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none
}

@media(max-width: 767px) {
    .home__quote__wrapper.desktop {
        display: none
    }
}

@media(max-width: 1099px) {
    .home__quote__wrapper.desktop {
        opacity: 0
    }
}

.home__quote__wrapper.tablet {
    display: none
}

@media(max-width: 1099px) {
    .home__quote__wrapper.tablet {
        display: block;
        top: -26rem;
        width: 78rem
    }
}

@media(max-width: 767px) {
    .home__quote__wrapper.tablet {
        display: none
    }
}

.home__quote__wrapper.mobile {
    display: none
}

@media(max-width: 767px) {
    .home__quote__wrapper.mobile {
        display: block;
        top: -3rem;
        width: 33rem
    }
}

.home__quote__wrapper svg {
    width: 100%;
    height: 57rem
}

@media(max-width: 767px) {
    .home__quote__wrapper svg {
        height: auto
    }
}

.home__blur__wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
    z-index: 7;
    backdrop-filter: blur(3px);
    pointer-events: none;
    opacity: 0;
    transition: all .5s ease
}

.preloader__waves {
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.preloader__music__bar {
    animation-name: wave-lg;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    background: #222020;
    margin: 0 .05rem;
    height: .3rem;
    width: .15rem;
    border-radius: .1rem
}

.preloader__music__bar:nth-child(-n+7),
.preloader__music__bar:nth-last-child(-n+7) {
    animation-name: wave-md
}

.preloader__music__bar:nth-child(-n+3),
.preloader__music__bar:nth-last-child(-n+3) {
    animation-name: wave-sm
}

@keyframes wave-sm {
    0% {
        opacity: .35;
        height: .3rem
    }
    100% {
        opacity: 1;
        height: .8rem
    }
}

@keyframes wave-md {
    0% {
        opacity: .35;
        height: 1.1rem
    }
    100% {
        opacity: 1;
        height: 1.7rem
    }
}

@keyframes wave-lg {
    0% {
        opacity: .35;
        height: 1.7rem
    }
    100% {
        opacity: 1;
        height: 2.3rem
    }
}

.home__preloader {
    z-index: 111111;
    background: #7d3738;
}

.home__logo__lottie__wrapper {
    margin-top: -7.5rem;
    width: 30rem;
    height: 30rem
}

.about {
    background-color: #faf9f5;
    padding-bottom: 18rem;
    overflow-x: clip
}

@media(max-width: 767px) {
    .about {
        padding-bottom: 4rem
    }
}

.about__page__stars__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none
}

.about__page__stars__wrapper figure {
    width: 100%;
    height: auto
}

.about__heading__section {
    padding-top: 16rem;
    padding-bottom: 16rem;
    background-color: #222020;
    position: relative
}

@media(max-width: 1099px) {
    .about__heading__section {
        padding-top: 31rem
    }
}

@media(max-width: 767px) {
    .about__heading__section {
        padding-top: 0rem
    }
}

.about__heading {
    color: #cdc84b;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .about__heading {
        margin-top: 12.3rem
    }
}

@media(max-width: 767px) {
    .about__heading h1 {
        font-size: 11rem;
        line-height: 1
    }
}

.about__heading__image {
    width: 24rem;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 49%;
    top: 36rem
}

@media(max-width: 1099px) {
    .about__heading__image {
        top: 43rem
    }
}

@media(max-width: 767px) {
    .about__heading__image {
        width: 15rem;
        top: 22rem
    }
}

.about__heading__image img {
    width: 100%;
    height: 100%
}

.about__quote__wrapper {
    background: #222020;
    padding-bottom: 12rem
}

.about__quote__wrapper h1 {
    width: 88rem;
    text-align: center;
    color: #cdc84b
}

@media(max-width: 767px) {
    .about__quote__wrapper h1 {
        max-width: 30rem !important;
        font-size: 2.2rem !important;
        line-height: 3rem !important
    }
}

.about__quote__wrapper:first-of-type {
    background-color: #222020;
    color: #cdc84b;
    padding-bottom: 10rem
}

.about__para__wrapper {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end
}

.about__para__wrapper p {
    max-width: 60rem;
    margin-right: 5.6rem
}

@media(max-width: 767px) {
    .about__para__wrapper p {
        padding: 0rem 2.8rem;
        margin-right: 0rem;
        width: 100%;
        max-width: none;
        font-size: 1.6rem;
        line-height: 2.1rem
    }
}

.about__para__wrapper.dark {
    background-color: #222020;
    color: #cdc84b
}

.about__para__wrapper:nth-last-of-type(1) {
    margin-bottom: 10rem
}

.about__nature__image__wrapper {
    position: relative;
    padding-top: 12rem;
    margin-bottom: 12rem;
    background-color: #222020
}

.about__nature__image__wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #222020;
    background: -moz-linear-gradient(180deg, rgb(34, 32, 32) 0%, rgba(91, 89, 87, 0) 10%, rgba(136, 134, 131, 0) 50%, rgba(191, 189, 184, 0) 90%, rgb(250, 249, 245) 100%);
    background: -webkit-linear-gradient(180deg, rgb(34, 32, 32) 0%, rgba(91, 89, 87, 0) 10%, rgba(136, 134, 131, 0) 50%, rgba(191, 189, 184, 0) 90%, rgb(250, 249, 245) 100%);
    background: linear-gradient(180deg, rgb(34, 32, 32) 0%, rgba(91, 89, 87, 0) 10%, rgba(136, 134, 131, 0) 50%, rgba(191, 189, 184, 0) 90%, rgb(250, 249, 245) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222020", endColorstr="#faf9f5", GradientType=1)
}

.about__nature__image {
    width: 100%
}

.about__nature__image img {
    width: 100%
}

.about__gallery__wrapper {
    background-color: #222020;
    padding-top: 12rem;
    width: 100%;
    padding-bottom: 10rem;
    width: 100%;
    overflow-x: hidden
}

@media(max-width: 767px) {
    .about__gallery__wrapper {
        padding-top: 6rem
    }
}

.about__gallery__inner__wrapper {
    padding-left: 2rem;
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
    justify-content: flex-start;
    width: fit-content;
    transition: all .9s cubic-bezier(0.19, 1, 0.22, 1);
    background: #222020
}

.about__gallery__image {
    position: relative;
    width: 36rem;
    height: 53rem
}

@media(max-width: 767px) {
    .about__gallery__image {
        width: 27rem;
        height: 35rem
    }
}

.about__gallery__image__caption {
    margin-top: 2rem;
    max-width: 30rem
}

.about__gallery__image__caption.lightbox__caption {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.about__gallery__image__caption.lightbox__caption p {
    max-width: 25rem
}

.about__gallery__image__caption p {
    font-family: "PP Editorial";
    font-size: 1.7rem;
    line-height: 2rem;
    font-style: italic;
    color: #cdc84b
}

.about__team__section {
    margin-top: 14rem;
    margin-bottom: 0rem;
    flex-direction: column
}

@media(max-width: 767px) {
    .about__team__section {
        margin-bottom: 12rem
    }
}

.about__team__wrapper {
    margin-top: 5rem
}

.team__member:nth-child(2n+1) {
    margin-left: 9rem
}

@media(max-width: 767px) {
    .team__member:nth-child(2n+1) {
        margin-left: 0rem
    }
}

.team__member:nth-child(2n+2) {
    margin-left: 30rem
}

@media(max-width: 767px) {
    .team__member:nth-child(2n+2) {
        margin-left: 0rem
    }
}

.team__member:nth-child(2n+4) {
    margin-left: -30rem
}

@media(max-width: 767px) {
    .team__member:nth-child(2n+4) {
        margin-left: 0rem
    }
}

.team__member {
    transition: all .4s ease;
    color: #cdc84b;
    cursor: pointer
}

.team__member.open {
    color: #222020
}

.team__member:hover {
    color: #222020
}

.team__member .team__member__name {
    align-items: flex-start;
    margin-bottom: 2rem
}

.team__member .team__first__name {
    text-transform: uppercase
}

@media(max-width: 767px) {
    .team__member .team__first__name {
        font-size: 3.5rem;
        line-height: 1
    }
}

.team__member .team__last__name {
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: "PP Editorial";
    font-style: italic;
    margin-left: 2rem;
    margin-top: .5rem
}

@media(max-width: 767px) {
    .team__member .team__last__name {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: -0.35rem;
        margin-left: .6rem
    }
}

.team__member .team__member__description {
    width: 62rem;
    padding-bottom: 0rem;
    overflow: hidden;
    height: auto
}

@media(max-width: 767px) {
    .team__member .team__member__description p {
        font-size: 1.6rem;
        line-height: 2.1rem
    }
}

@media(max-width: 767px) {
    .team__member .team__member__description {
        width: 100%;
        padding-left: 2.8rem;
        padding-right: 2.8rem
    }
}

.about__spotify__section {
    padding-top: 34rem;
    padding-bottom: 31rem;
    position: relative;
    margin-top: -13rem
}

.about__spotify__section .about__spotify__background__image__wrapper {
    position: absolute;
    width: 102%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

@media(max-width: 767px) {
    .about__spotify__section .about__spotify__background__image__wrapper {
        display: none
    }
}

.about__spotify__section .about__spotify__background__image__wrapper figure {
    width: 100%;
    height: 100%
}

.about__spotify__section .about__spotify__background__image__wrapper figure img {
    opacity: 1 !important
}

@media(max-width: 767px) {
    .about__spotify__section {
        overflow-x: hidden;
        padding: 0rem;
        margin-top: 0
    }
}

.about__spotify__section .about__spotify__section__title__wrapper {
    margin-bottom: 9rem
}

@media(max-width: 767px) {
    .about__spotify__section .about__spotify__section__title__wrapper {
        margin-bottom: 5rem
    }
}

@media(max-width: 767px) {
    .about__spotify__section .about__spotify__section__title__wrapper .about__spotify__label__wrapper {
        max-width: 25rem
    }
    .about__spotify__section .about__spotify__section__title__wrapper .about__spotify__label__wrapper span {
        text-align: center
    }
}

.about__spotify__section .about__spotify__section__title__wrapper span:first-child {
    margin-bottom: 1rem
}

.about__spotify__playlist__wrapper {
    gap: 4rem
}

@media(max-width: 767px) {
    .about__spotify__playlist__wrapper {
        display: none
    }
}

.about__spotify__playlist {
    align-items: flex-start
}

@media(max-width: 767px) {
    .about__spotify__playlist {
        width: 75%
    }
}

.about__spotify__playlist .playlist__song {
    text-align: center;
    font-size: 1.5rem;
    font-family: "Archivo";
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 1.4rem;
    padding-bottom: 1.9rem;
    border-bottom: .2rem solid rgba(193, 172, 155, .2)
}

@media(max-width: 767px) {
    .about__spotify__playlist .playlist__song {
        width: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.about__spotify__playlist .playlist__song:first-child {
    border-top: .2rem solid rgba(193, 172, 155, .2)
}

@media(max-width: 767px) {
    .about__spotify__playlist .playlist__song:first-child {
        border-top: none
    }
}

.about__spotify__cover__wrapper {
    position: relative
}

@media(max-width: 767px) {
    .about__spotify__cover__wrapper {
        width: 75%;
        margin-bottom: 4rem
    }
}

.about__spotify__cover__wrapper .cover__image {
    position: relative;
    z-index: 1;
    width: 35.7rem;
    height: 35.7rem;
    margin-right: 20rem
}

@media(max-width: 767px) {
    .about__spotify__cover__wrapper .cover__image {
        width: 23rem;
        height: 23rem
    }
}

.about__spotify__cover__wrapper .cover__disc__image {
    position: absolute;
    top: 0;
    left: 5rem;
    width: 100%;
    height: 100%;
    z-index: 0
}

@media(max-width: 767px) {
    .about__spotify__cover__wrapper .cover__disc__image {
        width: 39rem;
        height: 23rem;
        left: 2rem
    }
}

.about__shop__section {
    padding-bottom: 20rem;
    padding-top: 12rem;
    overflow-x: hidden
}

@media(max-width: 767px) {
    .about__shop__section {
        padding-top: 15rem;
        padding-bottom: 15rem
    }
}

.about__shop__slider {
    position: relative
}

.about__shop__slider__wrapper {
    margin-top: 9rem;
    margin-bottom: 9rem;
    max-width: 110rem;
    overflow: hidden;
    padding-top: 11rem;
    border-radius: 70rem;
    background: #faf9f5
}

@media(max-width: 767px) {
    .about__shop__slider__wrapper {
        border-radius: 24rem;
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.about__shop__slider__wrapper .shop__marquee {
    text-wrap: nowrap;
    text-transform: uppercase;
    font-size: 19.6rem;
    line-height: 1;
    opacity: .5;
    color: #c1ac9b;
    text-align: center
}

@media(max-width: 767px) {
    .about__shop__slider__wrapper .shop__marquee {
        font-size: 9.5rem
    }
}

.shop__item {
    position: relative;
    top: -10rem;
    justify-content: flex-start
}

@media(max-width: 767px) {
    .shop__item {
        top: -4rem
    }
}

.shop__item .shop__item__image {
    width: 28.5rem;
    height: 39.4rem
}

.shop__item .shop__item__image img {
    object-fit: contain
}

@media(max-width: 1099px) {
    .shop__item .shop__item__image {
        width: 41.5rem;
        height: 50.4rem
    }
}

@media(max-width: 767px) {
    .shop__item .shop__item__image {
        width: 21.5rem;
        height: 31.4rem
    }
}

.shop__item .shop__item__description {
    margin-top: 3rem;
    max-width: 51rem
}

.shop__item .shop__item__description p {
    text-align: center
}

@media(max-width: 767px) {
    .shop__item .shop__item__description {
        margin-top: 2rem;
        max-width: 32rem
    }
}

@media(max-width: 767px) {
    .shop__item .shop__item__description p {
        font-size: 1.6rem;
        line-height: 2.1rem
    }
}

.shop__item .shop__item__description .shop__item__name {
    font-size: 1.5rem;
    font-family: "Archivo";
    line-height: 2rem;
    text-transform: uppercase
}

.shop__item .shop__item__description .shop__item__short__description {
    font-size: 1.2rem;
    font-family: "Archivo";
    line-height: 2rem;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .shop__item .shop__item__description .shop__item__short__description {
        font-size: 1.1rem;
        font-family: "Archivo";
        line-height: 1.7rem;
        text-transform: uppercase;
        max-width: 25rem;
        margin-top: 1rem
    }
}

.edit__section__label {
    margin-top: 2rem;
    max-width: 45.5rem;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .edit__section__label {
        max-width: 32.5rem
    }
}

.edit__section__label p {
    font-family: "PP Editorial";
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 300;
    font-style: italic;
    text-align: center;
    text-transform: none;
    letter-spacing: 0rem !important
}

@media(max-width: 767px) {
    .edit__section__label p {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.about__edit__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center
}

@media(max-width: 767px) {
    .about__edit__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }
}

.edit__item {
    margin-top: 7rem;
    max-width: 42.2rem
}

@media(max-width: 1099px) {
    .edit__item {
        margin-top: 5rem
    }
}

@media(max-width: 767px) {
    .edit__item {
        margin-top: 3rem;
        padding-left: 2.8rem;
        padding-right: 2.8rem;
        padding-bottom: 3rem
    }
}

.edit__item:nth-child(3n+2) {
    padding-right: 1.6rem;
    padding-left: 1.6rem
}

@media(max-width: 767px) {
    .edit__item:nth-child(3n+2) {
        padding-left: 2.8rem;
        padding-right: 2.8rem
    }
}

.edit__item__image {
    width: 100%;
    height: 39.1rem
}

.edit__item__name {
    text-transform: uppercase;
    margin-top: 3rem;
    margin-bottom: 1.5rem
}

@media(max-width: 1099px) {
    .edit__item__name {
        font-size: 1.35rem;
        line-height: 2.15rem
    }
}

@media(max-width: 767px) {
    .edit__item__name {
        margin-bottom: 1rem;
        margin-top: 2rem
    }
}

.edit__item__description {
    max-width: 80%
}

@media(max-width: 767px) {
    .edit__item__description {
        max-width: 95%
    }
}

@media(max-width: 1099px) {
    .edit__item__description p {
        font-size: 1.8rem;
        line-height: 2.2rem
    }
}

@media(max-width: 767px) {
    .edit__item__description p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.lottie__container {
    position: relative;
    padding-top: 7.7rem;
    padding-bottom: 7.7rem;
    width: 100%;
    background: #222020
}

.lottie__container.brand__strategy {
    padding-top: 0;
    padding-bottom: 0
}

.gradient__dark {
    width: 100%;
    height: 20rem;
    background: #222020;
    background: linear-gradient(180deg, rgb(34, 32, 32) 40%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 2
}

@media(max-width: 767px) {
    .gradient__dark {
        width: 100%;
        height: 13rem;
        background: #222020;
        background: linear-gradient(180deg, rgb(34, 32, 32) 70%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 2
    }
}

.gradient__light {
    width: 100%;
    height: 20rem;
    background: #faf9f5;
    background: linear-gradient(0deg, rgb(250, 249, 245) 40%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2
}

@media(max-width: 767px) {
    .gradient__light {
        width: 100%;
        height: 13rem;
        background: #faf9f5;
        background: linear-gradient(0deg, rgb(250, 249, 245) 60%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        z-index: 2
    }
}

@media(max-width: 767px) {
    .about__animation {
        height: 53rem;
        margin-right: -19rem
    }
}

.about__spotify__playlist__mobile__wrapper {
    display: none
}

@media(max-width: 767px) {
    .about__spotify__playlist__mobile__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.about__slider__parent {
    width: 97%;
    background-size: cover;
    margin-top: 5rem
}

@media(max-width: 767px) {
    .about__slider__parent {
        margin-top: 3rem;
        width: 104%
    }
}

.playlist__2.desktop {
    align-items: flex-end
}

.about__drag__cursor {
    position: fixed;
    top: 0;
    left: 0;
    color: #cdc84b;
    border: .2rem solid #cdc84b;
    border-radius: 50%;
    pointer-events: none;
    width: 16rem;
    height: 6rem;
    font-family: "PP Editorial";
    font-size: 3rem;
    line-height: 1;
    font-style: italic;
    z-index: 3;
    transform: translate(-50%, -50%);
    opacity: 0
}

.gradient__light.upper {
    margin-bottom: -3rem
}

.edit__section__title {
    font-size: 1.5rem
}

.about__gallery__lightbox {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    cursor: pointer;
    opacity: 0;
    pointer-events: none
}

.about__gallery__lightbox::before {
    content: " ";
    background: rgba(0, 0, 0, .9);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.about__gallery__lightbox .about__lightbox__image__wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0
}

.about__gallery__lightbox .about__lightbox__image__wrapper figure {
    width: auto;
    height: auto;
    max-width: auto;
    max-height: 60vh;
    overflow: hidden
}

@media(max-width: 767px) {
    .about__gallery__lightbox .about__lightbox__image__wrapper figure {
        max-width: 80vw !important;
        max-height: 80vh !important;
        width: 80vw
    }
}

@media(max-width: 1099px) {
    .about__gallery__lightbox .about__lightbox__image__wrapper figure {
        max-width: 39vw;
        max-height: 45vh
    }
}

.about__gallery__lightbox .about__lightbox__image__wrapper figure img {
    object-fit: contain;
    height: auto;
    max-height: 60vh
}

@media(max-width: 1099px) {
    .about__gallery__lightbox .about__lightbox__image__wrapper figure img {
        max-height: none;
        max-width: 39vw
    }
}

@media(max-width: 767px) {
    .about__gallery__lightbox .about__lightbox__image__wrapper figure img {
        max-height: none;
        max-width: 90vw
    }
}

@media(max-width: 1099px) {
    .about__gallery__lightbox .about__lightbox__image__wrapper {
        transform: translate(-50%, -50%) scale(1.75)
    }
}

@media(max-width: 767px) {
    .about__gallery__lightbox .about__lightbox__image__wrapper {
        transform: translate(-50%, -50%) scale(0.9)
    }
}

.about__shop__arr__next {
    transform: rotate(45deg) !important
}

.about__shop__arr__prev {
    transform: rotate(-45deg) !important
}

.about__shop__arr__prev,
.about__shop__arr__next {
    background: #e5e3dd !important
}

.splide__arrow {
    width: 5rem !important;
    height: 5rem !important
}

@media(max-width: 767px) {
    .splide__arrow {
        width: 3.2rem !important;
        height: 3.2rem !important
    }
}

.splide__arrow svg {
    width: 2.2rem !important;
    height: 2.2rem !important
}

@media(max-width: 767px) {
    .splide__arrow svg {
        width: 1.2rem !important;
        height: 1.2rem !important
    }
}

.drag__direction__arrow__right {
    display: flex;
    justify-content: flex-end
}

.drag__direction__arrow__right.about__arr svg {
    margin: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(45deg)
}

.drag__direction__arrow__right.about__arr svg path {
    fill: #cdc84b !important
}

@media(max-width: 767px) {
    .spotify__section__label__wrapper {
        text-align: center;
        max-width: 25rem;
        line-height: 1.6rem
    }
    .spotify__section__label__wrapper span {
        text-align: center
    }
}

.about__gallery__arrows__wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: space-between;
    padding-bottom: 4rem
}

.about__gallery__arrows__wrapper .about__gallery__arrow {
    cursor: pointer;
    width: 5rem;
    height: 5rem;
    transition: all .3s ease
}

.about__gallery__arrows__wrapper .about__gallery__arrow:hover {
    opacity: .6
}

.about__gallery__arrows__wrapper.black svg path {
    fill: #222020
}

.about__gallery__arrows__wrapper svg {
    width: 3.6rem;
    height: auto
}

@media(max-width: 767px) {
    .about__gallery__arrows__wrapper svg {
        width: 2.6rem
    }
}

.about__gallery__arrows__wrapper .about__gallery__arrow:last-child {
    transform: rotateZ(180deg)
}

.shopt__item__button {
    width: 21rem;
    height: 3.5rem;
    background-color: #4d3c3f;
    color: #faf9f5;
    margin-top: 3.4rem;
    transition: all .3s ease;
    border: .1rem solid #4d3c3f
}

.shopt__item__button:hover {
    background-color: #faf9f5;
    color: #4d3c3f
}

.open__image__icon__wrapper {
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 1rem;
    right: 1rem;
    cursor: pointer;
    transition: all .4s ease;
    opacity: 0
}

@media(max-width: 767px) {
    .open__image__icon__wrapper {
        opacity: 1
    }
}

.open__image__icon__wrapper svg {
    width: 3.4rem;
    height: 3.4rem
}

.creative__direction__slider__arrow__wrapper {
    padding-top: 4rem;
    padding-bottom: 0rem;
    padding-left: 0;
    padding-right: 0
}

.team__member__name__wrapper {
    gap: 8.5rem
}

@media(max-width: 767px) {
    .team__member__name__wrapper {
        justify-content: space-between;
        gap: 0;
        width: 100%;
        padding: 0rem 2rem
    }
}

.team__member__name__wrapper:hover .team__open__circle__wrapper {
    border: .02rem solid #222020
}

.team__member__name__wrapper:hover .team__open__circle__wrapper svg path {
    fill: #222020
}

.team__open__circle__wrapper {
    width: 8.8rem;
    height: 8.8rem;
    border: .02rem solid #cdc84b;
    border-radius: 50%;
    margin-bottom: 6rem;
    transition: all .8s ease;
    display: none
}

@media(max-width: 767px) {
    .team__open__circle__wrapper {
        display: flex;
        width: 4rem;
        height: 4rem;
        margin-bottom: 3rem
    }
}

.team__open__circle__wrapper.open {
    border: .02rem solid #222020;
    transform: rotate(45deg)
}

.team__open__circle__wrapper.open svg path {
    fill: #222020
}

.team__open__circle__wrapper svg {
    width: 3.2rem;
    height: 3.2rem
}

@media(max-width: 767px) {
    .team__open__circle__wrapper svg {
        width: 1.3rem;
        height: 1.3rem
    }
}

.team__open__circle__wrapper svg path {
    fill: #cdc84b;
    transition: all .4s ease
}

.about__gallery__lightbox__image__wrapper {
    position: relative
}

.lightbox__close__button {
    position: absolute;
    bottom: -4.9rem;
    right: 0
}

.lightbox__close__button svg {
    width: 3.4rem;
    height: 3.4rem
}

.products {
    background-color: #95aeaa !important;
    position: relative
}

.products__container {
    color: #4c746d;
    padding-bottom: 20rem;
    position: relative;
    z-index: 2;
    background-position: center;
    background-repeat: repeat;
    background-size: contain
}

@media(max-width: 767px) {
    .products__container {
        padding-bottom: 10rem
    }
}

.products__header__image {
    width: 39rem !important;
    top: 23rem !important
}

@media(max-width: 1099px) {
    .products__header__image {
        width: 39rem !important;
        top: 31rem !important
    }
}

@media(max-width: 767px) {
    .products__header__image {
        top: 7rem !important;
        width: 16rem !important
    }
}

.products__page__quote {
    color: #222020 !important;
    max-width: 60rem !important;
    margin-bottom: 16.6rem;
    margin-top: 10rem
}

@media(max-width: 1099px) {
    .products__page__quote {
        margin-top: 10rem
    }
}

@media(max-width: 767px) {
    .products__page__quote {
        max-width: 30rem !important;
        margin-top: 5rem;
        margin-bottom: 7rem
    }
}

@media(max-width: 767px) {
    .products__page__quote p {
        font-size: 2.2rem !important;
        line-height: 3rem !important
    }
}

.products__cards__wrapper {
    gap: 5rem
}

@media(max-width: 767px) {
    .products__cards__wrapper {
        gap: 4.2rem
    }
}

@media(max-width: 767px) {
    .products__page__header__title {
        font-size: 7.1rem !important;
        line-height: 6.7rem !important;
        max-width: 36rem !important
    }
}

.products__top__gadh {
    background-position-y: -14rem;
    width: 100%;
    height: 150rem;
    mix-blend-mode: multiply
}

@media(max-width: 767px) {
    .products__top__gadh {
        height: 75rem;
        background-position-y: -8rem
    }
}

.products__bottom__gadh {
    background-position-y: 20rem;
    width: 100%;
    height: 140rem;
    mix-blend-mode: multiply
}

.products__bottom__gadh::after {
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)
}

@media(max-width: 767px) {
    .products__bottom__gadh {
        height: 75rem;
        background-position-y: 12rem
    }
}

.products__bottom__gadh {
    background-position-y: 7rem;
    width: 100%;
    height: 120rem;
    mix-blend-mode: multiply
}

@media(max-width: 767px) {
    .products__bottom__gadh {
        background-position-y: 7rem
    }
}

.product__detail {
    overflow-x: clip;
    background-color: #faf9f5
}

.product__detail__container {
    position: relative;
    z-index: 1
}

.product__name p {
    line-height: 1
}

@media(max-width: 1099px) {
    .product__name p {
        font-size: 6.9rem
    }
}

@media(max-width: 767px) {
    .product__name p {
        color: #222020;
        font-size: 3rem;
        line-height: 4rem;
        margin-bottom: -1rem
    }
}

.product__detail__hero__section {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10rem;
    padding-left: 4.3rem;
    padding-right: 4.3rem;
    color: #fff
}

@media(max-width: 767px) {
    .product__detail__hero__section {
        height: 50rem
    }
    .product__detail__hero__section .product__name,
    .product__detail__hero__section .product__description {
        display: none
    }
}

.product__description {
    max-width: 41.6rem
}

@media(max-width: 767px) {
    .product__description {
        max-width: 16.6rem
    }
}

.product__description p {
    text-align: right;
    text-transform: uppercase
}

@media(max-width: 1099px) {
    .product__description p {
        font-size: 2.3rem;
        line-height: 3rem
    }
}

@media(max-width: 767px) {
    .product__description p {
        font-size: .9rem;
        line-height: 1.2rem
    }
}

.product__detail__mobile__title__wrapper {
    display: none;
    padding: 0rem 1.4rem
}

@media(max-width: 767px) {
    .product__detail__mobile__title__wrapper {
        display: flex;
        margin-top: 6rem;
        justify-content: space-between;
        align-items: flex-end
    }
}

.detail__quote__section .detail__quote__content {
    margin-top: 8rem;
    max-width: 84.8rem;
    text-align: center
}

@media(max-width: 767px) {
    .detail__quote__section .detail__quote__content.creative__detail__quote p {
        font-size: 2.6rem !important
    }
}

@media(max-width: 767px) {
    .detail__quote__section .detail__quote__content {
        margin-top: 6rem;
        padding: 0 2rem
    }
}

.detail__quote__section .detail__quote__content p {
    font-size: 3.5rem !important
}

@media(max-width: 767px) {
    .detail__quote__section .detail__quote__content p {
        font-size: 2.2rem !important;
        line-height: 2.7rem;
        max-width: 100%
    }
}

.detail__description__section {
    width: 100%;
    padding: 0rem 4.3rem;
    display: flex;
    justify-content: flex-end
}

.detail__description__section .detail__description__section__container {
    max-width: 54.6rem
}

.detail__single__image__section {
    width: 100%
}

.detail__single__image__section .detail__single__image__container {
    width: 100%
}

@media(max-width: 767px) {
    .detail__single__image__section .detail__single__image__container {
        padding: 0rem !important
    }
}

.detail__single__image__section .detail__single__image__container.full figure {
    width: 100%
}

.detail__single__image__section .detail__single__image__container.left {
    justify-content: flex-start;
    padding-left: 4.3rem
}

.detail__single__image__section .detail__single__image__container.left.edge {
    padding-left: 0rem
}

.detail__single__image__section .detail__single__image__container.right {
    justify-content: flex-end;
    padding-right: 4.3rem
}

.detail__single__image__section .detail__single__image__container.right.edge {
    padding-right: 0rem
}

.detail__two__images__section {
    width: 100%
}

.detail__two__images__section .detail__two__images__container {
    width: 100%;
    gap: 1.6rem
}

@media(max-width: 767px) {
    .detail__two__images__section .detail__two__images__container {
        flex-direction: column !important;
        gap: 3rem !important
    }
}

.detail__two__images__section .detail__two__images__container.top {
    align-items: flex-start
}

.detail__two__images__section .detail__two__images__container.bottom {
    align-items: flex-end
}

.detail__two__images__section .detail__two__images__container.top.center,
.detail__two__images__section .detail__two__images__container.bottom.center {
    justify-content: center
}

.detail__two__images__section .detail__two__images__container.full figure {
    width: 100%
}

.detail__two__images__section .detail__two__images__container.left {
    justify-content: flex-start;
    padding-left: 4.3rem
}

@media(max-width: 767px) {
    .detail__two__images__section .detail__two__images__container.left {
        padding: 0rem
    }
}

.detail__two__images__section .detail__two__images__container.left.edge {
    padding-left: 0rem
}

.detail__two__images__section .detail__two__images__container.right {
    justify-content: flex-end;
    padding-right: 4.3rem
}

@media(max-width: 767px) {
    .detail__two__images__section .detail__two__images__container.right {
        padding: 0rem
    }
}

.detail__two__images__section .detail__two__images__container.right.edge {
    padding-right: 0rem
}

.section__120__space {
    height: 12rem;
    width: 100%
}

@media(max-width: 767px) {
    .section__120__space {
        height: 3rem
    }
}

.section__60__space {
    height: 6rem;
    width: 100%
}

@media(max-width: 767px) {
    .section__60__space {
        height: 3rem
    }
}

.section__240__space {
    height: 24rem;
    width: 100%
}

@media(max-width: 767px) {
    .section__240__space {
        height: 3rem
    }
}

.detail__three__images__container {
    padding: 0rem 4.3rem
}

@media(max-width: 767px) {
    .detail__three__images__container {
        flex-direction: column;
        gap: 3rem !important;
        padding: 0rem
    }
}

.detail__three__images__container.bleed {
    padding: 0
}

.detail__two__image__1.width__1,
.detail__two__image__2.width__1,
.detail__single__image.width__1 {
    width: 21.3rem;
    height: auto
}

@media(max-width: 767px) {
    .detail__two__image__1.width__1,
    .detail__two__image__2.width__1,
    .detail__single__image.width__1 {
        width: 100% !important
    }
    .detail__two__image__1.width__1.creative__detail__image,
    .detail__two__image__2.width__1.creative__detail__image,
    .detail__single__image.width__1.creative__detail__image {
        width: max-content !important
    }
}

.detail__two__image__1.width__2,
.detail__two__image__2.width__2,
.detail__single__image.width__2 {
    width: 42.6rem;
    height: auto
}

@media(max-width: 767px) {
    .detail__two__image__1.width__2,
    .detail__two__image__2.width__2,
    .detail__single__image.width__2 {
        width: 100% !important
    }
    .detail__two__image__1.width__2.creative__detail__image,
    .detail__two__image__2.width__2.creative__detail__image,
    .detail__single__image.width__2.creative__detail__image {
        width: max-content !important
    }
}

.detail__two__image__1.width__3,
.detail__two__image__2.width__3,
.detail__single__image.width__3 {
    width: 63.9rem;
    height: auto
}

@media(max-width: 767px) {
    .detail__two__image__1.width__3,
    .detail__two__image__2.width__3,
    .detail__single__image.width__3 {
        width: 100% !important
    }
    .detail__two__image__1.width__3.creative__detail__image,
    .detail__two__image__2.width__3.creative__detail__image,
    .detail__single__image.width__3.creative__detail__image {
        width: max-content !important
    }
}

.detail__two__image__1.width__4,
.detail__two__image__2.width__4,
.detail__single__image.width__4 {
    width: 85.2rem;
    height: auto
}

@media(max-width: 767px) {
    .detail__two__image__1.width__4,
    .detail__two__image__2.width__4,
    .detail__single__image.width__4 {
        width: 100% !important
    }
    .detail__two__image__1.width__4.creative__detail__image,
    .detail__two__image__2.width__4.creative__detail__image,
    .detail__single__image.width__4.creative__detail__image {
        width: max-content !important
    }
}

.detail__two__image__1.width__5,
.detail__two__image__2.width__5,
.detail__single__image.width__5 {
    width: 106.5rem;
    height: auto
}

@media(max-width: 767px) {
    .detail__two__image__1.width__5,
    .detail__two__image__2.width__5,
    .detail__single__image.width__5 {
        width: 100% !important
    }
    .detail__two__image__1.width__5.creative__detail__image,
    .detail__two__image__2.width__5.creative__detail__image,
    .detail__single__image.width__5.creative__detail__image {
        width: max-content !important
    }
}

.detail__two__image__1.width__6,
.detail__two__image__2.width__6,
.detail__single__image.width__6 {
    width: 128rem;
    height: auto
}

@media(max-width: 767px) {
    .detail__two__image__1.width__6,
    .detail__two__image__2.width__6,
    .detail__single__image.width__6 {
        width: 100% !important
    }
    .detail__two__image__1.width__6.creative__detail__image,
    .detail__two__image__2.width__6.creative__detail__image,
    .detail__single__image.width__6.creative__detail__image {
        width: max-content !important
    }
}

.detail__three__images__container {
    gap: 1.6rem
}

.detail__three__images__container .detail__three__image1,
.detail__three__images__container .detail__three__image2,
.detail__three__images__container .detail__three__image3 {
    flex: 1 1 0
}

.product__shop__link__section {
    width: 100%;
    margin-top: 13rem
}

@media(max-width: 767px) {
    .product__detail__description__wrapper {
        gap: 2rem !important
    }
}

.interiors {
    background-color: #41322f;
    color: #f8f3e8;
    position: relative
}

.interiors__container {
    position: relative;
    z-index: 2;
    padding-bottom: 20rem
}

@media(max-width: 767px) {
    .interiors__container {
        padding-bottom: 12rem
    }
}

.interiors__page__title {
    font-size: 28rem !important;
    color: #61544f
}

@media(max-width: 767px) {
    .interiors__page__title {
        font-size: 7.7rem !important;
        line-height: 1 !important
    }
}

.interiors__header__image {
    top: 78% !important;
    width: 24rem !important;
    height: auto
}

@media(max-width: 767px) {
    .interiors__header__image {
        width: 13.3rem !important;
        top: 152% !important
    }
}

.interiors__header__quote {
    margin-top: 18rem;
    max-width: 80rem !important;
    margin-bottom: 13.4rem
}

@media(max-width: 767px) {
    .interiors__header__quote {
        max-width: 30rem !important;
        margin-bottom: 6rem
    }
}

@media(max-width: 767px) {
    .interiors__header__quote h1 {
        font-size: 2.2rem !important;
        line-height: 3rem !important
    }
}

.interiors__cards__section {
    color: #222020 !important
}

.interiors__bottom__gadh::after {
    background: linear-gradient(0deg, rgb(65, 50, 47) 0%, rgba(255, 255, 255, 0) 100%)
}

.interiors__detail {
    background: #faf9f5
}

.interiors__detail__wrapper {
    position: relative;
    z-index: 1
}

.interiors__detail__hero__section {
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 10.5rem 5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

@media(max-width: 767px) {
    .interiors__detail__hero__section {
        height: 50rem
    }
}

.interiors__detail__mobile__hero__section {
    display: none
}

@media(max-width: 767px) {
    .interiors__detail__mobile__hero__section {
        display: block;
        margin-top: 6rem;
        padding: 0rem 2rem
    }
}

.interiors__detail__hero__title {
    line-height: 1;
    color: #faf9f5
}

@media(max-width: 1099px) {
    .interiors__detail__hero__title {
        font-size: 6.9rem;
        line-height: 1
    }
}

@media(max-width: 767px) {
    .interiors__detail__hero__title {
        color: #222020;
        font-size: 3rem;
        line-height: 3rem;
        max-width: 16rem;
        max-height: 5rem
    }
}

.interiors__detail__hero__section__title__wrapper {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end
}

@media(max-width: 767px) {
    .interiors__detail__hero__section__title__wrapper.desktop {
        display: none
    }
}

.interiors__detail__hero__date__place {
    color: #faf9f5;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between
}

@media(max-width: 767px) {
    .interiors__detail__hero__date__place p {
        font-size: .9rem;
        line-height: 1.2rem;
        max-width: 15rem
    }
}

@media(max-width: 767px) {
    .interiors__detail__hero__date__place {
        color: #222020;
        margin-bottom: 0rem
    }
}

.interiors__detail__hero__description {
    max-width: 41.6rem;
    text-align: right !important;
    text-transform: uppercase
}

@media(max-width: 1099px) {
    .interiors__detail__hero__description {
        font-size: 1.7rem;
        line-height: 3rem
    }
}

.interiors__detail__hero__section__content {
    justify-content: space-between;
    width: 100%
}

.interiors__detail__quote__section {
    margin-top: 8.3rem
}

@media(max-width: 767px) {
    .interiors__detail__quote__section {
        margin-top: 6rem;
        padding: 0rem 2rem
    }
}

.interiors__detail__quote__section h1 {
    text-align: center;
    font-size: 3.5rem !important;
    max-width: 85rem
}

@media(max-width: 767px) {
    .interiors__detail__quote__section h1 {
        font-size: 2.2rem !important;
        line-height: 2.7rem;
        max-width: none
    }
}

.detail__description__section {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0rem 5rem
}

@media(max-width: 767px) {
    .detail__description__section.caption {
        gap: 5rem
    }
}

@media(max-width: 767px) {
    .detail__description__section {
        padding: 0rem 2rem;
        flex-direction: column;
        gap: 0rem
    }
}

.detail__description__section.caption {
    justify-content: space-between
}

@media(max-width: 1099px) {
    .detail__description__section .detail__description__label__wrapper p {
        font-size: 2.3rem
    }
}

@media(max-width: 767px) {
    .detail__description__section .detail__description__label__wrapper p {
        font-size: 1.3rem
    }
}

.detail__description__section .detail__description__content__wrapper {
    max-width: 52.7rem
}

@media(max-width: 1099px) {
    .detail__description__section .detail__description__content__wrapper {
        max-width: 62.7rem
    }
}

@media(max-width: 767px) {
    .detail__description__section .detail__description__content__wrapper {
        max-width: 52.7rem
    }
}

@media(max-width: 767px) {
    .detail__description__section .detail__description__content__wrapper p {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

.detail__description__section .interiors__detail__description__label__wrapper {
    max-width: 32rem
}

.detail__description__section .interiors__detail__description__label__wrapper p {
    font-family: "PP Editorial";
    font-size: 1.4rem;
    line-height: 2rem;
    color: #2e2626
}

@media(max-width: 1099px) {
    .detail__description__section .interiors__detail__description__label__wrapper p {
        font-size: 1.3rem
    }
}

@media(max-width: 767px) {
    .detail__description__section .interiors__detail__description__label__wrapper p {
        font-size: 1.3rem;
        line-height: 1.7rem
    }
}

.interiors__detail__info__place__date {
    text-transform: uppercase
}

.interiors__detail__info__description {
    max-width: 35rem
}

.interiors__detail__two__image__section {
    padding: 0rem 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem
}

.interiors__detail__one__image__section {
    width: 100%
}

@media(max-width: 767px) {
    .interiors__detail__one__image__section {
        padding: 0rem
    }
}

.interiors__detail__one__image__section.full figure {
    width: 100%
}

.interiors__detail__one__image__section.left {
    justify-content: flex-start;
    padding-left: 4.3rem
}

@media(max-width: 767px) {
    .interiors__detail__one__image__section.left {
        padding: 0rem
    }
}

.interiors__detail__one__image__section.left.edge {
    padding-left: 0rem
}

.interiors__detail__one__image__section.right {
    justify-content: flex-end;
    padding-right: 4.3rem
}

@media(max-width: 767px) {
    .interiors__detail__one__image__section.right {
        padding: 0rem
    }
}

.interiors__detail__one__image__section.right.edge {
    padding-right: 0rem
}

.interiors__detail__two__images__section {
    width: 100%;
    gap: 1.6rem;
    display: flex
}

@media(max-width: 767px) {
    .interiors__detail__two__images__section {
        padding: 0rem !important;
        flex-direction: column !important;
        gap: 3rem !important
    }
}

.interiors__detail__two__images__section.top {
    align-items: flex-start
}

.interiors__detail__two__images__section.bottom {
    align-items: flex-end
}

@media(max-width: 767px) {
    .interiors__detail__two__images__section.center {
        gap: 3rem !important
    }
}

.interiors__detail__two__images__section.center.top {
    align-items: flex-start
}

.interiors__detail__two__images__section.center.bottom {
    align-items: flex-end
}

.interiors__detail__two__images__section.full figure {
    width: 100%
}

.interiors__detail__two__images__section.left {
    justify-content: flex-start;
    padding-left: 4.3rem
}

@media(max-width: 767px) {
    .interiors__detail__two__images__section.left {
        gap: 3rem !important
    }
}

.interiors__detail__two__images__section.left.edge {
    padding-left: 0rem
}

.interiors__detail__two__images__section.left.top {
    align-items: flex-start
}

.interiors__detail__two__images__section.left.bottom {
    align-items: flex-end
}

.interiors__detail__two__images__section.left.center {
    align-items: center
}

.interiors__detail__two__images__section.right {
    justify-content: flex-end;
    padding-right: 4.3rem
}

@media(max-width: 767px) {
    .interiors__detail__two__images__section.right {
        gap: 3rem !important
    }
}

.interiors__detail__two__images__section.right.edge {
    padding-right: 0rem
}

.interiors__detail__two__images__section.right.top {
    align-items: flex-start
}

.interiors__detail__two__images__section.right.bottom {
    align-items: flex-end
}

.interiors__detail__two__images__section.right.center {
    align-items: center
}

.section__space {
    width: 100%
}

.section__space.space__60 {
    height: 6rem
}

@media(max-width: 767px) {
    .section__space.space__60 {
        height: 3rem
    }
}

.section__space.space__120 {
    height: 12rem
}

@media(max-width: 767px) {
    .section__space.space__120 {
        height: 3rem
    }
}

.section__space.space__240 {
    height: 24rem
}

@media(max-width: 767px) {
    .section__space.space__240 {
        height: 3rem
    }
}

.interiors__detail__two__image__1 img,
.interiors__detail__two__image__2 img,
.interiors__detail__one__section__image img {
    opacity: 1 !important
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1,
    .interiors__detail__two__image__2,
    .interiors__detail__one__section__image {
        width: 100% !important
    }
}

.interiors__detail__two__image__1.width__1,
.interiors__detail__two__image__2.width__1,
.interiors__detail__one__section__image.width__1 {
    width: 21.3rem;
    height: auto
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1.width__1,
    .interiors__detail__two__image__2.width__1,
    .interiors__detail__one__section__image.width__1 {
        width: 100%
    }
}

.interiors__detail__two__image__1.width__2,
.interiors__detail__two__image__2.width__2,
.interiors__detail__one__section__image.width__2 {
    width: 42.6rem;
    height: auto
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1.width__2,
    .interiors__detail__two__image__2.width__2,
    .interiors__detail__one__section__image.width__2 {
        width: 100% !important
    }
}

.interiors__detail__two__image__1.width__3,
.interiors__detail__two__image__2.width__3,
.interiors__detail__one__section__image.width__3 {
    width: 63.9rem;
    height: auto
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1.width__3,
    .interiors__detail__two__image__2.width__3,
    .interiors__detail__one__section__image.width__3 {
        width: 100% !important
    }
}

.interiors__detail__two__image__1.width__4,
.interiors__detail__two__image__2.width__4,
.interiors__detail__one__section__image.width__4 {
    width: 85.2rem;
    height: auto
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1.width__4,
    .interiors__detail__two__image__2.width__4,
    .interiors__detail__one__section__image.width__4 {
        width: 100% !important
    }
}

.interiors__detail__two__image__1.width__5,
.interiors__detail__two__image__2.width__5,
.interiors__detail__one__section__image.width__5 {
    width: 106.5rem;
    height: auto
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1.width__5,
    .interiors__detail__two__image__2.width__5,
    .interiors__detail__one__section__image.width__5 {
        width: 100% !important
    }
}

.interiors__detail__two__image__1.width__6,
.interiors__detail__two__image__2.width__6,
.interiors__detail__one__section__image.width__6 {
    width: 128rem;
    height: auto
}

@media(max-width: 767px) {
    .interiors__detail__two__image__1.width__6,
    .interiors__detail__two__image__2.width__6,
    .interiors__detail__one__section__image.width__6 {
        width: 100% !important
    }
}

.detail__three__images__container {
    gap: 1.6rem
}

.detail__three__images__container .detail__three__image1,
.detail__three__images__container .detail__three__image2,
.detail__three__images__container .detail__three__image3 {
    flex: 1 1 0
}

.interiors__photograph__by__section {
    margin-top: 10rem;
    padding-right: 4.3rem
}

@media(max-width: 767px) {
    .interiors__photograph__by__section {
        padding-right: 2rem;
        margin-top: 6rem
    }
}

.interiors__photograph__by__section p {
    text-align: right
}

@media(max-width: 767px) {
    .interiors__date__location__wrapper,
    .interiors__detail__date__location__wrapper {
        width: 18rem;
        justify-content: flex-end
    }
}

.interiors__date__location__wrapper .interiors__detail__hero__date,
.interiors__detail__date__location__wrapper .interiors__detail__hero__date {
    min-width: 3rem
}

.interiors__date__location__wrapper p,
.interiors__detail__date__location__wrapper p {
    text-wrap: nowrap;
    white-space: nowrap
}

.media__container {
    background-color: #faf9f5
}

.media__page__title {
    font-size: 32rem !important;
    color: #b5aca3;
    opacity: .3
}

@media(max-width: 767px) {
    .media__page__title {
        font-size: 11.7rem !important;
        line-height: 10rem !important
    }
}

@media(max-width: 1099px) {
    .media__page__title {
        margin-top: 9rem
    }
}

.media__header__image {
    top: 19rem !important;
    left: 50% !important;
    width: 21.1rem !important;
    height: 32.1rem !important
}

@media(max-width: 767px) {
    .media__header__image {
        top: 10rem !important;
        left: 50% !important;
        width: 11.1rem !important;
        height: 23.1rem !important
    }
}

.media__page__header {
    padding-top: 19rem
}

@media(max-width: 767px) {
    .media__page__header {
        padding-top: 13rem
    }
}

.media__page__intro__text__wrapper {
    border-top: .2rem solid rgba(193, 172, 155, .3);
    border-bottom: .2rem solid rgba(193, 172, 155, .3);
    margin: 15rem 4.5rem 8rem 4.5rem;
    padding-top: .9rem;
    padding-bottom: .9rem
}

@media(max-width: 767px) {
    .media__page__intro__text__wrapper {
        margin: 15rem 2.8rem 4.8rem 2.8rem
    }
}

.media__page__intro__text__wrapper .media__page__intro__text {
    text-align: center
}

@media(max-width: 1099px) {
    .media__page__intro__text__wrapper .media__page__intro__text {
        font-size: 2.8rem;
        line-height: 1
    }
}

@media(max-width: 767px) {
    .media__page__intro__text__wrapper .media__page__intro__text {
        font-size: 1.3rem;
        line-height: 1.8rem
    }
}

.media__cards__section {
    margin: 0rem 4.5rem
}

@media(max-width: 767px) {
    .media__cards__section {
        margin: 0rem 2.8rem
    }
}

.media__cards__section .media__card__read__more__btn {
    font-size: 1.3rem;
    letter-spacing: .13rem;
    color: #c1ac9b;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .media__cards__section .media__card__read__more__btn {
        margin-top: 2rem
    }
}

.media__cards__section .media__cards__wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch
}

@media(max-width: 767px) {
    .media__cards__section .media__cards__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }
}

.media__cards__section .media__cards__wrapper .media__card {
    width: 41.97rem;
    height: 42rem;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
    justify-content: space-between;
    border-right: .2rem solid rgba(193, 172, 155, .23);
    border-top: .2rem solid rgba(193, 172, 155, .23)
}

@media(max-width: 767px) {
    .media__cards__section .media__cards__wrapper .media__card {
        border-bottom: .2rem solid rgba(193, 172, 155, .23) !important;
        border-right: none !important;
        width: 100%;
        height: auto
    }
}

@media(min-width: 1367px) {
    .media__cards__section .media__cards__wrapper .media__card {
        width: 42rem
    }
}

.media__cards__section .media__cards__wrapper .media__card:nth-child(1),
.media__cards__section .media__cards__wrapper .media__card:nth-child(2),
.media__cards__section .media__cards__wrapper .media__card:nth-child(3) {
    border-top: none
}

.media__cards__section .media__cards__wrapper .media__card:nth-child(3n) {
    border-right: none
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content {
    max-width: 35.6rem
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__title {
    text-align: center;
    text-transform: uppercase;
    text-wrap: nowrap
}

@media(max-width: 1099px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__title {
        font-size: 4rem;
        line-height: 4.6rem
    }
}

@media(max-width: 767px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__title {
        font-size: 3.9rem;
        line-height: 4.5rem
    }
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__date {
    text-transform: uppercase;
    margin-top: 3.2rem;
    margin-bottom: 1.5rem
}

@media(max-width: 1099px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__date {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

@media(max-width: 767px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__date {
        font-size: 1.3rem;
        line-height: 2rem;
    }
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__short__description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__short__description p {
    font-style: italic;
    text-align: center;
}

@media(max-width: 1099px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__short__description p {
        font-size: 2.6rem;
        line-height: 3.1rem;
    }
}

@media(max-width: 767px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__short__description p {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
    height: .4rem;
    background-color: #222020;
    width: 3.6rem;
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__para p {
    text-align: center
}

@media(max-width: 1099px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__para p {
        font-size: 1.7rem;
        line-height: 2.1rem;
    }
}

@media(max-width: 767px) {
    .media__cards__section .media__cards__wrapper .media__card .media__card__content .media__card__para p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.awards__section {
    padding-bottom: 10rem;
    color: #c1ac9b;
    background: #492738;
    background: -moz-linear-gradient(180deg, rgb(73, 39, 56) 0%, rgb(15, 8, 11) 100%);
    background: -webkit-linear-gradient(180deg, rgb(73, 39, 56) 0%, rgb(15, 8, 11) 100%);
    background: linear-gradient(180deg, rgb(73, 39, 56) 0%, rgb(15, 8, 11) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#492738", endColorstr="#0f080b", GradientType=1);
    margin-top: 11rem
}

.awards__header__title {
    color: #e0dcd2;
    font-size: 18.9rem !important;
    line-height: 20rem !important
}

@media(max-width: 767px) {
    .awards__header__title {
        font-size: 5.9rem !important;
        line-height: 7.2rem !important
    }
}

.awards__header__image {
    width: 25.7rem !important;
    top: 120% !important;
    height: 63.4rem !important
}

.awards__header__image img {
    opacity: 1 !important
}

@media(max-width: 767px) {
    .awards__header__image {
        width: 8.7rem !important;
        top: 145% !important;
        height: 21.4rem !important
    }
}

.awards__section__para {
    max-width: 51.6rem;
    margin-top: 40rem;
    margin-bottom: 11.6rem
}

@media(max-width: 767px) {
    .awards__section__para {
        margin-top: 20.5rem;
        margin-bottom: 6.2rem;
        margin-left: 2.8rem;
        margin-right: 2.8rem
    }
}

.awards__section__para p {
    text-align: center
}

@media(max-width: 1099px) {
    .awards__section__para p {
        font-size: 1.7rem;
        line-height: 2.2rem
    }
}

@media(max-width: 767px) {
    .awards__section__para p {
        font-size: 1.7rem;
        line-height: 2.3rem;
        font-family: "Archivo Condensed"
    }
}

.awards__awards__wrapper {
    margin: 0rem 4.5rem
}

@media(max-width: 767px) {
    .awards__awards__wrapper {
        margin: 0rem 2.8rem
    }
}

.awards__award {
    justify-content: space-between
}

.awards__award:hover .award__title {
    opacity: 1;
    color: #c76666
}

.awards__award:hover .award__description p {
    opacity: 1
}

.awards__award:hover .award__date p {
    opacity: 1;
    color: #c76666
}

@media(max-width: 767px) {
    .awards__award {
        margin-bottom: 1rem
    }
}

@media screen and (max-height: 668px)and (min-width: 374px) {
    .awards__award {
        align-items: flex-end
    }
}

.awards__date__wrapper {
    padding-bottom: .5rem
}

.awards__award__title__wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 3rem;
    position: relative;
    z-index: 2
}

@media(max-width: 767px) {
    .awards__award__title__wrapper {
        gap: 1rem
    }
}

.award__title {
    color: #c1ac9b;
    font-size: 5.3rem;
    line-height: 7.5rem;
    text-transform: uppercase;
    transition: all .4s ease;
    opacity: .4;
    pointer-events: none;
    white-space: normal;
    display: inline-block
}

@media(max-width: 767px) {
    .award__title {
        white-space: normal;
        font-size: 2.5rem;
        line-height: 3.5rem;
        max-width: 30rem
    }
}

.award__description {
    pointer-events: none;
    margin-top: .5rem;
    text-transform: uppercase
}

@media(max-width: 1099px) {
    .award__description {
        margin-top: 1rem
    }
}

@media(max-width: 767px) {
    .award__description {
        display: none
    }
}

.award__description p {
    pointer-events: none;
    opacity: 0;
    color: #c76666;
    font-size: 1.5rem;
    max-width: 32.5rem;
    transition: all .4s ease
}

@media(max-width: 767px) {
    .award__description p {
        font-size: .9rem;
        line-height: 1rem
    }
}

.award__date {
    position: relative;
    z-index: 2
}

.award__date p {
    transition: all .4s ease;
    font-size: 1.5rem;
    color: #c1ac9b;
    opacity: .4
}

.award__image__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    pointer-events: none
}

.award__image__wrapper img {
    width: 31.8rem;
    height: 46.8rem;
    opacity: 1 !important;
    visibility: 1
}

@media(max-width: 767px) {
    .award__image__wrapper img {
        width: 13.3rem;
        height: 19.3rem
    }
}

.media__show__more__button {
    cursor: pointer;
    margin: 0 auto;
    font-family: "Archivo" !important;
    font-weight: 500 !important;
    text-wrap: nowrap;
    color: #222020 !important;
}

@media(max-width: 767px) {
    .media__show__more__button {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.media__show__more__button__wrapper {
    margin-top: 8rem
}

.creativeDirection {
    color: #742230;
    position: relative;
    background: #9d3547
}

.creative__direction__container {
    padding-bottom: 31rem;
    position: relative;
    z-index: 2
}

@media(max-width: 767px) {
    .creative__direction__container {
        padding-bottom: 10rem
    }
}

.creative__direction__title {
    color: #742230
}

@media(max-width: 767px) {
    .creative__direction__title {
        font-size: 7.1rem !important;
        line-height: 6.7rem !important
    }
}

.creative__direction__header__image {
    top: 45% !important;
    width: 24.8rem !important;
    height: 27.3rem !important
}

@media(max-width: 1099px) {
    .creative__direction__header__image {
        margin-top: 6rem
    }
}

@media(max-width: 767px) {
    .creative__direction__header__image {
        width: 6.7rem !important;
        height: 7.4rem !important;
        top: 50% !important;
        margin-top: 0rem
    }
}

.creative__direction__header__quote {
    max-width: 57rem !important;
    margin-top: 10rem;
    color: #faf9f5
}

@media(max-width: 767px) {
    .creative__direction__header__quote {
        margin-top: 6rem;
        max-width: 30rem !important
    }
    .creative__direction__header__quote p {
        font-size: 2.2rem !important;
        line-height: 3rem !important
    }
}

.creative__project__section {
    margin-top: 11.1rem
}

@media(max-width: 767px) {
    .creative__project__section {
        margin-top: 6rem
    }
}

.creative__project {
    padding-left: 4.4rem;
    padding-right: 4.4rem;
    position: relative
}

@media(max-width: 767px) {
    .creative__project {
        padding-left: 2.8rem;
        padding-right: 2.8rem
    }
}

.creative__project__title__wrapper {
    justify-content: space-between;
    padding: 5.3rem 0rem;
    cursor: pointer
}

@media(max-width: 767px) {
    .creative__project__title__wrapper {
        padding: 2.5rem 0rem
    }
}

.creative__project__title__wrapper h2 {
    font-size: 8.1rem;
    line-height: 1;
    font-family: "PP Editorial";
    text-transform: uppercase;
    margin-bottom: -2.5rem
}

@media(max-width: 1099px) {
    .creative__project__title__wrapper h2 {
        margin-bottom: -0.5rem
    }
}

@media(max-width: 767px) {
    .creative__project__title__wrapper h2 {
        font-size: 3rem;
        line-height: 1;
        margin-bottom: -0.5rem
    }
}

.creative__project__content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    overflow: hidden;
    height: 0rem;
    padding: 0rem
}

@media(max-width: 767px) {
    .creative__project__content {
        flex-direction: column
    }
}

.creative__project__image__wrapper {
    align-items: flex-end
}

@media(max-width: 767px) {
    .creative__project__image__wrapper {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 3.2rem
    }
}

.creative__project__image {
    width: 33.6rem;
    height: 47rem
}

@media(max-width: 767px) {
    .creative__project__image {
        width: 14.7rem;
        height: 20.6rem
    }
}

.creative__project__services {
    margin-left: 9.6rem
}

@media(max-width: 767px) {
    .creative__project__services {
        margin-left: 1.1rem
    }
}

.creative__project__service {
    margin-top: 2.5rem;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: .11rem;
    font-family: "Archivo";
    font-weight: 600;
    text-transform: uppercase
}

@media(max-width: 1099px) {
    .creative__project__service {
        font-size: 1.3rem
    }
}

@media(max-width: 767px) {
    .creative__project__service {
        font-size: .9rem;
        margin-top: 1.5rem
    }
}

.creative__project__para {
    max-width: 38rem
}

@media(max-width: 1099px) {
    .creative__project__para p {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

@media(max-width: 767px) {
    .creative__project__para p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.creative__detail__client__book {
    margin-top: 16rem
}

@media(max-width: 767px) {
    .creative__detail__client__book {
        margin-top: 2rem
    }
}

.creative__project__plus__wrapper {
    width: 7.9rem;
    height: 7.9rem;
    position: relative;
    border: solid .1rem #f8f3e8;
    border-radius: 50%;
    overflow: hidden
}

.creative__project__plus__wrapper span {
    position: absolute
}

.creative__project__plus__wrapper .creative__direction__plus {
    transform-origin: right top;
    pointer-events: none
}

.creative__project__plus__wrapper .creative__direction__plus svg {
    width: 4rem;
    height: 4rem
}

@media(max-width: 767px) {
    .creative__project__plus__wrapper .creative__direction__plus svg {
        width: 2rem;
        height: 2rem
    }
}

.creative__project__plus__wrapper .creative__direction__arrow svg {
    width: 2.5rem;
    height: 2.5rem
}

@media(max-width: 767px) {
    .creative__project__plus__wrapper .creative__direction__arrow svg {
        width: 1.5rem;
        height: 1.5rem
    }
}

@media(max-width: 767px) {
    .creative__project__plus__wrapper {
        width: 4rem;
        height: 4rem
    }
}

.creative__project__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.creative__bottom__gadh::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background: linear-gradient(0deg, rgb(157, 53, 71) 0%, rgba(255, 255, 255, 0) 100%)
}

.creative__bottom__gadh::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background: linear-gradient(0deg, rgb(157, 53, 71) 0%, rgba(255, 255, 255, 0) 100%)
}

@media(max-width: 767px) {
    .creative__bottom__gadh::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transform: rotate(180deg);
        height: 6rem;
        background: linear-gradient(0deg, rgb(157, 53, 71) 0%, rgba(255, 255, 255, 0) 100%)
    }
}

@media(max-width: 767px) {
    .creative__bottom__gadh {
        height: 48rem;
        background-position-y: 0rem
    }
}

.creative__page__top__background {
    background-position-y: 0rem;
    height: 102rem
}

@media(max-width: 767px) {
    .creative__page__top__background {
        height: 48rem
    }
}

.creative__page__top__background::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background: linear-gradient(0deg, rgb(157, 53, 71) 0%, rgba(255, 255, 255, 0) 100%)
}

@media(max-width: 767px) {
    .creative__page__top__background::after {
        height: 35rem
    }
}

.creative__project__link__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contact {
    position: relative;
    overflow-x: clip
}

@media(max-width: 1099px) {
    .contact__container {
        height: 85.5vh
    }
}

@media(max-width: 767px) {
    .contact__container {
        height: auto
    }
}

.contact__page__background__image__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.contact__page__background__image__wrapper img {
    opacity: 1 !important
}

@media(max-width: 767px) {
    .contact__page__background__image__wrapper {
        display: none
    }
}

.contact__page__background__image__wrapper.tablet {
    display: none
}

@media(max-width: 1099px) {
    .contact__page__background__image__wrapper.tablet {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: -1
    }
}

@media(max-width: 767px) {
    .contact__page__background__image__wrapper.tablet {
        display: none
    }
}

.contact__page__background__image__wrapper.mobile {
    display: none
}

@media(max-width: 767px) {
    .contact__page__background__image__wrapper.mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        height: 100vh
    }
}

.contact__page__background__image__wrapper.mobile img {
    opacity: 1 !important
}

.contact__page__title {
    color: #cdc84b;
    font-size: 30rem
}

@media(max-width: 1099px) {
    .contact__page__title {
        margin-top: 35rem !important
    }
}

@media(max-width: 767px) {
    .contact__page__title {
        font-size: 8.3rem !important;
        line-height: 1 !important;
        margin-top: 0rem !important
    }
}

.contact__form__section {
    margin-top: 10rem;
    max-width: 45rem;
    width: 100%
}

@media(max-width: 1099px) {
    .contact__form__section {
        margin-top: 25rem
    }
}

@media(max-width: 767px) {
    .contact__form__section {
        padding: 0rem 2.2rem;
        margin-top: 10rem
    }
}

.contact__form__section .form__title {
    text-transform: capitalize;
    font-style: italic;
    margin-bottom: 1rem
}

@media(max-width: 1099px) {
    .contact__form__section .form__title {
        font-size: 3.5rem;
        margin-bottom: 6rem
    }
}

@media(max-width: 767px) {
    .contact__form__section .form__title {
        font-size: 2.5rem;
        margin-bottom: 2rem
    }
}

.contact__form__section .contact__form {
    margin-top: 5rem;
    width: 100%
}

.contact__form__section .contact__form .contact__form__message {
    width: 100%;
    height: auto;
    background: none;
    outline: none;
    border: none;
    box-shadow: 0rem .05rem 0rem #222020;
    font-family: "Archivo";;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: .07rem;
    text-align: center;
    padding-bottom: .7rem;
    max-width: 45rem
}

.contact__form__section .contact__form .contact__form__message::placeholder {
    text-transform: uppercase
}

@media(max-width: 767px) {
    .contact__form__section .contact__form .contact__form__message {
        font-size: 1rem
    }
}

.contact__form__section .contact__form .contact__form__submit {
    cursor: pointer;
    width: 10rem;
    height: 3.5rem;
    background-color: #4d3c3f;
    color: #faf9f5;
    margin-top: 3.4rem;
    transition: all .3s ease;
    border: .1rem solid #4d3c3f
}

.contact__form__section .contact__form .contact__form__submit:hover {
    background-color: #faf9f5;
    color: #4d3c3f
}

.contact__address__wrapper {
    max-width: 30rem;
    margin-top: 9rem;
    text-align: center;
    margin-bottom: 10rem
}

@media(max-width: 767px) {
    .contact__address__wrapper {
        max-width: 26rem;
        margin-top: 11rem
    }
}

@media(max-width: 767px) {
    .contact__address__wrapper p {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.contact__page__email {
    margin-top: 7rem;
    margin-bottom: 5rem;
    font-size: 2rem;
    font-style: italic;
    color: #222020
}

@media(max-width: 1099px) {
    .contact__page__email {
        border-bottom: .05rem #000 solid
    }
}

@media(max-width: 767px) {
    .contact__page__email {
        margin-top: 9rem;
        margin-bottom: 0rem;
        font-size: 1.7rem;
        text-align: center
    }
}

.contact__page__email.white {
    color: #faf9f5
}

.contact__form__input {
    margin-top: 2rem;
    width: 100%;
    height: auto;
    background: none;
    outline: none;
    border: none;
    box-shadow: 0rem .05rem 0rem #222020;
    font-family: "Archivo";;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: .07rem;
    text-align: center;
    padding-bottom: .7rem
}

@media(max-width: 767px) {
    .contact__form__input {
        font-size: 1rem
    }
}

.contact__form__input::placeholder {
    text-transform: uppercase;
    text-align: center;
    width: 100%
}

@media(max-width: 1099px) {
    .contact__page__header {
        margin-top: -17rem;
        padding-top: 0rem
    }
}

@media(max-width: 767px) {
    .contact__page__header {
        margin-top: 0rem;
        padding-top: 12.3rem
    }
}

.contact__form__loader {
    width: 1.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    display: none;
    margin-top: 3rem;
    animation: l5 1s infinite linear alternate
}

@keyframes l5 {
    0% {
        box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, .1333333333);
        background: #000
    }
    33% {
        box-shadow: 20px 0 #000, -20px 0 rgba(0, 0, 0, .1333333333);
        background: rgba(0, 0, 0, .1333333333)
    }
    66% {
        box-shadow: 20px 0 rgba(0, 0, 0, .1333333333), -20px 0 #000;
        background: rgba(0, 0, 0, .1333333333)
    }
    100% {
        box-shadow: 20px 0 rgba(0, 0, 0, .1333333333), -20px 0 #000;
        background: #000
    }
}

.contact__address__social__wrapper {
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem
}

.contact__social__icon__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem
}

.contact__social__icon__wrapper .contact__social__icon {
    width: 2rem;
    height: 2rem
}

.contact__social__icon__wrapper svg {
    width: 2rem;
    height: 2rem
}

.brandStrategy {
    position: relative
}

.brand__strategy__container {
    padding-bottom: 10rem;
    position: relative;
    z-index: 2
}

.brand__strategy__page__title {
    color: #c5c1b6
}





@media(max-width: 767px) {
    .brand__strategy__page__title {
        font-size: 7.1rem !important;
        line-height: 6.7rem !important
    }
}

.brand__strategy__header__image {
    top: 44% !important;
    width: 18.6rem !important;
    height: 34.1rem !important
}

@media(max-width: 1099px) {
    .brand__strategy__header__image {
        top: 55% !important
    }
}

@media(max-width: 767px) {
    .brand__strategy__header__image {
        width: 7.6rem !important;
        height: 16.1rem !important;
        top: 70% !important
    }
}

.brand__strategy__header__quote {
    margin-top: 11rem;
    max-width: 70rem !important;
    margin-bottom: 4rem
}

@media(max-width: 767px) {
    .brand__strategy__header__quote {
        max-width: 30rem !important;
        margin-top: 10rem
    }
}

@media(max-width: 767px) {
    .brand__strategy__header__quote p {
        font-size: 2.2rem !important;
        line-height: 2.7rem !important
    }
}

.brand__strategy__description__wrapper {
    margin-top: 10rem;
    margin-left: 4.3rem;
    margin-right: 4.3rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 1.6rem
}

@media(max-width: 1099px) {
    .brand__strategy__description__wrapper {
        margin-top: 6rem
    }
}

@media(max-width: 767px) {
    .brand__strategy__description__wrapper {
        flex-direction: column;
        margin-left: 1.6rem;
        margin-right: 1.6rem;
        margin-top: 4rem;
        gap: 3.6rem
    }
}

.brand__strategy__description__wrapper.brand__strategy__accordion {
    margin-left: 0;
    margin-right: 0;
    margin-top: 4rem;
    gap: 3.2rem
}

@media(max-width: 767px) {
    .brand__strategy__description__wrapper.brand__strategy__accordion {
        margin-top: 4rem
    }
}

.brand__strategy__description__wrapper .brand__strategy__description {
    max-width: 41.8rem;
    width: 100%
}

@media(max-width: 1099px) {
    .brand__strategy__description__wrapper .brand__strategy__description p {
        font-size: 2.4rem;
        line-height: 3rem
    }
}

@media(max-width: 767px) {
    .brand__strategy__description__wrapper .brand__strategy__description p {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

@media(max-width: 1099px) {
    .brand__strategy__description__wrapper .brand__strategy__description:first-child p {
        font-size: 2.7rem;
        line-height: 3.2rem
    }
}

@media(max-width: 767px) {
    .brand__strategy__description__wrapper .brand__strategy__description:first-child p {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
}

.brand__strategy__tree__animation__wrapper {
    margin-top: 40rem;
    margin-bottom: 17rem
}

.brand__stratey__tree {
    width: 49.2rem;
    height: 55.2rem
}

.brand__strategy__brand__accordion {
    margin-top: 10rem;
    padding-left: 4.3rem;
    padding-right: 4.3rem;
    width: 100%
}

@media(max-width: 767px) {
    .brand__strategy__brand__accordion {
        margin-top: 6rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.brand__accordion__title__wrapper {
    padding-bottom: 2rem;
    justify-content: space-between;
    border-bottom: solid .1rem #222020;
    cursor: pointer
}

@media(max-width: 767px) {
    .brand__accordion__title__wrapper {
        padding-bottom: 2rem
    }
}

.brand__accordion__title {
    font-size: 10.9rem;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .brand__accordion__title {
        font-size: 3rem;
        line-height: 1
    }
}

.brand__accordion__plus {
    width: 8.8rem;
    height: 8.8rem;
    border: solid .1rem #222020;
    border-radius: 50%;
    transform-origin: center center
}

.brand__accordion__plus svg {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 767px) {
    .brand__accordion__plus svg {
        width: 2rem;
        height: 2rem
    }
}

@media(max-width: 767px) {
    .brand__accordion__plus {
        width: 4rem;
        height: 4rem;
        padding-left: 0rem
    }
}

.brand__accordion__info__wrapper {
    margin-top: 4rem;
    justify-content: space-between
}

.brand__info__text {
    letter-spacing: .2rem;
    line-height: 1;
    text-transform: uppercase
}

@media(max-width: 767px) {
    .brand__info__text {
        font-size: .9rem;
        line-height: 1
    }
}

.brand__images__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    margin-top: 4rem
}

@media(max-width: 767px) {
    .brand__images__wrapper {
        flex-direction: column;
        margin-top: 7rem
    }
}

.brand__images__wrapper .accordion__brand__image {
    width: 100%
}

.brand__images__wrapper .accordion__brand__image.three__image {
    width: 41.6rem;
    height: 41.6rem
}

@media(max-width: 767px) {
    .brand__images__wrapper .accordion__brand__image.three__image {
        width: 100%;
        height: auto
    }
}

.brand__accordion__content__wrapper {
    height: 0rem;
    overflow: hidden
}

.lottie__container.brand__strategy {
    background: rgba(0, 0, 0, 0) !important
}

@media(max-width: 767px) {
    .brand__strategy__animation {
        height: 50rem
    }
}

.brand__strategy__top__gadh {
    background-position-y: -10rem
}

.brand__strategy__top__gadh::after {
    content: "";
    position: absolute;
    bottom: 10rem;
    left: 0;
    width: 100%;
    height: 50rem;
    background: linear-gradient(0deg, rgb(234, 236, 225) 27%, rgba(255, 255, 255, 0) 80%)
}

@media(max-width: 767px) {
    .brand__strategy__top__gadh {
        height: 75vh
    }
}

.brand__strategy__bottom__gadh {
    background-position-y: 48rem
}

.brand__strategy__bottom__gadh::before {
    content: "";
    position: absolute;
    top: 54rem;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 30rem;
    background: linear-gradient(180deg, rgb(234, 236, 225) 0%, rgba(255, 255, 255, 0) 100%)
}

@media(max-width: 767px) {
    .brand__strategy__bottom__gadh::before {
        top: 14rem;
        height: 15rem
    }
}

.brand__strategy__bottom__gadh::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20rem;
    background: linear-gradient(0deg, rgb(234, 236, 225) 0%, rgba(255, 255, 255, 0) 100%)
}

@media(max-width: 767px) {
    .brand__strategy__bottom__gadh {
        background-position-y: 10rem;
        height: 70vh
    }
}

.creativeDetail__container {
    position: relative;
    z-index: 1;
    padding-bottom: 10rem;
    overflow: hidden
}

.creative__detail__hero__section {
    position: relative
}

.creative__detail__hero__section img {
    opacity: 1 !important
}

.detail__hero__section__image {
    width: 100%;
    height: 100vh
}

@media(max-width: 767px) {
    .detail__hero__section__image {
        height: 50rem
    }
}

.detail__title {
    text-transform: capitalize;
    position: absolute;
    left: 4.3rem;
    bottom: 6.5rem
}

@media(max-width: 1099px) {
    .detail__title {
        font-size: 6.9rem !important;
        line-height: 1
    }
}

.creative__detail__video__wrapper {
    width: 100%;
    height: auto;
    margin-top: 6rem
}

@media(max-width: 767px) {
    .creative__detail__video__wrapper {
        margin-top: 3rem
    }
}

.creative__detail__video__wrapper video {
    width: 100%;
    height: 80vh
}

.service__section__title,
.service__section__sub__title {
    font-size: 2rem;
    display: block;
    text-align: center
}

.service__section__sub__title {
    margin-bottom: 9rem
}

.service__section__title {
    letter-spacing: .2rem
}

.service__section__label {
    text-transform: capitalize;
    font-size: 2rem;
    display: inline-block;
    text-align: center;
    margin-bottom: 12rem;
    margin-top: 14rem;
    cursor: pointer
}

.service__project__section {
    margin-bottom: 6rem
}

.service__projects__name__wrapper {
    margin-top: 6rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 3.5rem;
    max-width: 115rem
}

@media(max-width: 767px) {
    .service__projects__name__wrapper {
        justify-content: center;
        gap: 4rem
    }
}

.service__project__name__wrapper {
    width: 26rem
}

@media(max-width: 767px) {
    .service__project__name__wrapper {
        width: 12rem
    }
}

.service__project__name {
    font-size: 1.7rem;
    cursor: pointer;
    line-height: 1.5;
    text-align: center
}

@media(max-width: 767px) {
    .service__project__name {
        font-size: 1.2rem
    }
}

.service__project__name.active {
    border-bottom: .1rem solid #222020
}

.service__project__slider__wrapper {
    margin-top: 0rem;
    position: relative;
    height: 0rem;
    overflow: hidden
}

.project__slider {
    width: 100%;
    padding: 0rem 4.5rem;
    height: 0rem;
    opacity: 0;
    overflow-x: hidden
}

@media(max-width: 767px) {
    .project__slider {
        padding: 0rem 2.8rem
    }
}

.project__slider__title__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media(max-width: 767px) {
    .project__slider__title__wrapper {
        flex-direction: column
    }
}

.project__slider__title__wrapper h2 {
    font-size: 4.5rem;
    line-height: 1.5
}

@media(max-width: 767px) {
    .project__slider__title__wrapper h2 {
        font-size: 2.6rem;
        line-height: 3.2rem;
        margin-bottom: 3rem
    }
}

.project__slider__title__wrapper p {
    max-width: 53rem
}

@media(max-width: 767px) {
    .project__slider__title__wrapper p {
        font-size: 1.6rem;
        line-height: 2.1rem
    }
}

.project__slider__images__wrapper {
    margin-top: 9rem;
    width: fit-content;
    justify-content: flex-start;
    gap: 1.4rem;
    flex-wrap: nowrap;
    transition: all .9s cubic-bezier(0.19, 1, 0.22, 1)
}

@media(max-width: 767px) {
    .project__slider__images__wrapper {
        margin-top: 2rem;
        gap: 1.4rem
    }
}

.project__slider__images__wrapper .project__slider__image {
    min-width: 57.3rem;
    height: 71.6rem
}

@media(max-width: 767px) {
    .project__slider__images__wrapper .project__slider__image {
        min-width: 24rem;
        height: 36rem
    }
}

.creative__detail__mobile__title {
    display: none
}

@media(max-width: 767px) {
    .creative__detail__mobile__title {
        display: block;
        position: static;
        color: #222020;
        font-size: 4.5rem !important;
        line-height: 4rem;
        padding: 0rem 2.8rem;
        margin-top: 6rem
    }
}

@media(max-width: 767px) {
    .creative__detail__hero__title {
        display: none
    }
}

@media(max-width: 767px) {
    .service__title__section {
        margin-top: 9rem
    }
}

.creative__detail__image__wrapper {
    flex-wrap: nowrap;
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important;
    padding: 0 !important;
    margin: 0 !important
}

.creative__detail__image__wrapper figure {
    width: max-content !important;
    height: 36rem !important
}

@media(max-width: 767px) {
    .creative__detail__image__wrapper figure {
        height: 36rem !important;
        width: 24rem !important
    }
}

.creative__detail__scroll {
    width: 100%;
    overflow: hidden
}

.creative__detail__one__image,
.creative__detail__two__image,
.creative__detail__three__image {
    width: fit-content !important
}

.creative__detail__scroll__wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    width: max-content;
    transition: all .9s cubic-bezier(0.19, 1, 0.22, 1)
}

.creative__detail__description__wrapper {
    margin-top: 10rem;
    margin-bottom: 12rem;
    display: grid;
    justify-content: space-between;
    align-items: flex-start;
    grid-template-columns: 1fr 1fr;
    gap: 4rem
}

@media(max-width: 767px) {
    .creative__detail__description__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 2rem;
        margin-top: 2rem;
        margin-bottom: 4.5rem
    }
}

.drag__direction__arrow__right {
    display: flex;
    justify-content: flex-end
}

.drag__direction__arrow__right svg {
    margin: 2.5rem;
    width: 3rem;
    height: 3rem;
    transform: rotate(45deg)
}

.drag__direction__arrow__right svg path {
    fill: #222020
}

.creative__detail__image {
    opacity: 1 !important;
    visibility: visible !important;
    width: max-content !important;
    height: 100vh
}

.creative__detail__image img {
    opacity: 1 !important;
    visibility: visible !important
}

@media(max-width: 767px) {
    .creative__detail__image {
        height: 36rem !important;
        width: 28rem !important
    }
}

.service__section__title__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12rem 8rem;
    padding-right: 13rem;
    padding-bottom: 0rem
}

@media(max-width: 767px) {
    .service__section__title__wrapper span {
        font-size: 1.3rem;
        line-height: 1;
        letter-spacing: .13rem
    }
}

@media(max-width: 767px) {
    .service__section__title__wrapper {
        padding-top: 8.4rem;
        padding-left: 2rem;
        padding-bottom: 0rem;
        padding-right: 0;
        justify-content: flex-start;
        margin-bottom: -5rem
    }
}

.service__tab__options__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.5rem
}

@media(max-width: 767px) {
    .service__tab__options__wrapper {
        display: none
    }
}

.service__tab__options__wrapper .service__options__tab {
    cursor: pointer;
    transition: all .3s ease
}

.service__tab__options__wrapper .service__options__tab.active__tab {
    text-decoration: underline;
    text-underline-offset: .5rem;
    text-decoration-thickness: .05rem
}

.project__accordion__content__wrapper:last-child {
    border-bottom: .1rem solid #222020
}

.project__accordion__title__wrapper {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: .1rem solid #222020;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

@media(max-width: 767px) {
    .project__accordion__title__wrapper {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem
    }
}

.project__accordion__title__wrapper .project__accordion__arrow {
    transform: rotate(45deg)
}

.project__accordion__title__wrapper .project__accordion__arrow svg {
    width: 2rem;
    height: 2rem
}

@media(max-width: 767px) {
    .project__accordion__title__wrapper .project__accordion__arrow svg {
        width: 1.5rem;
        height: 1.5rem
    }
}

.project__accordion__title__wrapper .project__title__right__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9rem;
    padding-right: .5rem
}

.project__accordion__title__wrapper h2 {
    font-size: 4.5rem;
    line-height: 1;
    height: 4rem
}

@media(max-width: 767px) {
    .project__accordion__title__wrapper h2 {
        font-size: 2.6rem;
        line-height: 3.2rem;
        margin-bottom: 3rem;
        height: 0
    }
}

.service__accordion__tabs__wrapper {
    padding: 0rem 8rem;
    position: relative;
    min-height: 14rem
}

@media(max-width: 767px) {
    .service__accordion__tabs__wrapper {
        padding: 0rem 2.5rem
    }
}

.project__accordion__description {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 5rem
}

@media(max-width: 767px) {
    .project__accordion__description {
        padding-top: 2.5rem
    }
}

.project__accordion__description p {
    max-width: 53rem;
    text-indent: 11rem
}

@media(max-width: 767px) {
    .project__accordion__description p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.project__main__content__wrapper {
    height: 0;
    padding-bottom: 0rem;
    opacity: 0;
    pointer-events: none
}

@media(max-width: 767px) {
    .project__main__content__wrapper {
        overflow: hidden;
        display: flex;
        flex-direction: column-reverse
    }
}

.service__accordion__main__wrapper {
    width: 100%;
    margin-top: 16.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

@media(max-width: 767px) {
    .service__accordion__main__wrapper {
        flex-direction: column;
        margin-top: 10rem
    }
}

.service__accordion__wrapper {
    max-width: 64rem
}

@media(max-width: 767px) {
    .service__accordion__wrapper {
        max-width: 100%;
        margin-top: 3rem
    }
}

.service__name {
    font-size: 6.5rem;
    line-height: 7.3rem;
    max-width: 50rem !important;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .service__name {
        font-size: 3.8rem;
        line-height: 4.5rem
    }
}

.creative__direction__slider__arrow__wrapper {
    display: none
}

@media(max-width: 767px) {
    .creative__direction__slider__arrow__wrapper {
        display: flex
    }
}

.creative__direction__slider__arrow__wrapper svg {
    cursor: pointer;
    transition: all .3s ease
}

.creative__direction__slider__arrow__wrapper svg:hover {
    opacity: .7
}

.creative__direction__slider__arrow__wrapper svg:last-child {
    transform: rotate(180deg)
}

.main__slider__arrows__wrapper {
    padding-left: 2rem;
    padding-right: 2rem
}

@media(max-width: 767px) {
    .creative__detail__quote {
        margin-top: 1.5rem !important;
        font-size: 2.6rem !important
    }
}

@media(max-width: 767px) {
    .creative__detail__quote p {
        font-size: 2.6rem !important;
        line-height: 3.4rem !important;
        text-align: left;
        margin-top: 1.5rem !important
    }
}

.service__project__type {
    font-size: 1.8rem;
    line-height: 1;
    font-family: "Archivo";
    font-weight: 500;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .service__project__type {
        display: none;
        font-family: "PP Editorial";
        font-size: 1.4rem;
        font-style: italic;
        line-height: 3rem
    }
}

.service__project__type.mobile__year {
    display: none
}

@media(max-width: 767px) {
    .service__project__type.mobile__year {
        display: block
    }
}

.service__project__type:nth-child(2) {
    margin-left: 11rem;
    height: 2rem
}

.policy__text {
    margin: 20rem auto;
    padding: 0rem 12rem;
    max-width: 96rem
}

@media(max-width: 767px) {
    .policy__text {
        padding: 0rem 2rem;
        margin: 15rem auto
    }
    .policy__text p {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
}




.make_text {
    padding: 30px 15px;
    border-top: 2px solid #c2a395;
    border-bottom: 2px solid #c2a395;
    margin: 0 auto 0;
    position: absolute;
    left: 50%;
    top: 17rem;
    transform: translateX(-50%);
    z-index: 1;
    width: 73.3rem;
}


@media (min-width:1400px){
    .map__elements__image2 {
        top: 34rem;
    }
    .pea_rt_img {
        width: 34rem;
    }
}

@media (min-width:1800px){
    .map__elements__image2 {
        top: 33rem;
    }
    .pea_rt_img {
        width: 33rem;
    }
}


@media (min-width:1890px){
    .map__elements__image2 {
        left: 31px;
        top: 32.5rem;
    }
}

@media (min-width:1920){
    .map__elements__image2 {
        left: 31px;
        top: 33rem;
    }
}




/* About Css */
.about_page{
    background: url(../images/About-US2.jpg) no-repeat left top;
    background-size: cover;
}

.about_page_new{
    background: url(../images/About-new.jpg) no-repeat left top;
    background-size: cover;
    height: 100%;
}

.invitations_page .about_page_new{
    background: url(../images/Invites_bg.jpg) no-repeat left top;
    background-size: cover;
    height: 100%;
}


.container_custom {
    width: 128.4rem;
    margin: 0 auto;
}

.about_page img {
    opacity: 1;
    width: auto;
}
.about_top_img {
    padding-left: 0;
    text-align: center;
    width: 65rem;
    margin-left: 16rem;
}
.about_top_img img {
    width: 100%;
}

.about_hd {
    margin-top: -24rem;
}

.About_pic_cntr img {
    width: 100%;
}
.About_pic_cntr {
    width: 51.4rem;
    margin: 120px auto 0;
}
.About_tx {
    text-align: center;
    max-width: 95.4rem;
    margin: 25px auto 40px;
    width: 100%;
}
.About_tx p {
    white-space: inherit;
    color: #d8bdac;
    margin-bottom: 40px;
    font-size: 27pt;
    line-height: 38px;
}
.About_tx p.italic {
    font-style: italic;
}
.About_tx  p.Itchha_txxt {
    padding: 0 0;
    max-width: 81.4rem;
    width: 100%;
    margin: 0 auto 40px;
}
.About_tx p.plrt {
    padding: 0 0;
    max-width: 78.4rem;
    width: 100%;
    margin: 0 auto 40px;
}



.about_ftr_img img {
    width: 100%;
}
.about_hd img {
    width: 100%;
}

.About_lt_img {
    position: absolute;
    top: 64rem;
    left: 0px;
}
.About-rt_img {
    position: absolute;
    top: 96rem;
    right: 0;
}


.border-none {
    border: none !important;
}
.about_page_new .About_pic_cntr {
    margin-top: 0px;
    position: relative;
}
.about_hd_2 {
    position: absolute;
    top: -57px;
    left: -144px;
    max-width: 380px;
    width: 100%;
}
.about_page_new .About_tx_div {
    padding-top: 320px;
}
.about_page_new .About_lt_img {
    top: 52rem;
}

.about_page_new .About_tx {
    margin: 110px auto 40px;
}

.about_page_new .footer {
    margin: 0px;
    padding-top: 0;
    padding-bottom: 0;
    height: 500px;
    display: flex;
    align-items: center;
}
.about_page_new .footer__links {
    gap: 0;
    margin-bottom:0;
}
.about_page_new .footer__link {
    font-weight: 500;
    color: #f1d6c2;
    font-size: 16pt;
    line-height: 24px;
    padding-bottom: 9px;
    margin-bottom: 6px;
}
.about_page_new .footer__link:last-child:after{
    display: none;
}
.about_page_new .About-rt_img {
    top: 21rem;
}





.invitations_page .About_tx p.italic, .invitations_page .About_tx p.Itchha_txxt {
    color: #020202;
}
.invitations_page .About_tx {
    margin: 70px auto 40px;
}

.invitations_page .About_lt_img {
    top: 32rem;
}
.invitations_page .About_tx {
    max-width: 114.4rem;
}
.invitations_page  p.Itchha_txxt {
    max-width: 114.4rem;
}

.invitations_page .footer__link {
    color: #804343;
}
.invitations_page .footer {
    height: 260px;
    border-bottom: 20px solid #000;
}
.PRINT_INVITES_dv {
    margin-top: 60px;
}
.view_more {
    text-align: center;
    margin: 10px 0 30px;
}
.VIEW_GALLERY_HD {
    font-weight: 500;
    color: #841c1e;
    font-size: 27pt;
    line-height: 43px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
	transition: 0.5s all ease;
}
.VIEW_GALLERY_HD:hover {
    color: #020202;
	transition: 0.5s all ease;
}
.VIEW_GALLERY_HD span {
    display: inline-block;
    border-bottom: 2px solid #841c1e;
}
.VIEW_GALLERY_HD:hover span {
    border-bottom: 2px solid #020202;
}
.VIEW_GALLERY_in img {
    width: 100%;
}
.VIEW_GALLERY_in {
    display: grid;
    gap: 0px;
    grid-template-columns: 31% 38% 31%;
}
.VIEW_GALLERY_bx {
    padding: 15px;
}
.VIEW_GALLERY_scn .container_custom {
    width: 120.4rem;
}
.invitations_page .About-rt_img {
    top: 15rem;
}
.invitations_page .About_pic_cntr {
    width: 58.4rem;
}
.et_pb_video_box {
	position: relative;
}

.video_overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 97%;
	cursor: pointer;
}
.video_overlap:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: url(../images/play_w.png) no-repeat center;
    background-size: 65px;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.video_overlap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

.video_overlap_img{
	width: 100%;
	height: 100%;
}
.et_pb_video_box video {
    width: 100% !important;
    position: relative;
    height: 100%;
    object-fit: cover;
}


.homepagevideo {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.homepagevideo:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.print_item, .E_Invites_item {
    display: none;
}



.invitations_inr_scn .VIEW_GALLERY_in {
    grid-template-columns: initial;
    display: flex;
    flex-wrap: wrap;
}
.invitations_inr_scn .VIEW_GALLERY_bx {
    width: 33.333%;
    padding: 15px 20px;
}
.invitations_inr_scn .VIEW_GALLERY_scn .container_custom {
    width: 97.4rem;
    margin-top: 65px;
}
.about_page_new .invitations_inr_scn .About_tx_div {
    padding-top: 300px;
}
.peek_dv h3 {
    font-size: 36pt;
    line-height: 44px;
    text-align: center;
    color: #020202;
    font-family: 'Dubiel';
    font-weight: 500;
}
.envite_btn_dv {
    text-align: center;
    margin-top: 50px;
}
.envite_btn {
    display: inline-block;
    width: 250px;
    height: 52px;
    background: #d9bab2a3;
    font-size: 17pt;
    letter-spacing: 2px;
    color: #020202;
    line-height: 52px;
    margin: 5px 16px;
    transition: all ease .5s;
}
.envite_btn:hover {
    background: #020202;
    color: #dbbcb4;
    transition: all ease .5s;
}


.VIEW_GALLERY_scn .tabs_hd {
    font-size: 100pt;
    color: #020202;
    font-family: 'Tantinotes';
    text-transform: initial;
    line-height: 110pt;
    text-align: center;
    font-weight: 500;
}
.VIEW_GALLERY_bx h3 {
    font-size: 17pt;
    letter-spacing: 2px;
    color: #020202;
    line-height: 30px;
    margin: 30px 0 10px 0;
    text-align: center;
    text-transform: uppercase;
}



.invitations_page .invitations_inr_scn .About-rt_img {
    top: 210px;
}

.invitations_page .invitations_inr_scn .About_lt_img {
    top: 5.5rem;
}


/* Clients Css */
.Clients .invitations_inr_scn .About_tx_div {
    padding-top: 260px;
}

.Clients .peek_dv p {
    font-size: 27pt;
    line-height: 38px;
    text-align: center;
    color: #020202;
    margin-top: 50px;
}
.Logo_section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Logo_section ul li{
    display: inline-block;
    width: 25%;
    border-bottom: 1px solid #020202;
    border-right: 1px solid #020202;
}
.Logo_section ul li:nth-child(4n+4) {
    border-right: 0;
}
.Logo_section ul li:nth-child(4n+1):nth-last-child(-n+4), .Logo_section ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    border-bottom: 0 solid #e5e5e5;
}
.Logo_section ul li a {
    display: flex;
    height: 100%;
    padding: 25px;
    align-items: center;
    justify-content: center;
    transition: 0.5s all ease-in-out;
}
.Logo_section ul li a:hover{
    background: #fff;
    transition: 0.5s all ease-in-out;
}




.Logo_section .item3 {
    justify-content: start;
}
.Logo_section .item3 li{
    display: inline-block;
    width: 33.333%;
    border-bottom: 1px solid #706766;
    border-right: 1px solid #706766;
}
.Logo_section .item3 li:nth-child(4n+4) {
    border-right: 1px solid #706766;
}
.Logo_section .item3 li:nth-child(3n+3) {
    border-right: 0;
}
.Logo_section .item3 li:nth-child(3n+1):nth-last-child(-n+3), .Logo_section .item3 li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    border-bottom: 0 solid #e5e5e5 !important;
}
/*
.Logo_section .item3 li:nth-child(4n+1):nth-last-child(-n+4), .Logo_section .item3 li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    border-bottom: 0px solid #e5e5e5 !important;
}
*/
.Logo_section .item3 li a {
    display: flex;
    height: 100%;
    padding: 25px;
    align-items: center;
    justify-content: center;
    transition: 0.5s all ease-in-out;
}
.Logo_section .item3 li a:hover{
    background: #fff;
    transition: 0.5s all ease-in-out;
}

.Logo_section {
    margin-bottom: 100px;
}
.Clients .invitations_inr_scn {
    position: relative;
    overflow: hidden;
}
.Clients .invitations_inr_scn .About_lt_img {
    top: 30.5rem;
    width: 15%;
}
.Clients .invitations_inr_scn .About_lt_img img {
    width: 100%;
}


/* Contact css */
.Connect .peek_dv h4 {
    font-size: 27pt;
    line-height: 38px;
    text-align: center;
    color: #020202;
    text-transform: uppercase;
    margin: 15px 0 60px 0;
}
.Connect .peek_dv p {
    font-size: 27pt;
    line-height: 38px;
    text-align: center;
    color: #020202;
    margin: 0px 0 15px 0;
    white-space: initial;
}

.Connect .peek_dv p a {
    display: inline-block;
    font-style: italic;
}

.Connect_bx {
    /* background: rgb(128 67 67 / 52%); */
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 30px 40px 30px;
    margin-bottom: 100px;
}
.Connect_bx .form-contact {
    font-size: 16pt;
    line-height: 22px;
    text-align: left;
    color: #020202;
    margin: 0px 0 20px 0;
    width: 100%;
    background: transparent;
    border: none;
    border: 1px solid #020202;
    opacity: 1;
    outline: none !important;
    padding: 13px 15px;
    font-family: "Archivo Condensed";
}
.Connect_bx textarea.form-contact {
    height: 170px;
}
.Connect_bx ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #020202;
}
.Connect_bx ::-moz-placeholder { /* Firefox 19+ */
  color: #020202;
}
.Connect_bx :-ms-input-placeholder { /* IE 10+ */
  color: #020202;
}
.Connect_bx :-moz-placeholder { /* Firefox 18- */
  color: #020202;
}
.Connect_bx .form_btn {
    padding: 10px 50px;
    background: #804343;
    border: none !important;
    font-family: "Archivo Condensed";
    font-size: 20pt;
    line-height: 33px;
    text-align: left;
    color: #fff;
    border-radius: 40px;
    cursor: pointer;
}
.Connect_bx .form_btn:hover {
    background: #020202;
    color: #ffffff;
}
.Connect .invitations_inr_scn .About-rt_img {
    top: 184px;
}
.Connect .invitations_inr_scn {
    position: relative;
    overflow: hidden;
}

.max-width-768 {
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
}


.inner .home__clouds__section {
    position: static !important;
    height: auto !important;
    overflow: initial !important;
    z-index: inherit;
}
h2.title {
    font-size: 106pt;
    color: #ddbca9;
    font-family: 'Tantinotes';
    text-transform: initial;
    line-height: 106pt;
    text-align: center;
    font-weight: 400;
}
.invitations_page .title {
    color: #020202;
}

.nav__menu__button__wrapper {
    padding-left: 0;
    padding-right: 0;
    width: 220px !important;
    height: 115px;
    top: 84px;
	transition: 0.5s all ease;
    transition-duration: 1.5s;
}
body.js-add-active .nav__menu__button__wrapper {
    opacity: 0;
	transition: 0.5s all ease;
    transition-duration: 1.5s;
}
span.butterflower {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
    animation: flutter 1s infinite ease-in-out;
    transform-origin: center;
}
@keyframes flutter {
      0%, 100% {
        transform: scaleX(1);
      }
      50% {
        transform: scaleX(0.8);
      }
    }
.nav__menu__text {
    margin-top: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	white-space: inherit;
}
span.butterflower img {
    width: auto !important;
}
/*
body.js-add-active .maincontainer {
    border-top-color: #702e2f;
}
*/

 
.About_page .nav__text {
	color: #ddbca9 !important;
}




@media(max-width:1024px){
    .About_tx p {
        margin-bottom: 30px;
        font-size: 22pt;
        line-height: 35px;
    }
    .About-rt_img img, .About_lt_img img {
        width: 100%;
    }
    .About_lt_img {
        width: 30%;
        left: 0;
    }
	.About_lt_img, .About-rt_img {
		width: 100px;
	}
	.About_pic_cntr {
		width: 100%;
	}
	.About_pic_cntr img {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		float: none;
		display: block;
	}
	.about_page_new .About_tx {
		margin: 40px auto 0;
	}
	.About_tx {
		max-width: 100%;
	}
	.about_page_new .footer {
		padding: 50px 20px 0 20px;
    	height: auto;
	}
	.about_page_new .footer__link {
		font-size: 15px;
	}
	.About_tx p.plrt {
		max-width: 100%;
		width: 100%;
	}
	.About_tx  p.Itchha_txxt {
		padding: 0 0;
		max-width: 100%;
		width: 100%;
		margin: 0 auto 30px;
	}
	.nav__logo__wrapper {
		left: 0;
		transform: translateX(0);
		z-index: 12;
		top: 32px;
		max-width: 135px;
		padding-left: 20px;
	}
	.nav__menu__button__wrapper {
		width: auto !important;
		height: 78px;
		top: 50px;
    	right: 20px;
	}
	.nav__text {
		font-size: 20px;
	}
	span.butterflower img {
		max-width: 65px;
	}
	.about_hd_2 {
		left: 0;
		max-width: 100%;
		width: 100%;
	}
	.about_page_new .About_tx_div {
		padding-top: 190px;
	}
	h2.title {
		font-size: 68pt;
		line-height: 90pt;
	}
	.invitations_page .About_pic_cntr {
		width: 100%;
	}
	.VIEW_GALLERY_scn .container_custom {
		width: 100%;
	}
	.VIEW_GALLERY_HD {
		font-size: 20pt;
		line-height: 34px;
	}
	.about_page_new .About_tx p br {
		display: none;
	}
	.Logo_section ul li a {
		padding: 15px 10px;
	}
	.Logo_section ul li a img {
		height: 75px;
	}
	.Clients .invitations_inr_scn .About_tx_div {
		padding-top: 115px;
	}
	.invitations_page .invitations_inr_scn .About-rt_img {
		width: 100px;
	}
	.Clients .invitations_inr_scn .About_lt_img {
		width: 100px;
	}
	.Connect .peek_dv h4 {
		font-size: 22pt;
		line-height: 32px;
		margin: 15px 0 25px 0;
	}
	.Connect .peek_dv p {
		font-size: 17pt;
		line-height: 30px;
		margin: 0px 0 15px 0;
	}
	.Connect_bx {
		padding: 0 0 0 0;
		margin-bottom: 20px;
	}
	.about_page_new .invitations_inr_scn .About_tx_div {
		padding-top: 130px;
	}
	.VIEW_GALLERY_scn .tabs_hd {
		font-size: 70pt;
		line-height: 66pt;
	}
	.envite_btn {
		font-size: 15pt;
	}
	.invitations_inr_scn .VIEW_GALLERY_scn .container_custom {
		width: 90%;
	}
	.invitations_inr_scn .VIEW_GALLERY_bx {
		padding: 15px 10px;
	}
	.VIEW_GALLERY_bx h3 {
		font-size: 15pt;
		line-height: 25px;
		margin: 16px 0 10px 0;
	}
	.video_overlap:before {
		background-size: 40px;
	}
	.home__map__section {
		width: 95%;
	}
}
@media(max-width:991px){
	.footer {
		padding: 0rem 15px;
		margin-top: 0;
	}
}
@media(max-width:767px){
    .About_tx p {
        font-size: 24px;
        line-height: 27px;
    }
    .container_custom {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
    .About_pic_cntr {
        width: 100%;
        margin: 45px auto 0;
        padding: 0 20%;
    }
    .about_top_img {
        text-align: center;
        width: 100%;
        margin-left: 0;
        padding: 0 34% 0 24px;
    }
    .about_hd {
        margin-top: -22%;
    }
    .About_lt_img {
        width: 20%;
        left: 0;
        top: 56%;
    }
    .About-rt_img {
        width: 18%;
        top: 86%;
    }
    .About_tx p.plrt {
        padding: 0 0;
    }
	.About_tx p {
		font-size: 18pt;
		line-height: 32px;
	}
	 
	.footer__links.right {
		align-items: self-start;
	}
/*
	.footer__link:after {
		right: inherit;
		width: 50px;
		left: 50%;
		margin-left: -25px;
	}
*/
	.VIEW_GALLERY_in {
		grid-template-columns: 100%;
	}
	.VIEW_GALLERY_bx {
		padding: 15px 0;
	}
	span.butterflower {
		margin-left: 8px;
	}
	.Logo_section .item3 li a {
		padding: 16px 5px;
	}
/*
	.Logo_section ul li {
		width: 50% !important;
    	border-bottom: 1px solid #020202;
	}
    .Logo_section .item3 li:nth-child(3n+3) {
        border-right: 1px solid #706766;
    }
    .Logo_section .item3 li:nth-child(2n+2) {
        border-right: 0;
    }
    .Logo_section .item3 li:nth-child(2n+1):nth-last-child(-n+2), .Logo_section ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
        border-bottom: 0 solid #e5e5e5;
    }
	.Logo_section ul li:nth-child(2n+2) {
		border-right: 0;
	}
*/
	.about_page_new .footer {
		padding: 40px 20px 0 20px;
	}
	.Logo_section {
		margin-bottom: 30px;
	}
	.Clients .peek_dv p {
		font-size: 17pt;
		line-height: 31px;
		margin-top: 20px;
	}
	.invitations_inr_scn .VIEW_GALLERY_scn .container_custom {
		width: 90%;
		margin-top: 40px;
	}
	h2.title {
		font-size: 48pt;
		line-height: 75pt;
	}
	.VIEW_GALLERY_scn .tabs_hd {
		font-size: 52pt;
		line-height: 56pt;
	}
	.peek_dv h3 {
		font-size: 26pt;
		line-height: 34px;
	}
	.about_page_new .footer__links {
		width: 100%;
		display: flex;
	}
	.about_page_new .footer__link {
		font-size: 16px;
		margin-bottom: 16px;
		display: inline-block;
	}
	.footer__links.right {
		align-items: flex-end;
    	display: flex
	}
	.home__map__section {
		width: 95%;
		background-size: 100% !important;
		height: 616px !important;
	}
	.make_text {
		padding: 12px 0;
		top: 70px;
		width: 240px;
	}
	.map__elements__image1 {
		top: 164px;
		right: 8px;
		width: 9rem;
		height: auto;
	}
	.map__elements__image2 {
		left: 0;
		top: 143px;
		width: 9.9rem;
	}
	.About_tx p {
		font-size: 16pt;
		line-height: 30px;
	}
	.Logo_section ul li a img {
		height: 36px;
	}
	.About_tx p {
		font-size: 17px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.Logo_section ul li {
		width: 33.33%;
	}
	.Logo_section ul li:nth-child(4n+4) {
    	border-right: 1px solid #020202;
	}
	.Logo_section ul li:nth-child(3n+3) {
    	border-right: 0px solid #020202;
	}
	.Logo_section ul li:nth-child(4n+1):nth-last-child(-n+4), .Logo_section ul li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
		border-bottom: 1px solid #020202;
	}
	.Logo_section ul li:nth-child(3n+1):nth-last-child(-n+3), .Logo_section ul li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
		border-bottom: 0px solid #020202;
	}
	.peek_dv h3 br {
		display: none;
	}
	.shopheading {
		font-size: 22px;
		padding-top: 50px;
		text-align: center;
	}
	.shopheading a {
		font-size: 22px;
	}
}

@media(max-width:640px){
    .About_tx p {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 20px;
    }
	.nav__logo__wrapper {
		top: 32px;
		max-width: 125px;
		padding-left: 15px;
	}
	.nav__text {
		font-size: 16px;
	}
	.invitations_inr_scn .VIEW_GALLERY_scn .container_custom {
		width: 100%;
	}
	
	.Clients .invitations_inr_scn .About_lt_img {
		width: 50px;
	}
	.invitations_page .invitations_inr_scn .About-rt_img {
		width: 50px;
	}
	.About_lt_img, .About-rt_img {
		width: 50px !important;
	}
	.invitations_inr_scn .VIEW_GALLERY_bx {
		width: 50%;
	}
	.About_tx p {
		font-size: 19px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.VIEW_GALLERY_HD {
		font-size: 14px;
		line-height: 32px;
	}
	.mn_menu ul li a {
		font-size: 17px;
		line-height: 22px;
		padding: 12px 10px 12px 20px;
	}
	.peek_dv h3 {
		font-size: 20pt;
		line-height: 26px;
	}
	.envite_btn {
		font-size: 14pt;
	}
}


@media(max-width:480px){
	.invitations_inr_scn .VIEW_GALLERY_bx {
		width: 100%;
	}
	.about_page_new .footer__link {
		font-size: 13px;
		margin-bottom: 9px;
		padding-bottom: 3px;
	}
	span.butterflower img {
		max-width: 38px;
        height: 29px!important;
	}
	.footer.home {
		margin-bottom: 20px;
		margin-top: 30px;
	}
	.about_page_new .footer {
		margin-bottom: 0;
		margin-top: 0;
	}
	.container_custom {
		padding-left: 20px;
		padding-right: 20px;
	}
	.Logo_section ul li a img {
		height: 30px;
	}
	h2.title {
		font-size: 42pt;
		line-height: 50pt;
	}
	.Clients .peek_dv p {
		font-size: 16pt;
		line-height: 27px;
		margin-top: 20px;
	}
	
}
@media(max-width:460px){
	.map__elements__image5 {
		top: 359px;
		right: -12px;
	}
	
	.map__elements__image3 {
		top: 385px;
		left: 24px;
	}
}
@media(max-width:450px){
	.map__elements__image5 {
		top: 359px;
		right: -12px;
	}
	
	.map__elements__image3 {
		top: 391px;
		left: 24px;
	}
}
@media(max-width:440px){
/*
	.map__elements__image5 {
		top: 367px;
		right: -12px;
	}
	
	.map__elements__image3 {
		top: 397px;
		left: 24px;
	}
*/
	.map__elements__image5 {
		top: inherit;
		right: -10px;
		bottom: 118px;
	}
	.map__elements__image3 {
		top: inherit;
		left: 24px;
		bottom: 52px;
	}
	.home__map__section {
		height: 620px !important;
		background-size: 100% 100% !important;
	}
	.home__map__section .CENTER_TEXT {
		height: 100%;
		display: flex;
		flex-wrap: wrap;
	}
}
@media(max-width:430px){
/*
	.map__elements__image5 {
		top: 382px;
		right: -8px;
	}
	
	.map__elements__image3 {
		top: 401px;
		left: 24px;
	}
*/
}
@media(max-width:414px){
/*
	.map__elements__image5 {
		top: inherit;
		right: -10px;
		bottom: 118px;
	}
	.map__elements__image3 {
		top: inherit;
		left: 24px;
		bottom: 52px;
	}
	.home__map__section {
		height: 620px !important;
		background-size: 100% 100% !important;
	}
	.home__map__section .CENTER_TEXT {
		height: 100%;
		display: flex;
		flex-wrap: wrap;
	}
*/
}

@media(max-width:400px){
/*
	.map__elements__image5 {
		top: 382px;
		right: -2px;
	}
	.map__elements__image3 {
		top: 396px;
		left: 24px;
	}
*/
}

@media(max-width:395px){
/*
	.map__elements__image5 {
		top: 382px;
		right: -2px;
	}
	.map__elements__image3 {
		top: 388px;
		left: 24px;
	}
*/
}
@media(max-width:390px){
/*
	.map__elements__image5 {
		top: 372px;
		right: -7px;
	}
	.map__elements__image3 {
		top: 387px;
		left: 24px;
	}
*/
}
@media(max-width:375px){
	 
/*
	.footer__link {
		font-size: 14px;
		font-weight: bold;
	}
	.map__elements__image3 {
		top: 374px;
		left: 24px;
	}
	.map__elements__image5 {
		top: 351px;
		right: -8px;
	}
*/
}
@media(max-width:360px){
/*
	.map__elements__image3 {
		top: 361px;
		left: 24px;
	}
	.map__elements__image5 {
		top: 351px;
		right: -4px;
	}
*/
	.home__map__section {
		height: 580px !important;
		background-size: 100% 100% !important;
	}
	.map__elements__image3 {
		bottom: 46px;
	}
}
@media(max-width:353px){
/*
	.map__elements__image5 {
		top: 351px;
		right: 0px;
	}
	.map__elements__image3 {
		top: 353px;
		left: 24px;
	}
*/
}
@media(max-width:344px){
/*
	.map__elements__image3 {
		top: 345px;
		left: 24px;
	}
	.map__elements__image5 {
		top: 351px;
		right: 9px;
	}
*/
}
@media(max-width:339px){
/*
	.map__elements__image3 {
		top: 327px;
		left: 24px;
	}
	.map__elements__image5 {
		top: 329px;
		right: 6px;
	}
	.map__elements__image4 {
		top: 243px;
	}
*/
}
@media(max-width:320px){
/*
	.map__elements__image5 {
		position: absolute;
		width: 10.8rem;
		height: auto;
		top: 322px;
		left: 26rem;
	}
	.map__elements__image3 {
		position: absolute;
		width: 9.6rem;
		height: auto;
		top: 327px;
		left: 2.5rem;
	}
*/
	.home__map__section {
		height: 520px !important;
	}
	.map__elements__image3 {
		bottom: 40px;
	}
	.map__elements__image4 {
		position: absolute;
		top: 250px;
		right: 10rem;
		width: 13.4rem;
		height: auto;
	}
	.home__map__section {
		height: 540px !important;
	}
	.footer__link {
		font-size: 12px;
		font-weight: bold;
	}
	.about_page_new .footer__link {
		font-size: 12px;
	}
	.make_text {
		width: 223px;
	}
}
@media(max-width:300px){
/*
	.map__elements__image3 {
		top: 306px;
	}
	.map__elements__image5 {
		top: 298px;
		left: 26rem;
	}
*/
}