/* designers */

.page--dark {
    font-family: "Manrope", sans-serif;
    color: #ffffff;
    background: #7E7B78;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    min-width: 320px;
    padding-top: 152px;
}

.page--dark .submenu__list .submenu__item {
    color: black;
    position: relative;
}

.page__header--dark {
    padding: 32px 0;
    background: rgba(255, 255, 255, 0.12);
}

.footer--dark {
    color: #ffffff;
    background: #7e7b78;
    border-top: 2px solid rgba(255, 255, 255, 0.10);
}

.cookies__text--dark {
    color: #7e7b78 !important;
}

.header--dark {
    background: #7e7b78;
}

.header__top--dark,
.location__current-sub--dark {
    color: rgb(255 255 255 / 60%);
}

.header__top--dark .topmenu__item a {
    color: rgb(255 255 255 / 60%);
}

.location__current-sub--dark:hover,
.topmenu__item--dark a:hover {
    color: #fff;
}

.location__current--dark::before {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.125 10.6721C6.125 6.71809 9.46165 3.5 13.5625 3.5C17.6634 3.5 21 6.71809 21 10.6721C21 12.5561 20.1489 15.0603 18.4731 18.1152C17.1251 20.5688 15.5641 22.7874 14.7544 23.8914C14.6173 24.08 14.4381 24.2334 14.2312 24.3392C14.0244 24.4449 13.7958 24.5 13.5639 24.5C13.332 24.5 13.1034 24.4449 12.8965 24.3392C12.6897 24.2334 12.5105 24.08 12.3734 23.8914C11.5623 22.7874 10.0027 20.5688 8.65468 18.1152C6.97613 15.0593 6.125 12.5552 6.125 10.6721ZM13.5625 14C15.2539 14 16.625 12.6289 16.625 10.9375C16.625 9.24613 15.2539 7.875 13.5625 7.875C11.8711 7.875 10.5 9.24613 10.5 10.9375C10.5 12.6289 11.8711 14 13.5625 14Z' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
}

.location__current-sub--dark::before {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.125 10.6721C6.125 6.71809 9.46165 3.5 13.5625 3.5C17.6634 3.5 21 6.71809 21 10.6721C21 12.5561 20.1489 15.0603 18.4731 18.1152C17.1251 20.5688 15.5641 22.7874 14.7544 23.8914C14.6173 24.08 14.4381 24.2334 14.2312 24.3392C14.0244 24.4449 13.7958 24.5 13.5639 24.5C13.332 24.5 13.1034 24.4449 12.8965 24.3392C12.6897 24.2334 12.5105 24.08 12.3734 23.8914C11.5623 22.7874 10.0027 20.5688 8.65468 18.1152C6.97613 15.0593 6.125 12.5552 6.125 10.6721ZM13.5625 14C15.2539 14 16.625 12.6289 16.625 10.9375C16.625 9.24613 15.2539 7.875 13.5625 7.875C11.8711 7.875 10.5 9.24613 10.5 10.9375C10.5 12.6289 11.8711 14 13.5625 14Z' fill='%23CBCAC9'/%3E%3C/svg%3E%0A") !important;
}

.menu__item--dark.menu__item--catalog .menu__link::before {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='7' width='8' height='8' rx='1' fill='%23fff'/%3E%3Crect x='7' y='17' width='8' height='8' rx='1' fill='%23fff'/%3E%3Crect x='17' y='7' width='8' height='8' rx='1' fill='%23fff'/%3E%3Crect x='17' y='17' width='8' height='8' rx='1' fill='%23fff'/%3E%3C/svg%3E%0A")
}

.menu__btn--dark {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 10H26' stroke='white' stroke-width='2'/%3E%3Cpath d='M6 16H26' stroke='white' stroke-width='2'/%3E%3Cpath d='M6 22H26' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.header__phone-mobile--dark {
    background-color: inherit;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.709 18.4586C22.5051 18.2414 21.7852 17.5992 20.4617 16.7496C19.1285 15.8925 18.1452 15.3581 17.8632 15.2335C17.8383 15.2225 17.811 15.2185 17.784 15.2218C17.757 15.2252 17.7314 15.2359 17.7101 15.2527C17.2558 15.607 16.4909 16.2578 16.4499 16.2929C16.185 16.5199 16.185 16.5199 15.9682 16.4492C15.587 16.3242 14.4026 15.6953 13.3705 14.6609C12.3384 13.6265 11.6771 12.4128 11.5521 12.0319C11.4806 11.8147 11.4806 11.8147 11.7083 11.5499C11.7435 11.5089 12.3947 10.744 12.749 10.2901C12.7658 10.2687 12.7765 10.2432 12.7798 10.2162C12.7832 10.1892 12.7792 10.1618 12.7681 10.137C12.6435 9.85452 12.1091 8.87169 11.2521 7.53846C10.4013 6.21539 9.75986 5.49546 9.54266 5.29155C9.52273 5.27274 9.4981 5.25965 9.47135 5.25367C9.44461 5.24769 9.41675 5.24903 9.39071 5.25756C8.6315 5.51846 7.89898 5.85136 7.20315 6.25172C6.53142 6.64221 5.89547 7.09122 5.30271 7.59354C5.28201 7.61113 5.2665 7.63403 5.25783 7.65976C5.24916 7.6855 5.24766 7.71311 5.25349 7.73964C5.33513 8.12011 5.72537 9.70843 6.93634 11.9085C8.17192 14.1538 9.0282 15.3042 10.8427 17.1125C12.6572 18.9207 13.8439 19.8285 16.0917 21.0641C18.2917 22.2751 19.8808 22.6657 20.2605 22.7466C20.2871 22.7523 20.3148 22.7508 20.3406 22.7421C20.3663 22.7335 20.3893 22.718 20.407 22.6973C20.9092 22.1046 21.3581 21.4687 21.7485 20.7969C22.1487 20.1011 22.4816 19.3685 22.7426 18.6094C22.751 18.5835 22.7523 18.5559 22.7464 18.5294C22.7404 18.5029 22.7276 18.4784 22.709 18.4586Z' fill='white'/%3E%3C/svg%3E%0A");
}

.menu__link--dark {
    display: inline-block;
    padding: 12px;
    cursor: pointer;
    color: #fff;
}

.header__top--dark .header__phone {
    font-weight: 700;
    font-size: 20px;
    color: rgb(255 255 255 / 60%);
    margin-left: 24px;
}

.header__top--dark .header__phone:hover {
    color: #fff;
}

.section__title--dark {
    margin-bottom: 52px;
    color: #FFF;
    font-family: "Bitter", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
}


.designers-banner {
    background: url(/assets/front/images/designers/banner-designers.jpg), #d0d0d0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 1680px;
    margin: 60px auto 120px;
    align-self: stretch;
    border-radius: 8px;
}

.designers-banner-content {
    color: #fff;
    padding: 120px 120px 100px;
    text-align: center;
}

.designers-banner-content p {
    color: #FFF;
    text-align: center;
    font-family: Manrope;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    padding: 15px 0;
    max-width: 900px;
    margin: 0 auto;
}

.designers-banner-content .join-text {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    font-family: "Bitter", sans-serif;
    padding: 24px 0;
}


.designers-banner-content h2 {
    padding: 0 0 44px;
}


.designers-about-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1680px;
    margin: 0 auto;
    gap: 100px;
}

.designers-about {
    .text-content {
        flex: 1;
        padding-right: 20px;
    }

    .text-content p {
        color: #FFF;
        font-family: "Manrope", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px;
    }

    .image-content {
        flex: 1;
        position: relative;
        width: fit-content;
    }

    .image-content img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .image-content img:first-child {
        position: relative;
        z-index: 1;
        left: 115px;
        width: 85%;
    }

    .image-content img:last-child {
        position: absolute;
        top: -45px;
        left: -62px;
        width: 50%;
        z-index: 2;
    }
}

.designers-ournumbers-item {
    flex: 1;
}

.designers-ournumbers-item .number {
    color: #FFF;
    font-family: "Bitter", sans-serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 75.434px;
    letter-spacing: 1.6px;
}

.designers-ournumbers-item p {
    color: #FFF;
    font-family: "Bitter", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.328px;
    letter-spacing: 0.5px;
    margin-bottom: 22px;
}

.separator {
    width: 2px;
    height: 220px;
    background-color: #FFF;
}

.design-herotext {
    border-radius: 6px;
    background: #FF5458;
    color: #FFF;
    text-align: center;
    font-family: "Manrope", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    padding: 5px 13px;
}

.request__inner--dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: inherit;
    border-radius: 8px;
    padding: 40px;
    gap: 20px;
}

.input__bordered--dark {
    border: 1px solid rgba(255, 255, 255, 0.80);
}

.policy--dark a {
    color: #fff;
}

.policy--dark a:hover {
    opacity: 0.7;
}

.form__input--dark {
    display: block;
    width: 100%;
    height: 48px;
    background: #7e7b78;
    border-radius: 8px;
    padding: 12px 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.80);
    border-radius: 8px;
    letter-spacing: 0.02em;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.form__caption--dark {
    color: #234278;
}

.request__form--dark .form__btn {
    height: 48px;
    white-space: nowrap;
    min-width: 539px;
}

[type="checkbox"]:checked+.caption--dark:before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='%23ff5458'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1180px) {
    .request__img--dark {
        margin-left: 0px !important;
        margin-top: 40px;
    }

    .form__row--dark {
        display: flex;
        flex-direction: column;
    }

    .policy--dark {
        order: 1;
    }

    .form__col-submit--dark {
        order: 2;
    }
}

@media (max-width: 900px) {
    .form__input--dark {
        margin: 16px 16px 0 0;
        max-width: 95%;
    }

    .form__col--dark {
        width: 100% !important;
        max-width: 100%;

    }

    .form__col-submit--dark {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .request__img--dark {
        margin-left: 0px !important;
        margin-top: 0px;
    }

    .request__form--dark .form__btn {
        height: 48px;
        white-space: nowrap;
        min-width: 100% !important;
        margin: 20px 0;
    }

    .policy--dark [type="checkbox"]+.caption--dark {
        position: relative;
        margin-bottom: 0;
        display: block;
    }


    .form__col--dark:last-child {
        max-width: 95%;
    }

    .request__form--dark .form__col-submit {
        position: relative;
    }

    .request__form--dark .policy {
        margin-bottom: 28px;
    }

}


.form__row--dark input::placeholder {
    color: rgba(255, 255, 255, 0.80);
    opacity: 1;
}

[type="checkbox"]+.caption--dark {
    padding-left: 36px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #ffffff;
    cursor: pointer;
}



.form__row--dark {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.form__col--dark {
    width: 46%;
}

.form__col-submit--dark {

    display: flex;
    justify-content: flex-start;
}


.projects-slider {
    margin: 40px auto;
    max-width: 1200px;
}

.project-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

.project-card__image {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
}

.project-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    min-height: 340px;
}

.project-card__image:hover img {
    transform: scale(1.1);
}

.project-card__tag {
    position: absolute;
    top: 10px;
    display: inline-block;
    margin-bottom: 40px;
    margin-right: 10px;
    padding: 36px 40px;
    pointer-events: all;
    color: #FFF;
    font-family: "Bitter", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0.6px;
}

.project-card__title {
    position: absolute;
    text-align: left;
    font-family: "Manrope", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    position: absolute;
    bottom: 10px;
    display: inline-block;
    margin-right: 10px;
    padding: 40px;
    pointer-events: all;
    text-decoration: none;
    color: inherit;
}

.project-card__title:hover {
    text-decoration: none;
}

.project-card {
    text-decoration: none;
    color: inherit;
}

.project-card:hover {
    text-decoration: none;
}

.projects-slider {
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
}

.swiper-button-next,
.swiper-button-prev {
    background-color: hsl(358.6deg 100% 66.47%) !important;
    border-radius: 50% !important;
    font-size: 22px !important;
    font-family: "TT Firs Neue", sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    pointer-events: all !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    position: absolute !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    top: var(--swiper-navigation-top-offset, 55%) !important;
    width: calc(var(--swiper-navigation-size) / 44* 44) !important;
    height: var(--swiper-navigation-size) !important;
    color: #fff !important;

}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -0px) !important;
    left: auto;
    z-index: 1000;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, -0px) !important;
    right: auto;
}

.swiper {
    /* overflow: visible !important; */
    position: relative;
    margin-top: 20px;
    padding: 0 14px !important;
}

.swiper-slide {
    transition: transform 0.3s ease-in-out;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #f44448 !important;
    color: #fff !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "" !important;
}

.swiper-button-next::before {
    content: "\203A" !important;
}

.swiper-button-prev::before {
    content: "\2039" !important;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,
            initial);
    box-sizing: content-box;
    margin-bottom: 40px;
}

.project-card__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0.00) 58.41%,
            rgba(0, 0, 0, 0.25) 100%),
        linear-gradient(0deg,
            rgba(0, 0, 0, 0.50) 0%,
            rgba(0, 0, 0, 0.50) 100%);
    pointer-events: none;
    border-radius: 10px;
}


.footer__phone--dark::before {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229%22%20height%3D%2228%22%20viewBox%3D%220%200%2029%2028%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M23.209%2018.4586C23.0051%2018.2414%2022.2852%2017.5992%2020.9617%2016.7496C19.6285%2015.8925%2018.6452%2015.3581%2018.3632%2015.2335C18.3383%2015.2225%2018.311%2015.2185%2018.284%2015.2218C18.257%2015.2252%2018.2314%2015.2359%2018.2101%2015.2527C17.7558%2015.607%2016.9909%2016.2578%2016.9499%2016.2929C16.685%2016.5199%2016.685%2016.5199%2016.4682%2016.4492C16.087%2016.3242%2014.9026%2015.6953%2013.8705%2014.6609C12.8384%2013.6265%2012.1771%2012.4128%2012.0521%2012.0319C11.9806%2011.8147%2011.9806%2011.8147%2012.2083%2011.5499C12.2435%2011.5089%2012.8947%2010.744%2013.249%2010.2901C13.2658%2010.2687%2013.2765%2010.2432%2013.2798%2010.2162C13.2832%2010.1892%2013.2792%2010.1618%2013.2681%2010.137C13.1435%209.85452%2012.6091%208.87169%2011.7521%207.53846C10.9013%206.21539%2010.2599%205.49546%2010.0427%205.29155C10.0227%205.27274%209.9981%205.25965%209.97135%205.25367C9.94461%205.24769%209.91675%205.24903%209.89071%205.25756C9.1315%205.51846%208.39898%205.85136%207.70315%206.25172C7.03142%206.64221%206.39547%207.09122%205.80271%207.59354C5.78201%207.61113%205.7665%207.63403%205.75783%207.65976C5.74916%207.6855%205.74766%207.71311%205.75349%207.73964C5.83513%208.12011%206.22537%209.70843%207.43634%2011.9085C8.67192%2014.1538%209.5282%2015.3042%2011.3427%2017.1125C13.1572%2018.9207%2014.3439%2019.8285%2016.5917%2021.0641C18.7917%2022.2751%2020.3808%2022.6657%2020.7605%2022.7466C20.7871%2022.7523%2020.8148%2022.7508%2020.8406%2022.7421C20.8663%2022.7335%2020.8893%2022.718%2020.907%2022.6973C21.4092%2022.1046%2021.8581%2021.4687%2022.2485%2020.7969C22.6487%2020.1011%2022.9816%2019.3685%2023.2426%2018.6094C23.251%2018.5835%2023.2523%2018.5559%2023.2464%2018.5294C23.2404%2018.5029%2023.2276%2018.4784%2023.209%2018.4586Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

.footer__location--dark::before {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2229%22%20height=%2228%22%20viewBox=%220%200%2029%2028%22%20fill=%22none%22%3E%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M6.625%2010.6721C6.625%206.71809%209.96165%203.5%2014.0625%203.5C18.1634%203.5%2021.5%206.71809%2021.5%2010.6721C21.5%2012.5561%2020.6489%2015.0603%2018.9731%2018.1152C17.6251%2020.5688%2016.0641%2022.7874%2015.2544%2023.8914C15.1173%2024.08%2014.9381%2024.2334%2014.7312%2024.3392C14.5244%2024.4449%2014.2958%2024.5%2014.0639%2024.5C13.832%2024.5%2013.6034%2024.4449%2013.3965%2024.3392C13.1897%2024.2334%2013.0105%2024.08%2012.8734%2023.8914C12.0623%2022.7874%2010.5027%2020.5688%209.15468%2018.1152C7.47613%2015.0593%206.625%2012.5552%206.625%2010.6721ZM14.0625%2014C15.7539%2014%2017.125%2012.6289%2017.125%2010.9375C17.125%209.24613%2015.7539%207.875%2014.0625%207.875C12.3711%207.875%2011%209.24613%2011%2010.9375C11%2012.6289%2012.3711%2014%2014.0625%2014Z%22%20fill=%22white%22/%3E%3C/svg%3E');
}

.breadcrumbs__item--dark {
    color: rgba(255, 255, 255, 0.60);
}

.breadcrumbs__item--dark:last-child {
    color: #fff;
}

.breadcrumbs__item--dark::after {
    background: rgba(255, 255, 255, 0.6);
}

.footer__contacts--dark {
    gap: 20px;
    white-space: nowrap;
}

.favourite--dark,
.menu__btn--dark {
    background-color: inherit;
}

p+.btn-filled-arrow {
    margin-top: 20px;
}


.request__inner--dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: inherit;
    padding: 0;
}

.request__img--dark {
    max-width: 824px;
    min-width: 300px;
    height: auto;
    max-height: 500px;
    border-radius: 10px;
    overflow: hidden;
}

.favourite--dark {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3401 7.5C9.02331 7.5 7.02548 9.50849 6.99993 12.0848C6.9775 14.5666 7.84591 16.8856 9.75348 19.209C11.3252 21.124 13.3718 22.5083 15.269 23.7914C15.5155 23.9581 15.7594 24.1231 15.9995 24.2873C16.2392 24.1233 16.4828 23.9585 16.7289 23.7921C18.6264 22.5087 20.6732 21.1244 22.2452 19.2079C24.1546 16.8844 25.0233 14.5664 24.999 12.0837C24.9736 9.50884 22.9759 7.5 20.6588 7.5C18.7814 7.5 17.4996 8.62059 16.7771 9.51417L15.9995 10.4758L15.2219 9.51417C14.4993 8.62059 13.2176 7.5 11.3401 7.5ZM5.00002 12.0655C5.03522 8.49269 7.82842 5.5 11.3401 5.5C13.4445 5.5 14.9894 6.46759 15.9995 7.41768C17.0095 6.46759 18.5544 5.5 20.6588 5.5C24.1704 5.5 26.9637 8.49251 26.9989 12.064C27.0285 15.0912 25.9476 17.8526 23.7909 20.477C22.0186 22.6375 19.7052 24.1981 17.8214 25.4689C17.5361 25.6613 17.2607 25.847 16.9986 26.0272L15.9995 26.7128L15.001 26.0277C14.7386 25.8473 14.4623 25.6609 14.1767 25.4683C12.2929 24.1975 9.97969 22.6371 8.2076 20.478C6.05306 17.8537 4.97256 15.0905 5.00002 12.0655Z' fill='white'/%3E%3C/svg%3E%0A");
}

.menu__phone--dark {
    margin-top: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.709 18.4586C22.5051 18.2414 21.7852 17.5992 20.4617 16.7496C19.1285 15.8925 18.1452 15.3581 17.8632 15.2335C17.8383 15.2225 17.811 15.2185 17.784 15.2218C17.757 15.2252 17.7314 15.2359 17.7101 15.2527C17.2558 15.607 16.4909 16.2578 16.4499 16.2929C16.185 16.5199 16.185 16.5199 15.9682 16.4492C15.587 16.3242 14.4026 15.6953 13.3705 14.6609C12.3384 13.6265 11.6771 12.4128 11.5521 12.0319C11.4806 11.8147 11.4806 11.8147 11.7083 11.5499C11.7435 11.5089 12.3947 10.744 12.749 10.2901C12.7658 10.2687 12.7765 10.2432 12.7798 10.2162C12.7832 10.1892 12.7792 10.1618 12.7681 10.137C12.6435 9.85452 12.1091 8.87169 11.2521 7.53846C10.4013 6.21539 9.75986 5.49546 9.54266 5.29155C9.52273 5.27274 9.4981 5.25965 9.47135 5.25367C9.44461 5.24769 9.41675 5.24903 9.39071 5.25756C8.6315 5.51846 7.89898 5.85136 7.20315 6.25172C6.53142 6.64221 5.89547 7.09122 5.30271 7.59354C5.28201 7.61113 5.2665 7.63403 5.25783 7.65976C5.24916 7.6855 5.24766 7.71311 5.25349 7.73964C5.33513 8.12011 5.72537 9.70843 6.93634 11.9085C8.17192 14.1538 9.0282 15.3042 10.8427 17.1125C12.6572 18.9207 13.8439 19.8285 16.0917 21.0641C18.2917 22.2751 19.8808 22.6657 20.2605 22.7466C20.2871 22.7523 20.3148 22.7508 20.3406 22.7421C20.3663 22.7335 20.3893 22.718 20.407 22.6973C20.9092 22.1046 21.3581 21.4687 21.7485 20.7969C22.1487 20.1011 22.4816 19.3685 22.7426 18.6094C22.751 18.5835 22.7523 18.5559 22.7464 18.5294C22.7404 18.5029 22.7276 18.4784 22.709 18.4586Z' fill='%23CBCAC9'/%3E%3C/svg%3E%0A");
}

.menu__close--dark,
.submenu__close--dark {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78044 4.71968L5.25011 4.18935L4.18945 5.25001L4.71978 5.78034L10.9395 12L4.71982 18.2196L4.18949 18.75L5.25015 19.8106L5.78048 19.2803L12.0001 13.0607L18.2197 19.2803L18.7501 19.8106L19.8107 18.75L19.2804 18.2196L13.0608 12L19.2804 5.78034L19.8108 5.25001L18.7501 4.18935L18.2198 4.71968L12.0001 10.9393L5.78044 4.71968Z' fill='%23fff' fill-opacity='0.6'/%3E%3C/svg%3E%0A");
}

.swiper-slide {
    display: flex !important;
}

@media (max-width: 1680px) {
    .designers-ournumbers-item .number {
        font-size: 60px;
        line-height: 60px;
    }

    .designers-ournumbers-item p {
        font-size: 20px;
        line-height: 28px;
    }

    .project-card__title {
        font-size: 16px;
        line-height: 24px;
    }

    .section__title--dark {
        font-size: 36px;
        line-height: 44px;
    }

    .design-herotext {
        font-size: 22px;
    }

    .designers-about-content {
        gap: 80px;
        align-items: flex-start;
    }

    .designers-about .text-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .designers-banner {
        margin: 60px 20px 120px;
    }

    .designers-banner-content p {
        font-size: 20px;
        line-height: 32px;
        max-width: 720px;
    }

}

@media (max-width: 1440px) {
    .designers-about .image-content img:first-child {
        bottom: -40px;
        left: 65px;
        width: 90%;

    }

    .designers-about .image-content img:last-child {
        top: -14px;
        left: -69px;
        width: 54%;
    }
}

@media (max-width: 1180px) {

    .swiper {
    overflow: visible !important; 
}

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

    .designers-ournumbers-item .number {
        font-size: 46px;
        line-height: 52px;
    }

    .designers-ournumbers-item p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .designers-about-content {
        flex-direction: column;
        gap: 36px;
        align-items: center;
    }

    .designers-ournumbers-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .separator {
        width: 100%;
        height: 1px;
    }

    .project-card__tag {
        top: 10px;
        margin-bottom: 40px;
        margin-right: 10px;
        padding: 20px;
        color: #FFF;
        font-size: 22px;
        line-height: 29px;
        letter-spacing: 0.6px;
    }

    .project-card__title {
        font-size: 14px;
        line-height: 22px;
        padding: 20px;
    }

    .section__title--dark {
        font-size: 28px;
        line-height: 36px;
    }

    .designers-about .text-content p {
        font-size: 16px;
        line-height: 26px;
    }

    .request__inner--dark {
        flex-direction: column;
    }


    .design-herotext {
        font-size: 18px;
    }

    .designers-banner-content h2 {
        padding: 0 0 24px;
    }

    .designers-banner-content {
        padding: 60px;
    }

    .designers-banner-content p {
        font-size: 20px;
    }

    .designers-banner-content .join-text {
        font-size: 22px;
    }

    .designers-about .image-content img:first-child {
        left: 140px;
        bottom: -50px;
        width: 90%;
    }

    .designers-about .image-content img:last-child {
        top: -40px;
        left: -140px;
        width: 64%;
    }

    .designers-ournumbers {
        margin: 120px 0;
    }
}


@media (max-width: 1000px) {
    .menu--dark {
        background: #7e7b78;
    }
}

@media (max-width: 960px) {

    .designers-about .image-content img:first-child {
        left: 90px;
        bottom: -80px;
        width: 80%;

    }

    .designers-about .image-content img:last-child {
        top: -45px;
        left: 0px;
        width: 64%;
    }
}

@media (max-width: 768px) {

    .designers-banner {
        margin: 32px 12px 60px;
        background: url(/assets/front/images/designers/banner-designers-mob.png), #d0d0d0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .designers-banner-content {
        padding: 20px 20px 30px;
    }

    .designers-banner-content p {
        font-size: 16px;
        line-height: 26px;
        padding: 15px 0;
        max-width: 500px;
    }

    .designers-banner-content .join-text {
        font-size: 18px;
        line-height: 25px;
    }

    .design-herotext {
        font-size: 16px;
        display: block;
        line-height: 22px;
    }

}

@media (max-width: 460px) {

    .designers-about .image-content img:first-child {
        left: 60px;
        bottom: -40px;
        width: 80%;

    }

    .designers-about .image-content img:last-child {
        top: -50px;
        left: 0px;
        width: 64%;
    }
}



/* END designers */