@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&family=Manrope:wght@600&display=swap");

body,
html {
    font-family: "IBM Plex Sans", Arial, sans-serif;
}

body:not(body.lock) {
    position: relative;
}

body.lock {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

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

html,
body {
    min-height: 100vh;
    font-size: 16px;
}

body>section,
body>header,
body>footer {
    width: 100%;
}

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

.reset-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wrapper,
.wrapper>* {
    width: 100%;
}

.container,
.max-container {
    margin: 0 auto;
    width: 71.25rem;
    max-width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (min-width: 1600px) {
    .max-container {
        margin: 0 auto;
        width: 115rem;
        max-width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.row>* {
    width: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.col {
    flex: 1 0 0;
}

.col-20 {
    display: flex;
    flex: 0 0 auto;
    width: calc(20% - 1rem);
}

.col-1 {
    display: flex;
    flex: 0 0 auto;
    width: calc(8.3333333333% - 1rem);
}

.col-2 {
    display: flex;
    flex: 0 0 auto;
    width: calc(16.6666666667% - 1rem);
}

.col-3 {
    display: flex;
    flex: 0 0 auto;
    width: calc(25% - 1rem);
}

.col-4 {
    display: flex;
    flex: 0 0 auto;
    width: calc(33.3333333333% - 1rem);
}

.col-5 {
    display: flex;
    flex: 0 0 auto;
    width: calc(41.6666666667% - 1rem);
}

.col-6 {
    display: flex;
    flex: 0 0 auto;
    width: calc(50% - 1rem);
}

.col-7 {
    display: flex;
    flex: 0 0 auto;
    width: calc(58.3333333333% - 1rem);
}

.col-8 {
    display: flex;
    flex: 0 0 auto;
    width: calc(66.6666666667% - 1rem);
}

.col-9 {
    display: flex;
    flex: 0 0 auto;
    width: calc(75% - 1rem);
}

.col-10 {
    display: flex;
    flex: 0 0 auto;
    width: calc(83.3333333333% - 1rem);
}

.col-11 {
    display: flex;
    flex: 0 0 auto;
    width: calc(91.6666666667% - 1rem);
}

.col-12 {
    display: flex;
    flex: 0 0 auto;
    width: calc(100% - 1rem);
}

@media (min-width: 0) {
    .col-xs-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-xs-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-xs-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-xs-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-xs-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-xs-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-xs-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-xs-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-xs-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-xs-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-xs-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-xs-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-xs-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 0) {
    .xs-hide {
        display: none;
    }
}

@media (min-width: 0) {
    .xs-block {
        display: block;
    }
}

@media (min-width: 0) {
    .xs-flex {
        display: flex;
    }
}

@media (min-width: 320px) {
    .col-sm-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-sm-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-sm-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-sm-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-sm-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-sm-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-sm-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-sm-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-sm-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-sm-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-sm-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-sm-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-sm-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 320px) {
    .sm-hide {
        display: none;
    }
}

@media (min-width: 320px) {
    .sm-block {
        display: block;
    }
}

@media (min-width: 320px) {
    .sm-flex {
        display: flex;
    }
}

@media (min-width: 560px) {
    .col-md-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-md-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-md-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-md-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-md-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-md-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-md-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-md-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-md-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-md-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-md-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-md-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-md-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 560px) {
    .md-hide {
        display: none;
    }
}

@media (min-width: 560px) {
    .md-block {
        display: block;
    }
}

@media (min-width: 560px) {
    .md-flex {
        display: flex;
    }
}

@media (min-width: 768px) {
    .col-lg-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-lg-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-lg-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-lg-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-lg-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-lg-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-lg-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-lg-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-lg-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-lg-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-lg-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-lg-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-lg-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 768px) {
    .lg-hide {
        display: none;
    }
}

@media (min-width: 768px) {
    .lg-block {
        display: block;
    }
}

@media (min-width: 768px) {
    .lg-flex {
        display: flex;
    }
}

@media (min-width: 992px) {
    .col-xl-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-xl-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-xl-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-xl-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-xl-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-xl-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-xl-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-xl-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-xl-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-xl-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-xl-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-xl-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-xl-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 992px) {
    .xl-hide {
        display: none;
    }
}

@media (min-width: 992px) {
    .xl-block {
        display: block;
    }
}

@media (min-width: 992px) {
    .xl-flex {
        display: flex;
    }
}

@media (min-width: 1200px) {
    .col-x2l-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-x2l-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-x2l-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-x2l-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-x2l-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-x2l-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-x2l-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-x2l-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-x2l-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-x2l-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-x2l-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-x2l-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-x2l-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 1200px) {
    .x2l-hide {
        display: none;
    }
}

@media (min-width: 1200px) {
    .x2l-block {
        display: block;
    }
}

@media (min-width: 1200px) {
    .x2l-flex {
        display: flex;
    }
}

@media (min-width: 1400px) {
    .col-x3l-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-x3l-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-x3l-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-x3l-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-x3l-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-x3l-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-x3l-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-x3l-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-x3l-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-x3l-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-x3l-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-x3l-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-x3l-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 1400px) {
    .x3l-hide {
        display: none;
    }
}

@media (min-width: 1400px) {
    .x3l-block {
        display: block;
    }
}

@media (min-width: 1400px) {
    .x3l-flex {
        display: flex;
    }
}

@media (min-width: 1600px) {
    .col-x4l-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-x4l-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-x4l-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-x4l-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-x4l-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-x4l-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-x4l-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-x4l-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-x4l-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-x4l-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-x4l-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-x4l-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-x4l-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 1600px) {
    .x4l-hide {
        display: none;
    }
}

@media (min-width: 1600px) {
    .x4l-block {
        display: block;
    }
}

@media (min-width: 1600px) {
    .x4l-flex {
        display: flex;
    }
}

@media (min-width: 1920px) {
    .col-x5l-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-x5l-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-x5l-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-x5l-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-x5l-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-x5l-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-x5l-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-x5l-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-x5l-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-x5l-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-x5l-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-x5l-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-x5l-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 1920px) {
    .x5l-hide {
        display: none;
    }
}

@media (min-width: 1920px) {
    .x5l-block {
        display: block;
    }
}

@media (min-width: 1920px) {
    .x5l-flex {
        display: flex;
    }
}

@media (min-width: 2048px) {
    .col-x6l-20 {
        display: flex;
        flex: 0 0 auto;
        width: calc(20% - 1rem);
    }

    .col-x6l-1 {
        display: flex;
        flex: 0 0 auto;
        width: calc(8.3333333333% - 1rem);
    }

    .col-x6l-2 {
        display: flex;
        flex: 0 0 auto;
        width: calc(16.6666666667% - 1rem);
    }

    .col-x6l-3 {
        display: flex;
        flex: 0 0 auto;
        width: calc(25% - 1rem);
    }

    .col-x6l-4 {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }

    .col-x6l-5 {
        display: flex;
        flex: 0 0 auto;
        width: calc(41.6666666667% - 1rem);
    }

    .col-x6l-6 {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .col-x6l-7 {
        display: flex;
        flex: 0 0 auto;
        width: calc(58.3333333333% - 1rem);
    }

    .col-x6l-8 {
        display: flex;
        flex: 0 0 auto;
        width: calc(66.6666666667% - 1rem);
    }

    .col-x6l-9 {
        display: flex;
        flex: 0 0 auto;
        width: calc(75% - 1rem);
    }

    .col-x6l-10 {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }

    .col-x6l-11 {
        display: flex;
        flex: 0 0 auto;
        width: calc(91.6666666667% - 1rem);
    }

    .col-x6l-12 {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }
}

@media (min-width: 2048px) {
    .x6l-hide {
        display: none;
    }
}

@media (min-width: 2048px) {
    .x6l-block {
        display: block;
    }
}

@media (min-width: 2048px) {
    .x6l-flex {
        display: flex;
    }
}

@media (min-width: 2048px) {

    body,
    html {
        font-size: 0.8695652174vw;
    }
}

:root {
    --hover-opacity: 0.75;
    --dt: 0.3s ease;
    --light: #fff;
    --op-09: 0.9;
    --light-01: rgba(255, 255, 255, 0.1);
    --light-09: rgba(255, 255, 255, var(--op-09));
    --accent: #73B73C;
    --primary: #3C3C3C;
    --stroke: #EEEEEE;
    --gray: #999999;
    --bg: #f5f5f5;
    --overlay: rgba(23, 23, 23, 0.75);
    --box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15);
}

.header__logo-text {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: var(--light);
}

.phone {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: var(--light);
}

.advantages__item-title {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.625rem;
    text-transform: none;
    color: var(--light);
}

.advantages__item-subtitle {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-transform: none;
    color: var(--light);
}

.phone.primary {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: var(--primary);
}

.menu-item {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--primary);
}

.dropdown.active>.menu-item {
    /*font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--accent);*/
    font-size: 0.9375rem;
  font-weight: 600;
  line-height: normal;
  text-transform: none;
  color: var(--accent);
}

.separator {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--primary);
}

.h2 {
    font-size: 1.5625rem;
    font-weight: 600;
    line-height: 125%;
    text-transform: none;
    color: var(--primary);
}

.h3 {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.625rem;
    text-transform: none;
    color: var(--accent);
}

.gray-text {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--gray);
}

.btn-accent-border {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: var(--primary);
}

.btn-accent-border.active {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: var(--accent);
}

.catalog__item-title {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--primary);
}

.about__digits-price {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 100%;
    text-transform: none;
    color: var(--primary);
}

.about__digits-price>span {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.75;
    text-transform: none;
    color: var(--primary);
}

.about__digits-subtitle {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75;
    text-transform: none;
    color: var(--primary);
}

.content .h2:not(.h2.title) {
    font-size: 1.5625rem;
    font-weight: 600;
    line-height: 125%;
    text-transform: none;
    color: var(--primary);
}

.content p {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--primary);
}

.description {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75;
    text-transform: none;
    color: var(--primary);
}

.medias__item--text {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375rem;
    text-transform: none;
    color: var(--primary);
}

.howWeWork__text {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--light);
}

.left .medias__item--title {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.625rem;
    text-transform: none;
    color: var(--light);
}

.p {
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75rem;
    text-transform: none;
    color: var(--primary);
}

.header__menu-list li a,
.phone.primary {
    text-decoration: none;
}

.separator {
    opacity: var(--op-09);
}

.h2 {
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .header__menu-list>li>.menu-item {
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: normal;
        text-transform: none;
        color: var(--light);
    }

    .header__menu-list>li:hover>.menu-item {
        /*    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5;
    text-transform: none;
    color: var(--light);*/
        color: #73B73C;
    }

    .submenu-col .menu-item {
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
        color: var(--primary);
    }

    .submenu-col .menu-item:hover {
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
        color: var(--accent);
    }

    .dropdown-menu .dropdown-menu a:hover {
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
        color: var(--accent);
    }

    .about__digits-price {
        font-size: 5rem;
        font-weight: 600;
        line-height: 100%;
        text-transform: none;
        color: var(--primary);
    }

    .about__digits-price>span {
        font-size: 1.1875rem;
        font-weight: 600;
        line-height: 1.625;
        text-transform: none;
        color: var(--primary);
    }

    .about__digits-subtitle {
        font-size: 1.0625rem;
        font-weight: 400;
        line-height: 1.75;
        text-transform: none;
        color: var(--primary);
    }

    .h2 {
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 125%;
        text-transform: none;
        color: var(--primary);
    }

    .h3 {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 125%;
        text-transform: none;
        color: var(--accent);
    }

    .header__menu-list>li>a,
    .header__menu-list>li>a:hover,
    .phone {
        transition: border var(--dt), opacity var(--dt);
        text-decoration: none;
    }

    .phone:hover {
        border-bottom: 1px solid var(--light-09);
        opacity: var(--op-09);
    }
}

.btn {
    border-radius: 20.8125rem;
    display: flex;
    padding: 0.625rem 2rem;
    justify-content: center;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    transition: all var(--dt);
    cursor: pointer;
}

.tabs__items-scroll {
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tabs__items-scroll::-webkit-scrollbar {
    display: none;
}

.btn.btn-header {
    border-color: var(--accent);
    color: var(--light);
    transition: all var(--dt);
}

.btn.btn-header:hover {
    background-color: var(--light);
    color: var(--accent);
}

.btn.btn-accent-border:not(.active) {
    color: var(--primary);
    border-color: var(--accent);
}

.btn.btn-accent-border,
.btn.btn-accent-border:hover {
    color: var(--accent);
}

.box-shadow-02>* {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

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

.socials__item {
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
}

.socials__item>.icon {
    aspect-ratio: 1/1;
    width: 1rem;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

.socials__item:not(.socials__item:first-child) {
    margin-left: 0.5rem;
}

.gray-soc a {
    border-color: var(--gray);
}

.gray-soc a .icon {
    background-color: var(--gray);
}

.white-soc a {
    border-color: #fff;
}

.white-soc a .icon {
    background-color: #fff;
}

@media (min-width: 0) {
    .dropdown {
        display: flex;
        flex-wrap: wrap;
    }

    .dropdown.active {
        border-bottom: 0;
        padding-bottom: 0;
        /*    margin-bottom: -1px;*/
    }

    .dropdown-toggle {
        cursor: pointer;
        width: 1.25rem;
        height: 1.25rem;
        mask-image: url("/assets/templates/royal-mubarak_new/img/chevron-right.svg");
        -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/chevron-right.svg");
        mask-position: center;
        mask-size: contain;
        mask-repeat: no-repeat;
        background-color: var(--gray);
        transform: rotate(90deg);
        transition: transform var(--dt);
    }

    .dropdown-toggle.active {
        transform: rotate(-90deg);
    }

    .dropdown-menu {
        width: 100%;
        flex-wrap: wrap;
/*        transition: max-height var(--dt), visibility var(--dt), opacity var(--dt), margin var(--dt);*/
        visibility: hidden;
        max-height: 0;
        opacity: 0;
        margin-top: 0;
    }
.dropdown .dropdown-menu a:hover {
color: #73B73C;
}
    .dropdown-menu.active {
        border-top: 1px solid var(--stroke);
        margin-top: 0.625rem;
        visibility: visible;
        max-height: 1000vh;
        opacity: 1;
        overflow: hidden;
    }
}

@media (min-width: 0) and (min-width: 992px) {
    .dropdown {
        position: relative;
    }

    .dropdown-menu {
        max-width: 0;
        display: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 2rem;
        left: 0;
    }

    .dropdown:hover>.dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        max-height: unset;
        max-width: unset;
        width: fit-content;
        padding: 0 1rem 1rem 1rem;
        background-color: var(--light);
    }
}

.icon.burger {
    mask-image: url("/assets/templates/royal-mubarak_new/img/burger.svg");
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/burger.svg");
}

.icon.phone-link {
    mask-image: url("/assets/templates/royal-mubarak_new/img/phone.svg");
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/phone.svg");
}

.telegram.icon {
    mask-image: url("/assets/templates/royal-mubarak_new/img/telegram.svg");
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/telegram.svg");
}

.inst.icon {
    mask-image: url("/assets/templates/royal-mubarak_new/img/instagram.svg");
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/instagram.svg");
}

.email.icon {
    mask-image: url("/assets/templates/royal-mubarak_new/img/email.svg");
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/email.svg");
}

.wa.icon {
    mask-image: url("/assets/templates/royal-mubarak_new/img/whatsapp.svg");
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/whatsapp.svg");
}

.content {
    display: block;
}

@media (min-width: 0) {
    .content .h2 {
        margin-bottom: 2.5rem;
    }

    .content p+p {
        margin-top: 1.5rem;
    }
}

.medias {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.medias__item:not(:last-child) {
    margin-bottom: 1rem;
}

.medias__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.medias__item--image {
    width: 4rem;
    background-color: var(--light);
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    margin-right: 1rem;
    aspect-ratio: 1/1;
}

.medias__item--title {
    color: var(--primary);
}

.medias__item--content {
    max-width: calc(100% - 5.5rem);
}

@media (min-width: 992px) {
    .medias__item--content {
        max-width: calc(100% - 7.5rem);
    }
}

.medias__item--text {
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .medias__item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

    .medias--content,
    .medias--title {
        max-width: calc(100% - 7.5rem);
    }

    .medias__item--image {
        width: 6rem;
        height: 6rem;
        background-size: 3rem;
        margin-right: 1.5rem;
    }
}

.card {
    width: 100%;
    height: 100%;
    border: 1px solid var(--stroke);
}

.card__image,
.card__content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.card__image {
    aspect-ratio: 18.125/13.8125;
}

.card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card__content {
    padding: 1.5rem;
}

.card__content--title {
    margin-bottom: 1rem;
}

.quoteWrap {
    width: 100%;
    padding-bottom: 4rem;
}

.quoteWrap__text {
    border-radius: 2.0625rem 2.0625rem 0 2.0625rem;
    display: flex;
    padding: 1.5rem 0.9375rem;
    justify-content: center;
    align-items: center;
    background: var(--bg);
}

.tabs__row.active {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: all var(--dt);
}

.tabs__row:not(.active) {
    display: none;
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 0) {
    .tabs__items {
        margin: 2.5rem auto;
    }

    .tabs__items-button {
        margin-right: 0.5rem;
        margin-bottom: 5px;
        height: 3rem;
        padding: 0.625rem 1.7rem;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .tabs__items {
        margin: 3rem auto 4rem auto;
    }

    .tabs__items-button {
        margin-right: 1rem;
        height: 3rem;
        padding: 0.625rem 2rem;
    }
}

.carousel {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.carousel__slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
    margin: 0 -0.5rem;
}

.carousel__slide {
    margin: 0 0.5rem;
}

.carousel__button {
    position: absolute;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--light);
    color: var(--accent);
    top: calc(50% - 1rem);
    outline: none;
    border: none;
    cursor: pointer;
    box-shadow: var(--box-shadow);
}

.carousel__button--left {
    left: 0;
}

.carousel__button--right {
    right: 0;
}

.carousel__indicators {
    margin-top: 1.5rem;
    padding: 0;
    display: flex;
    justify-content: center;
}

.carousel__indicator {
    width: 0.625rem;
    height: 0.625rem;
    aspect-ratio: 1/1;
    background-color: var(--stroke);
    margin: 0 0.625rem;
    border-radius: 50%;
}

.carousel__indicator--active {
    background-color: var(--accent);
}

.intro {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/templates/royal-mubarak_new/img/intro.png") lightgray no-repeat center;
    background-size: cover;
}

@media (min-width: 0) {

    .intro-mainpage,
    .intro {
        height: 30rem;
    }
}

@media (min-width: 992px) {
    .intro {
        height: auto;
    }

    .intro-mainpage {
        height: 41.6666666667vw;
    }
}

.header {
    padding: 1rem 0;
    width: 100%;
    border-bottom: 1px solid var(--light-01);
}


#breadcrumbs {
    background-color: #F5F5F5;
    margin-bottom: 64px;
}

.breadcrumbs-lists {

    color: #777777;
    background: transparent;
    font-size: 13px;
    font-weight: 400;
    list-style: none outside none;
    padding: 10px 0;
    margin-bottom: 0px;
    border-radius: 4px;
    text-align: center;
}

.breadcrumbs-lists {
    color: #999 !important;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
}

.breadcrumbs-lists .active {
    color: #3C3C3C !important;
}

.breadcrumbs-lists {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.pathway {
    color: #999;
}

.pathway:hover {
    color: #3C3C3C;
}

.breadcrumbs-lists li:nth-child(2):before {
    /*    background: none !important;*/
}

.breadcrumbs-lists li:before {
    background: url(/assets/templates/royal-mubarak_new/img/Ellipse.png) no-repeat center center !important;
    background-size: 17px !important;
}

.breadcrumbs-lists>li+li:before {
    content: "";
    background: url(/assets/templates/royal-mubarak_new/img/Ellipse.png) no-repeat center center !important;
    margin: 1px 10px;
    padding: 1px 10px;
    background-size: 17px !important;
}

.breadcrumbs-lists li span {
    display: inline-block;
}

.breadcrumbs-lists li {
    padding: 4px;
    display: flex;
}

.products-list .button {
    margin-top: 24px;
}

.products-list .button a {
    margin: 0 auto;
}

.category h2, .text-after-catalog h2, .partners h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    color: #3C3C3C;
    margin-bottom: 40px;
}
.partners h2 {
    margin-bottom: 15px;
  margin-top: 15px;
}
.products-list .catalog__item {
    align-content: space-between;
}

.category p, .text-before-catalog, .text-after-catalog, .partners p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: #3C3C3C;
}

.category p .phone-link {
    text-transform: uppercase;
    color: #111;
    text-decoration: none;
    font-weight: 700;
}

.category p .phone-link:hover {
    color: #73B73C;
}

#content {
    margin-top: 48px;
    margin-bottom: 128px;
}

#content h1 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    color: #3C3C3C;
    margin-bottom: 48px;
}

@media (min-width: 0) {
    .header .row {
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .header__burger,
    .header__phone {
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 2rem;
        height: 2rem;
    }

    .header .burger,
    .header .phone-link {
        background-color: var(--light);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
    }

    .header .burger {
        width: 1.33331rem;
        height: 1rem;
    }

    .header .phone-link {
        width: 1.25rem;
        height: 1.25rem;
    }

    .header__menu {
        flex-direction: column;
        justify-content: space-between;
        position: absolute;
        top: calc(3.5rem + 1px);
        left: -100vw;
        width: 100vw;
        height: calc(100vh - 4.5rem);
        background-color: var(--light);
        margin: 0;
        padding: 0;
        z-index: 2;
    }

    .header__menu.active {
        left: 0;
    }

    .header__menu,
    .header__menu.active {
        transition: left var(--dt);
    }

    .header__menu ul {
        display: flex;
        flex-wrap: wrap;
    }

    .header__menu-list {
        overflow: scroll;
        margin-top: 1.5rem;
        width: 100%;
    }

    .header__menu-list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.625rem 1rem;
        border-bottom: 1px solid var(--stroke);
        width: 100%;
    }

    .header__menu-list li a {
        transition: all 0.1s;
    }

    .header__menu-list li .menu-arrow {
        transition: background var(--dt);
    }

    .header__menu-list li .menu-arrow.active {
        background-color: var(--accent);
    }

    .header__menu-footer {
        height: 3rem;
        min-height: 3rem;
        width: 100%;
        border-top: 1px solid var(--stroke);
        justify-content: space-between;
        align-items: center;
        padding: 0 1rem;
        z-index: 3;
        background-color: var(--light);
    }

    .header__logo {
        justify-content: center;
        align-items: center;
    }

    .header__logo-link,
    .header__logo-title {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header__logo-link {
        width: 2.39131rem;
        height: 2.5rem;
    }

    .header__logo-title {
        width: 8.0625rem;
        height: 0.625rem;
        margin-left: 0.61rem;
    }
}

@media (min-width: 992px) {

    .header__logo-link,
    .header__logo-title {
        justify-content: start;
        width: fit-content;
        height: fit-content;
    }

    .header__menu {
        order: 1;
        background-color: transparent;
        flex-direction: row;
        position: static;
        top: unset;
        left: unset;
        width: 100%;
        height: initial;
        margin-top: 1rem;
        padding: 0 1rem;
        opacity: 1;
    }

    .header__menu-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 0;
        overflow: unset;
        position: relative;
    }

    .header__menu-list .separator {
        margin: 0.5rem 0;
    }

    .header__menu-list li {
        border: none;
        padding: 0;
        height: fit-content;
        width: fit-content;
        display: flex;
        align-items: center;
    }

    .header__menu-list li,
    .header__menu-list li:hover {
        background-color: transparent;
    }

    .header__menu-list li a {
        border: none;
    }

    .header__menu-list li.dropdown {
        position: static;
    }

    .header__menu-list li.dropdown>.dropdown-menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        margin: 0 auto;
        width: 71.25rem;
        max-width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        display: flex;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
        border-radius: 1rem;
        padding: 1rem;
        justify-content: space-between;
        background: #fff;
        margin-top: -12px;
    }

    .header__menu-list li.dropdown>.dropdown-menu>* {
        width: 100%;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .header__menu-list li.dropdown>.dropdown-menu>.submenu-col {
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
        flex-wrap: wrap;
    }

    .header__menu-list li.dropdown>.dropdown-menu>.submenu-col>li {
        width: 100%;
    }

    .header__menu-list li.dropdown>.dropdown-menu>.submenu-col>li a {
        padding: 0.3rem;
    }

    .header__menu-list li.dropdown>.dropdown-menu>.submenu-col>li.dropdown {
        position: relative;
    }

    .header__menu-list li.dropdown>.dropdown-menu>.submenu-col>li.dropdown>.dropdown-menu {
        background-color: var(--light);
        top: 1.5rem;
        width: fit-content;
        min-width: fit-content;
        max-width: fit-content;
        z-index: 3;
    }

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

    .header__contacts .socials {
        padding-left: 1.5rem;
    }

    .header .row>div {
        align-items: center;
    }

    .header__logo {
        justify-content: start;
    }

    .header__logo-title {
        margin: 0 1rem;
        padding-right: 1rem;
        border-right: 1px solid var(--light-01);
    }
}

@media (min-width: 1600px) {
    .header__menu {
        order: 0;
        margin-top: 0;
        display: flex;
        flex: 0 0 auto;
        width: calc(33.3333333333% - 1rem);
    }
}

.advantages {
    background-color: var(--accent);
    padding: 2rem 0;
}

.advantages * {
    color: var(--light);
}

.advantages__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.advantages__item-icon {
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1/1;
    margin-right: 1.5rem;
}

.advantages__item-text {
    width: calc(100% - 4.5rem);
}

.advantages__item-title {
    margin-bottom: 0.5rem;
}

@media (min-width: 0) {
    .advantages .advantage {
        margin-bottom: 1rem;
    }

    .advantages__item-icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem;
    }
}

@media (min-width: 992px) {
    .advantages .advantage {
        margin-bottom: 1rem;
    }
}

@media (min-width: 0) {
    .catalog__item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 1.86rem;
    }

    .catalog__item>div {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .catalog__item-img {
        margin-bottom: 1rem;
    }

    .catalog__item-img img {
        width: 10rem;
        height: 10rem;
        aspect-ratio: 1/1;
        object-fit: cover;
        object-position: center;
        border-radius: 50%;
        border: 1px solid var(--stroke);
    }
}
@media (min-width: 1599px) and (max-width: 1600px) {
  .phone {font-size: 1.3em;}
  .header__menu-list > li > .menu-item {font-size: 0.8rem;}
}

@media (min-width: 0) {
    .catalog--main {
        padding: 4rem 0;
    }
}

@media (min-width: 1200px) {
    .catalog--main {
        padding: 3rem 0;
    }
}

@media (min-width: 0) {
    .about {
        position: relative;
        background-color: var(--bg);
        padding: 4rem 0;
    }

    .about__digits {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 2.76rem;
    }

    .about__digits>.row {
        margin: 0;
    }

    .about__digits-item {
        flex-direction: column;
    }

    .about__digits-price {
        display: flex;
        font-family: "Manrope", serif;
    }

    .about__digits-price span {
        font-family: "IBM Plex Sans", Arial, sans-serif;
        display: flex;
        align-self: end;
        max-width: 4rem;
        margin-left: 0.5rem;
    }

    .about__digits-subtitle {
        margin-top: 0.5rem;
    }

    .about__mobile__img-inner {
        width: 100%;
        margin-top: 2.5rem;
        aspect-ratio: 17.89775/18.6785;
        background-image: url("/assets/templates/royal-mubarak_new/img/about.png");
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
    }

    .about__mobile__img {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
        position: relative;
    }

    .about__mobile__img-image {
        background-image: url("/assets/templates/royal-mubarak_new/img/logo-about.png");
        background-size: contain;
        background-repeat: no-repeat;
        aspect-ratio: 17.89775/18.6785;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .about {
        overflow: hidden;
        padding: 4rem 0;
    }

    .about>.container>.row {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
    }

    .about__img-inner {
        width: 100%;
        aspect-ratio: 2131/1627;
        background-image: url("/assets/templates/royal-mubarak_new/img/about.png");
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
    }

    .about__img {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
        position: relative;
    }

    .about__img-image {
        background-image: url("/assets/templates/royal-mubarak_new/img/logo-about.png");
        background-size: contain;
        background-repeat: no-repeat;
        aspect-ratio: 1/1;
        width: 40%;
        margin-top: 15%;
    }

    .about__digits {
        position: relative;
        margin-top: 5rem;
        background-color: var(--light);
        padding: 2rem 0;
        display: flex;
    }

    .about__digits::before,
    .about__digits::after {
        content: "";
        display: block;
        position: absolute;
        background-color: var(--light);
        height: 100%;
        z-index: 0;
    }

    .about__digits::before {
        width: 10rem;
        left: -5rem;
        top: 0;
        border-radius: 50%;
    }

    .about__digits::after {
        top: 0;
        right: calc(-100vw + 1px);
        width: 100vw;
    }

    .about__digits>.row {
        margin: 0 0.5rem;
    }

    .about__digits-item {
        flex-direction: column;
        z-index: 2;
    }

    .about__digits-price {
        display: flex;
        font-family: "Manrope", serif;
    }

    .about__digits-price span {
        font-family: "IBM Plex Sans", Arial, sans-serif;
        display: flex;
        align-self: end;
        max-width: 4rem;
        margin-left: 1.5rem;
    }

    .about__digits-subtitle {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1400px) {
    .about__img-inner {
        position: absolute;
        background-size: cover;
        left: -30%;
    }

    .about__img-image {
        width: 40%;
        margin-top: 15%;
    }
}

.modals {
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    transition: opacity var(--dt), background-color var(--dt);
    box-shadow: var(--box);
    overflow-x: scroll;
}

.modals.active {
    opacity: 1;
    display: flex;
    background-color: var(--overlay);
    z-index: 2;
}

.modals__item {
    background-color: var(--light);
    position: relative;
    display: none;
    opacity: 0;
    transition: opacity var(--dt), background-color var(--dt);
}

.modals__item.active {
    display: flex;
    background-color: var(--light);
    opacity: 1;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.15);
}

.modals__item-close {
    position: absolute;
    background-color: var(--accent);
    width: 2rem;
    height: 2rem;
    top: -1rem;
    right: -1rem;
    border-radius: 50%;
    cursor: pointer;
}
.modals__item-content {
color: #3C3C3C;
}
.modals__item-content .new-form{
margin: 20px 0px;
}
.modals__item-content h2{
    font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 5px;
}
.modals__item-close:before {
    content: "";
    display: block;
    position: absolute;
/*    top: 0;
    left: 0;*/
    top: 5px;
    left: 5px;
    mask-image: url("/assets/templates/royal-mubarak_new/img/close.svg");
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("/assets/templates/royal-mubarak_new/img/close.svg");
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
/*    width: 100%;
    height: 100%;*/
    width: 75%;
    height: 75%;
    background-color: var(--light);
    cursor: pointer;
}

.modals__item-content {
    padding: 1rem;
}

@media (min-width: 0) {
    .modals__item.active {
        display: flex;
        flex: 0 0 auto;
        width: calc(83.3333333333% - 1rem);
    }
}

@media (min-width: 992px) {
    .modals__item.active {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }
}

@media (min-width: 0) {
    .use {
        overflow: hidden;
        margin-top: 4rem;
        position: relative;
        padding-bottom: 11.25rem;
    }

    .use__slider {
        margin-top: 2.5rem;
        padding: 0 1rem;
    }

    .use__slides {
        align-self: stretch;
    }

    .use__oval {
        position: absolute;
        bottom: -3rem;
        right: 0;
        background-color: var(--accent);
        width: calc(100vw - 1rem);
        border-top-left-radius: 6rem;
        border-bottom-left-radius: 6rem;
    }

    .use__oval>.h3 {
        padding: 2.5rem 1rem 5.5rem 3rem;
        color: var(--light);
    }
}

@media (min-width: 992px) {
    .use {
        margin-top: 4rem;
    }

    .use__slider {
        margin-top: 4rem;
    }

    .use__image {
        aspect-ratio: 22.5/17.1875;
    }

    .use .carousel__indicators {
        display: none;
    }

    .use__oval {
        padding: 0;
        width: fit-content;
        border-top-left-radius: 7.5rem;
        border-bottom-left-radius: 7.5rem;
        bottom: -4.48rem;
        right: 0;
        left: calc(100vw - 55.375rem);
    }

    .use__oval::after {
        display: block;
        content: "";
        height: 100%;
        width: 100vw;
        position: absolute;
        right: calc(-1 * (100vw - 1px));
        top: 0;
        background-color: var(--accent);
    }

    .use__oval>.h3 {
        padding: 3.75rem 0 8.23rem 5.75rem;
    }
}

@media (min-width: 1920px) {
    .use__oval {
        left: calc(100vw - 55.375rem);
    }
}

.benefit {
    background-color: var(--bg);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.benefit__carousel {
    z-index: 2;
}

.benefit .medias__item--title {
    text-shadow: 0 0 4px var(--bg);
    max-width: calc(100% - 5rem);
}

.benefit::before,
.benefit::after {
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
}

.benefit::before {
    width: 25%;
    max-width: 5.5rem;
    top: calc(-1 * (1rem + 1px));
    right: 0;
    aspect-ratio: 5.5/7.8125;
    background-image: url("/assets/templates/royal-mubarak_new/img/8.png");
    transform: rotate(270deg) scaleY(-1);
}

.benefit .carousel__indicator:not(.carousel__indicator--active) {
    background-color: var(--light);
}

@media (min-width: 768px) {
    .benefit .h2 {
        margin-bottom: 4rem;
    }

    .benefit .carousel__indicators {
        display: none;
    }

    .benefit::before {
        max-width: 13.5rem;
        top: calc(-3 * (1rem + 1px));
    }

    .benefit::after {
        right: 0;
        bottom: 0;
        width: 25%;
        background-image: url("/assets/templates/royal-mubarak_new/img/benefit/bg-2.png");
        aspect-ratio: 24.8125/22;
        transform: rotate(90deg);
        max-width: 15.5rem;
    }
}

.ourAdvantages {
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
}

.ourAdvantages::after {
    position: absolute;
    content: "";
    display: block;
    aspect-ratio: 55/44.5;
    display: flex;
    flex: 0 0 auto;
    width: calc(50% - 1rem);
    bottom: 0;
    right: 0;
    background-image: url("/assets/templates/royal-mubarak_new/img/ourAdvantages/bg-2.png");
    background-size: contain;
    z-index: 1;
}

.ourAdvantages__items {
    background-color: transparent;
    z-index: 2;
}

.ourAdvantages .h2 {
    margin-bottom: 4rem;
}

.ourAdvantages .medias__item--title {
    color: var(--accent);
}

.ourAdvantages .medias__item--image {
    background-color: var(--accent);
    aspect-ratio: 1/1;
    height: unset;
}

.ourAdvantages .medias__item {
    align-items: start;
}

.ourAdvantages .medias__item--content {
    max-width: calc(100% - 5rem);
}

@media (min-width: 992px) {
    .ourAdvantages {
        padding-top: 4rem;
        padding-bottom: 4.13rem;
    }

    .ourAdvantages::after {
        background-image: url("/assets/templates/royal-mubarak_new/img/ourAdvantages/bg-1.png");
        z-index: unset;
    }

    .ourAdvantages .medias__item--content {
        max-width: calc(100% - 7.5rem);
    }
}

.howWeWork {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--accent);
    padding-top: 4rem;
}

.howWeWork__inner {
    background-color: var(--accent);
}

.howWeWork .medias__item--image {
    background-color: var(--accent);
}

.howWeWork .medias__item {
    align-items: start;
}

.howWeWork__content {
    flex-direction: column;
    padding-bottom: 1rem;
}

.howWeWork * {
    color: var(--light);
}

.howWeWork::after {
    display: block;
    content: "";
    aspect-ratio: 20/13.3125;
    width: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.howWeWork.right .howWeWork__title {
    margin-bottom: 2.5rem;
}

.howWeWork.right::after {
    background-image: url("/assets/templates/royal-mubarak_new/img/howWeWork/bg-1.jpeg");
}

.howWeWork.left .howWeWork__title,
.howWeWork.left .howWeWork__text {
    margin-bottom: 1.5rem;
}

.howWeWork.left .h3 {
    margin-bottom: 1.2rem;
}

.howWeWork.left::after {
    background-image: url("/assets/templates/royal-mubarak_new/img/howWeWork/bg-2.jpeg");
}

.howWeWork.left .medias__item {
    align-items: center;
}

.howWeWork.left .medias__item--content {
    width: calc(100% - 5.5rem);
}

.howWeWork.left .medias__item--image {
    background-color: var(--light);
    background-size: contain;
    background-position: center;
}

.howWeWork.left .medias__item--title {
    margin-bottom: 0;
}

.howWeWork.left .medias__item--text {
    margin-top: 0;
}

.howWeWork__content {
    z-index: 2;
}

@media (min-width: 992px) {
    .howWeWork {
        display: block;
        background-color: transparent;
        overflow-x: hidden;
    }

    .howWeWork::after {
        position: absolute;
        top: 0;
        left: 0;
        aspect-ratio: unset;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .howWeWork>.container>.row {
        background-color: transparent;
    }

    .howWeWork.right>.container>.row {
        justify-content: flex-end;
    }

    .howWeWork.right .medias__item {
        margin-bottom: 3.25rem;
    }

    .howWeWork.right .medias__item:nth-child(2) {
        margin-left: 1.88rem;
    }

    .howWeWork.right .medias__item:nth-child(3) {
        margin-left: 3.76rem;
    }

    .howWeWork.right .medias__item--image {
        width: 4rem;
        height: 4rem;
        margin-right: 1.88rem;
        background-size: 4rem;
        border-radius: unset;
    }

    .howWeWork__inner {
        display: flex;
        background-color: transparent;
        margin: 0 0 4rem 0;
    }

    .howWeWork__content {
        background-color: var(--accent);
        position: relative;
    }

    .howWeWork__content::after,
    .howWeWork__content::before {
        content: "";
        position: absolute;
        background-color: var(--accent);
        height: 100%;
        top: 0;
    }

    .right .howWeWork__content::before {
        border-radius: 50%;
        left: calc(-50% - 5rem);
        z-index: -1;
        aspect-ratio: 1/1;
    }

    .right .howWeWork__content::after {
        width: 100vw;
        right: -100vw;
    }

    .right .howWeWork__title {
        margin-bottom: 3rem;
        padding-left: 5.88rem;
    }

    .left .howWeWork__title {
        margin-bottom: 1.5rem;
        margin-top: 4rem;
    }

    .left .howWeWork__content {
        padding-bottom: 4rem;
    }

    .left .howWeWork__content .h3 {
        margin-bottom: 2rem;
    }

    .left .howWeWork__content__text {
        margin-bottom: 3rem;
    }

    .left .howWeWork__content .medias {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        flex-direction: row;
    }

    .left .howWeWork__content .medias>* {
        width: 100%;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }

    .left .howWeWork__content .medias__item {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .left .howWeWork__content .medias__item--content {
        max-width: unset;
    }

    .left .howWeWork__content .medias__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .left .howWeWork__content .medias__item--image {
        width: 3rem;
        height: 3rem;
    }

    .left .howWeWork__content::after {
        border-radius: 50%;
        right: calc(-50% - 7rem);
        z-index: -1;
        aspect-ratio: 1/1;
    }

    .left .howWeWork__content::before {
        width: 100vw;
        left: -100vw;
    }

    .howWeWork__content>*:not(::before, ::after) {
        z-index: 1;
    }

    .right .howWeWork__inner {
        justify-content: flex-end;
    }

    .howWeWork__title {
        margin-top: 4rem;
        margin-bottom: 3rem;
    }
}


.card__content--info, .card__content--info-mobile {
margin-top: 20px;
  color: #3C3C3C;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  align-items: center;
  position: relative;
}
.card__content--info-mobile div, .card__content--info div {
  display: flex;
    align-items: center;
  position: relative;
  font-weight: 600;
  width: auto;
}
.card__content--info-mobile div:first-child, .card__content--info div:first-child {
  font-weight: 400;
  margin-right: 0;
}
.card__content--info-mobile div img, .card__content--info div img{
  width: 48px;
  height: 48px;
  margin-right: 6px;
}

.dateFruit {
    padding: 4rem 0;
}

.dateFruit .card__image {
    width: 100%;
    aspect-ratio: 18.125/16.25;
    border-bottom-left-radius: 9rem;
    border-bottom-right-radius: 9rem;
    overflow: hidden;
}

@media (min-width: 992px) {
    .dateFruit {
        padding: 4rem 0;
    }

    .dateFruit .card__image {
        aspect-ratio: 22.5/28.25;
        border-bottom-left-radius: 12rem;
        border-bottom-right-radius: 12rem;
    }

    .dateFruit .carousel__indicators {
        display: none;
    }
}

.howWeWork.connection .howWeWork-phones a{
color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}
.howWeWork.connection .howWeWork-phones {
    margin-top:26px;
}
.howWeWork.connection .howWeWork-phones a:hover{
  text-decoration: underline;
}
.howWeWork.connection .howWeWork-mails {
    margin-top:12px;
}
.howWeWork.connection .howWeWork-mails a{
color: var(--white, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 28px;
  text-decoration: none;
}
.howWeWork.connection .howWeWork-mails a:hover{
  text-decoration: underline;
}

.fruits {
    padding-bottom: 4rem;
    background-color: var(--accent);
}

.fruits .carousel__indicator {
    background-color: var(--stroke);
    opacity: 0.3;
}

.fruits .carousel__indicator--active {
    background-color: var(--light);
    opacity: 1;
}

.fruits>.container {
    padding: 0;
    width: 100%;
}

.fruits * {
    color: var(--light);
}

.fruits__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.fruits__item--image {
    width: 100%;
    aspect-ratio: 20/13.3125;
}

.fruits__item--image>img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.fruits__item--content {
    padding: 1rem;
}

.fruits__item--title {
    margin-top: 3rem;
}
.dropdown-menu-item .submenu-title {
    font-weight: 600;
}

@media (min-width: 992px) {
.dropdown-menu-item {
    width: calc(25% - 1rem) !important;
    display: block;
}
.dropdown-menu-item .submenu-col {
    display: block;
}
.dropdown-menu-item .submenu-col li{
    width: 100% !important;
}
    .fruits {
        padding: 0;
        margin-bottom: -0.5rem;
    }

    .fruits .carousel__slides {
        flex-direction: column;
    }

    .fruits__item {
        flex-direction: row;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    .fruits__item>div {
        width: 50%;
        aspect-ratio: unset;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .fruits__item--content {
        max-width: 35.625rem;
        padding-left: 3.75rem;
    }

    .fruits__item--content .h2 {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }

    .fruits__item--image {
        border-top-right-radius: 15vw;
        border-bottom-right-radius: 15vw;
        overflow: hidden;
    }

    .fruits .carousel__indicators {
        display: none;
    }
}

.halfSec {
    background-color: var(--light);
    display: flex;
    flex-direction: column-reverse;
    z-index: 4;
}

.halfSec__image {
    width: 100%;
    aspect-ratio: 20/13.3125;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.halfSec .content .h2 {
    margin-bottom: 2.5rem;
    margin-top: 4rem;
}

.halfSec .medias {
    margin: 1.5rem 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.halfSec .medias__item {
    width: 50%;
    margin-bottom: 0;
}

.halfSec .medias__item--image {
    width: 3rem;
    height: 3rem;
}

.halfSec .medias__item--title {
    color: var(--primary);
}

.halfSec.right .content {
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    .halfSec {
        display: block;
        position: relative;
    }

    .halfSec.left .halfSec__image {
        right: 0;
    }

    .halfSec.left .medias {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .halfSec.left .medias__item {
        display: flex;
        flex: 0 0 auto;
        width: calc(100% - 1rem);
    }

    .halfSec.left .quoteWrap {
        display: flex;
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .halfSec__image {
        width: 50%;
        height: 100%;
        aspect-ratio: unset;
        position: absolute;
    }

    .halfSec.right .container .row {
        justify-content: flex-end;
    }

    .halfSec.right .container .row .content {
        padding-left: 6rem;
        margin-top: 8.5rem;
        margin-bottom: 8.3rem;
    }

    .halfSec.right .container .row .content .h2 {
        margin-top: 0;
    }
}

.walnut {
    background: var(--bg, #F5F5F5);
    padding: 4rem 0;
}

.walnut>.container {
    position: relative;
}

.walnut__slider .card {
    border: none;
}

.walnut__slider .card__content {
    padding: 1.5rem 0 0;
    color: yellow;
}

.walnut__overlayTitle {
    position: absolute;
    top: -4.61rem;
    left: 0;
    background-color: var(--accent);
    color: var(--light);
    padding: 4rem;
    display: flex;
    flex: 0 0 auto;
    width: calc(41.6666666667% - 1rem);
    z-index: 3;
    border-top-right-radius: 16rem;
    border-bottom-right-radius: 16rem;
}

.walnut__overlayTitle::before {
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    top: 0;
    height: 100%;
    right: 100%;
    background-color: var(--accent);
    z-index: 2;
}

@media (min-width: 992px) {
    .walnut>.container {
        padding-top: 8.25rem;
        /*    padding-bottom: 7.88rem;*/
    }

}

.about-us-left{
color: var(--primary, #3C3C3C);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 125%;
}
.about-us-right{
color: var(--primary, #3C3C3C);
font-family: IBM Plex Sans;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 28px;  
}

.product__item-left {
    padding-right: 30px;
}

.props_top {
    margin: 48px 0;
}

.props_top_block .props_top-item {
    display: flex;
    justify-content: space-between;
}

.props_top-space {
    width: 100%;
    border-bottom: 1px solid #989898;
    position: relative;
    bottom: 5px;
}

.props_top-item-title {
    color: var(--secondary, #989898);
    font-family: IBM Plex Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-right: 8px;
    white-space: nowrap;
}

.props_top-item-value {
    color: var(--primary, #404040);
    text-align: right;
    font-family: IBM Plex Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-left: 8px;
    white-space: nowrap;
}

#product .product__item {
    display: block;
}

.slick-dots li.slick-active button::before {
    color: #73b73c !important;
}

.slick-dots li button::before {
    font-size: 40px !important;
}

.delivery__row {
    margin-left: 0;
    margin-right: 0;
}

.delivery__item-img {
    width: 96px;
    height: 96px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 333px;
    background: #FFF;
}

.delivery__item-img img {
    width: 50px;
    height: 50px;
    top: 25px;
    position: relative;
    left: 25px;
}

.delivery__row-page-info {
    margin-top: 80px;
    color: color: var(--primary, #3C3C3C);
}

.delivery__row-page-info h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
}

.delivery__row-page-info img {
    max-width: 1140px;
    max-height: 390px;
    object-fit: cover;
    margin-top: 48px;
}

.delivery__row-page-info p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 48px;
}

.delivery__item {
    display: block;
    color: #fff;
    padding-right: 30px;
}

.delivery__item .delivery__item-title {
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    color: var(--accent, #73B73C);
    margin-bottom: 16px;
}

#slider h2 {
    text-align: center;
    color: var(--primary, #3C3C3C);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
}

#slider row {
    margin: 0;
}

#slider {
    margin: 4rem 0;
}

#slider p {
    text-align: center;
    color: var(--secondary, #999);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 164.706% */
    margin-top: 16px;
}


#slider .slider__row {
    margin-top: 64px;
}

#slider .slider__row .slider__item-img {
    border: 1px solid var(--stroke, #EEE);
    padding: 24px;
    margin-left: 15px;
}

#slider .slider__row .slider__item-img img {
    max-height: 99px;
    object-fit: contain;

}

#slider .slick-track {
    margin-bottom: 48px;
}
.products-list-slider .catalog__item-img a{
display: inline-block;
}
#products-list {
    margin: 128px 0;
}
#products-list h2{
color: var(--primary, #3C3C3C);
font-family: IBM Plex Sans;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 125%;  
}
.geen_ol li {
    margin: 10px 0;
}
.geen_ul, .geen_ol {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-left: 15px;
     color: #73b73c;
}
.geen_ul, .geen_ol span{
     color: #3C3C3C;
}
.geen_ul li:before {
    position: absolute;
    content: '\2022';
    left: -15px;
    color: #73b73c;
}

.geen_ul li {
    margin: 10px 0;
    position: relative;
    list-style: none;
}

.howWeWork.connection:before {
  background-image: url("/assets/templates/royal-mubarak_new/img/mainpage/howWeWork1.jpg") !important;
}
.howWeWork.connection:after {
  background-image: url("/assets/templates/royal-mubarak_new/img/mainpage/howWeWork1.jpg");
}
.howWeWork.connection:before{
display: none;
  content: "";
  aspect-ratio: 20/13.3125;
  width: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;    
}


.catalog--main.tabs .catalog__item-title a {
    text-decoration: none;
    color: var(--primary);
}
#product-description .product-description__item .row {
    color: var(--primary, #3C3C3C);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.row-product-description-title {
    color: var(--primary, #3C3C3C);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

#product-description .product-description__item {
    width: 100%;
}

#product-description .tabs__row {
    margin-left: 0;
    margin-right: 0;
}

#product-description .tabs__items {
    margin-top: 0;
}

#product-description .product-description__item {
    color: var(--primary, #3C3C3C);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

#product-description .product-description__item h2 {
    color: var(--primary, #3C3C3C);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 32px;
}

#product-description .product-description__item h2 {
    margin-top: 48px;
}

#product-description .product-description__item h2:first-child {
    margin-top: 0;
}

#product-description {
    margin-bottom: 128px;
}

.product__item-img {
    max-width: 360px;
    max-height: 240px;
    height: 100%;
}

.product__item-img img {
    height: 100%;
    object-fit: contain;
}

.delivery {
    padding: 128px 0;
    background: var(--bg, #F5F5F5);
}

.delivery__item-img {
    margin-bottom: 24px;
}

.contacts-way {
    display: flex;
    width: 1140px;
    padding: 40px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 24px;
    background: #F7FBF4;
    margin-top: 48px;
}

.products-list {
    margin-top: 64px;

}

.text-after-catalog {
    margin-top: 80px;
}

.products-list .catalog__item-title a {
    color: var(--primary, #3C3C3C);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
}

.contacts-way ul {
    margin-left: 15px;
    line-height: 35px;
}

.contacts-way ul li {
    color: #73B73C;
    font-size: 15px;
}

.contacts-way ul li span {
    color: #3C3C3C;
}

#product h1 {
    color: var(--primary, #3C3C3C);
    font-family: IBM Plex Sans;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    /* 50px */
}

.h1-product-mobile {
    display: none;
}

.h1-product {
    display: block;
}

.contacts-way strong {
    font-size: 17px;
}

.contacts-row .button {
    margin-top: 32px;
}

.white-btn {
    border: 1px solid #73B73C;
    color: #3C3C3C;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}

.white-btn:hover {
    border: 1px solid #73B73C;
    color: #3C3C3C;
    background: #73B73C;
    color: #fff;
}

.green-btn {
    border-radius: 333px;
    background: var(--accent, #73B73C);
    border: 1px solid #73B73C;
    text-transform: uppercase;
    display: flex;
    width: 260px;
    height: 48px;
    padding: 10px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.green-btn:hover {
    background: #fff;
    color: #73B73C;
}
.header__phone .phone-link a {
    width: 100%;
    height: 100%;
    display: block;
}
.product__row,
.product__row .product__item {
    margin-left: 0;
    margin-right: 0;
}

#product .button {
    margin-bottom: 78px;
}
.modals__item-content, .new-form .form-group {
    width: 100%;
}
.modals__item-content .new-form input{
border-radius: 333px;
  background: #FFF;
  width: 100%;
  padding: 10px 32px;
  margin-bottom: 30px;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #111;
  outline: none; 
}
#form-feedback input:focus, .new-form input:focus {
    border: 1px solid #73b73c;
    outline: none; 
}
.soc-links {
    display: flex;
    align-items: center;
    position: relative;
}

.catalog__item-props p {
    color: var(--secondary, #999);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.products-list .catalog__item-img img {
    width: 10rem;
    height: 10rem;
}

.contacts-row .white-soc a {
    border: none;
}

.contacts-row .white-soc a .icon {
    background-color: #999;
}

.contacts-row .white-soc {
    margin-left: 12px;
}

.green-link {
    color: #73B73C;
    text-decoration: none;
}

.green-link:hover {
    text-decoration: underline;
}

.contacts-row {
    display: block;
}

.dropdown-menu .dropdown-toggle {
    display: none;
}

.contacts-row .phone {
    color: #3C3C3C;

}

.mail-links {
    margin: 12px 0;
    line-height: 24px;
}

.contacts-row p {
    margin-bottom: 12px;
    color: #3C3C3C;
}

.contacts-row ul {
    margin-left: 15px;
    line-height: 30px;
}

.contacts-row ul li {
    color: #73B73C;
}

.contacts-row ul li span {
    color: #3C3C3C;
}

#form-feedback {
    margin-top: 64px;
    margin-bottom: 16px;
}

.feedback {
    background-color: #3C3C3C;
    padding: 4rem 0;
}

.feedback .row {
    margin-left: 0;
    margin-right: 0;
}

.feedback h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 16px;
    color: #fff;
}

.feedback .sub-h2,
.feedback .after-form {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: #999999;
}

.feedback .after-form {
    text-align: center;
}

.feedback .form-group {
    width: 100%;
}

.feedback .form-group input {
    border-radius: 333px;
    background: #FFF;
    width: 100%;
    padding: 10px 32px;
    margin-bottom: 30px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    border: 1px solid #3C3C3C;
    outline: none;
}
.feedback .form-group input:focus {
outline: none;
    border: 1px solid #3C3C3C;
}

.delivery__row-page .delivery__item {
    border-radius: 24px;
    background: #73B73C;
    padding: 32px 40px;
}

.delivery__row-page .delivery__item .delivery__item-title {
    color: #fff;
}

.feedback .form-group #message {
    height: 95px;
    border-radius: 25px;
    margin-bottom: 48px;
}

.btn-feedback {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    max-width: 260px;
    border: 1px solid #73b73c;
    background: #73b73c;
    color: #fff;
    width: 260px;
    margin: 0 auto;
}

.btn-feedback:hover {
    background: #fff;
    color: #73b73c;

}

.dateFruit .card {
  border: none;
}


.price {
    background: #73B73C;
    padding: 4rem 0;
    color: #fff;
}

.price-mainpage {
    background: #F5F5F5;
}

.price h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 16px;
}

.price-mainpage .price__title {
    color: #111 !important;
}

.price-mainpage .price__subtitle,
.price-mainpage .price__sub-button {
    color: #999;
}

.price-mainpage .btn-price:hover {
    color: #111;
    background: #fff;
    border: 1px solid #73b73c;
}

.price-mainpage .btn-price {
    border: 1px solid #73b73c;
    background: #73b73c;
    color: #fff;
}

.price-mainpage .price__sub-button a {
    color: #73b73c !important;
}

.price-mainpage .price__sub-button a {}

.price .price__item {
    display: block;
}

.price__subtitle {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.btn-price {
    background: #fff;
    border: none;
    color: #111;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    max-width: 260px;
    margin-bottom: 16px;
}

.btn-price:hover {
    color: #73b73c;
}

.price__sub-button {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.price__sub-button a {
    color: #fff;
    text-decoration: none;
}

.price__sub-button a:hover {
    color: #fff;
    text-decoration: underline;
}

.map {
    height: 500px;
}

.outro {
    background-color: #07090b;
    #min-height: 930px;
    padding-bottom: 4rem;
}

.footer__left {
    display: block;
}

.footer__logo {
    display: flex;
    margin-bottom: 16px;
    font-size: 15px;

    align-items: center;
    position: relative;
}

.footer {
    padding-top: 80px;
    color: #fff;
}

.footer__logo-text {
    font-size: 15px;
}

.footer__logo-link {
    margin-right: 8px;
}

.footer__logo-link img {
    width: 45px;
}

.footer__logo-title img {
    width: 200px;
}

.footer__down_text {
    font-size: 13px;
    color: #999;
    line-height: 20px;
    margin-top: 120px;
}

.footer__contacts-connection a,
.footer__down_text a {
    color: #999;
    text-decoration: none;
}

.footer__contacts-connection a,
.footer__down_text a:hover {
    color: #fff;
}

.footer_menu-title,
.footer_contacts-title {
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 24px;
}

.footer__menu-item a {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
}

.footer__contacts-tel a {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
    text-decoration: none;
}

.footer__contacts-tel,
.footer__contacts-adress {
    margin-bottom: 12px;
}

.footer__contacts-adress {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.footer__contacts-pavilions {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
}

.footer__contacts-connection a {
    margin-bottom: 4px;
    font-size: 15px;
}

.footer__contacts-connection {
    margin-bottom: 12px;
}

.footer .white-soc {
    max-width: 112px;
}

.payment-methods {
    margin-top: 32px;
}

.payment-methods img {
    width: 32px;
    margin-right: 8px;
}

.footer__down_text_mobile {
    display: none;
}

.content-about-us {
    margin-bottom:0 !important;
}
.benefit__carousel .benefit__slide {
    margin-left: 10px;
    margin-right: 0;
}
#arahis {
  background: #73B73C;
  padding: 4rem 0;
  color:#fff;
}
#arahis h2{
  color:#fff;
}
#arahis div{
  color:#fff;
}
#arahis .card__image img {
    object-fit:contain;
}
#arahis .card {
    border:none;
}
#arahis .arahis__slider {
    margin-top:64px;
}
    .arahis__slider-desc {
        display:flex !important;
    }
    .arahis__slider-mobile {
        display:none !important;
    }
#arahis .slick-dots li.slick-active button::before {
  color: #fff !important;
}
.chocolate {
  overflow: hidden; !important;
  background: #fff !important;
}
.chocolate .walnut__overlayTitle::before {
  background-color: #fff;

}
.chocolate .card {
    background: #F5F5F5;
}
.chocolate .card__content {
    padding:32px;
}


.chocolate .walnut__overlayTitle {
/* width: calc(97% - 1rem); */
padding-top: 4.17rem;
  background-color: #fff;
  width: 100%;
  color: #3C3C3C;
  padding-left: 7px;
}
.chocolate .card {
    position:relative;
}
.chocolate .card img{
/*     width: 330px;
    height: 330px;
margin-top: -20px;
  right: 0;
  position: absolute; */
  object-fit:contain;
}
.chocolate .slick-list {
    overflow:unset;
}
.carousel__slide {
  /* margin: 0 5px; */
}
.text-after-catalog .col-xl-6 {
    display: block;
}
.text-after-catalog .row{
    margin-top: 25px;
}
@media (max-width: 767px) {
    #slider .slider__row .slick-list .slider__item-img{
    margin-right: 3px;
    }
    .modals__item.active {
        width: 90%;
    }
    .modals__item.active p{
        line-height: 1.3rem;
    }
    .modals__item-content .new-form input {
        margin-bottom: 15px;
    }
    .arahis__slider-desc {
        display:none !important;
    }
    .arahis__slider-mobile {
        display:block !important;
    }
    .about__digits-item-last {
        display:none;
    }
.about-us-right{
margin-top:32px;
} 
    .footer__down_text,
    .footer_contacts-title {
        display: none;
    }

    .footer__contacts-tel {
        margin-top: 24px;
    }

    .footer__down_text_mobile .footer__down_text {
        display: block;
    }

    .footer__down_text_mobile {
        display: block;
        width: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/templates/royal-mubarak_new/img/footer/footer-background-mobile.png") #111 no-repeat center;
        background-position-x: 0%, center;
        background-position-y: 0%, center;
        background-size: auto, auto;
        background-size: cover;
        background-position-y: 199px;
        background-clip: border-box;
        background-position: bottom;
        margin: 0;
    }

    .footer__down_text {
        margin-top: 24px;
        margin-left: 8px;
        height: 356px;
    }

    .footer__down_text p:first-child {
        max-width: 260px;
    }

    .price {
        padding: 64px 0;
    }

    .btn-price {
        max-width: 100%;
    }

    .price__subtitle {
        margin-bottom: 40px;
    }

    .price__sub-button {
        text-align: center;
    }

    .feedback h2 {
        font-size: 25px;
    }

    #form-feedback {
        margin-top: 40px;
    }

    .feedback .form-group input {
        margin-bottom: 15px;

    }

    .feedback .form-group #message {

        margin-bottom: 24px;
    }

    .feedback {
        padding: 64px 0;
    }

    .product__item-img {
        margin: 0 auto;
    }

    .h1-product-mobile {
        display: block;
        margin-bottom: 40px;
    }

    .h1-product {
        display: none;
    }

    #product .green-btn {
        width: 100%;
    }

    #product .button {
        margin-bottom: 40px;
    }

    .delivery__row-page .delivery__item {
        margin-bottom: 16px;
    }

    .delivery__row-page-info h2 {
        font-size: 19px;
    }

    .delivery__row-page-info {
        margin-top: 40px;
    }

    .delivery__row-page-info p {
        margin-top: 16px;
    }

    .delivery__row-page-info-desktop {
        display: none;
    }

    .delivery__row-page-info-mobile h2 {
        margin-top: 24px;
    }

    .delivery__row-page-info-mobile h2:first-child {
        margin-top: 0px;
    }

    #slider h2 {
        font-size: 25px;
    }

    #slider {
        margin: 64px 0;
    }

    #slider .slider__row {
        margin-top: 40px;
    }

    #slider .slider__row .slider__item-img {
        padding: 15px;
    }

    #slider .slick-track {
        margin-bottom: 24px;
    }

.walnut__overlayTitle {
  width: calc(98.6666666667% - 1rem);
}
}

@media (min-width: 768px) {
    .card__content--info-mobile {
        display: none;
    }

    .delivery__row-page-info-mobile {
        display: none;
    }

    #slider .slider__row {
        margin-left: 0;
        margin-right: 0;
    }

    #slider .container {
        padding-right: 0;
    }

    #slider .slider__row .slider__item-img {
        margin-left: 0px;
        margin-right: 15px;
    }

    .outro {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/templates/royal-mubarak_new/img/footer/footer-background.jpg") #111 no-repeat center;
        background-size: auto, auto;
        background-size: auto, auto;
        background-size: cover;
        #min-height: 970px;
    }

    .products-list .button a {
        max-width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
.use__slider .use__card {
    min-height:710px;
}
    .footer__left-block {
        max-width: 300px;
        margin-left: 100px;
    }

    .footer__contacts {
        margin-left: 100px;
    }

    .footer__down_text {
        margin-top: 20px;
    }

    .product__item-left {
        margin-right: 20px !important;
    }
}

@media (max-width: 991px) {
    .tabs__items {
      margin: 2.5rem 0px;
      padding-right: 0;
      padding-left: 0;
    }
    .tabs__items .row{
        margin-right: 0;
        margin-left: 0;
    }
    .tabs__items .tabs__items-scroll {
        margin: 0;
        width: 100%;
        display: contents;
    }
    .dropdown-menu-item {
        display: block;
    }
    .dropdown-menu-item .submenu-title {
        margin: 10px 0;
    }
    #products-list {
    margin: 64px 0;
}
#products-list h2{
color: var(--primary, #3C3C3C);
font-family: IBM Plex Sans;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 125%;
}
    .chocolate__slides {
        padding-top:67px;
    } 
    .chocolate{
        margin-top: 50px;
    }
.about-us-left{
font-size: 19px; 
}
#arahis {
  padding: 64px 0;
}
 #arahis .arahis__slider {
    margin-top:40px;
}   
   .howWeWork.connection .howWeWork__title {
        padding-top:64px;
    }
.howWeWork.connection{
padding-top:0;
}
.howWeWork.connection:before{
display: block;
}
.howWeWork.connection:after{
display: none;
}
.walnut__overlayTitle {
  padding-top: 3rem;
  padding-bottom: 2.69rem;
}
  .walnut__slider .slick-track {
    margin-bottom: 24px;
  }
.halfSec.right .halfSec__image {
  display: none;
}
  .fruits__slider-carousel-desc {
    display: none;
  }

.fruits__slider-carousel .slick-dots li.slick-active button::before {
  color: #fff !important;
} 
    .walnut {
        background: var(--bg, #F5F5F5);
        padding-bottom: 64px;
        overflow: hidden;
    }

    .footer__menu-block {
        display: none;
    }

    .price h2 {
        font-size: 25px;
    }

    .price .row {
        margin-left: 0;
        margin-right: 0;
    }

    #content {
        margin-top: 40px;
        margin-bottom: 64px;
    }

    #content h1 {
        font-size: 25px;
        margin-bottom: 40px;
    }

    .contacts-row .soc-links {
        display: block;
    }

    .contacts-row .soc-links .white-soc {
        margin-left: 0;
        margin-top: 12px;
        justify-content: flex-start;
    }

    .contacts-way {
        margin-top: 40px;
    }

    .category h2, .partners h2 {
        margin-bottom: 24px;
        font-size: 19px;
    }

    .delivery {
        padding: 64px 0;
    }

    #breadcrumbs {
        margin-bottom: 40px;
    }

    .product__item-left {
        padding-right: 0px;
    }

    #product h1 {
        font-size: 25px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
    }

    #product-description {
        margin-bottom: 64px;
    }

    #product-description .product-description__item h2 {
        font-size: 19px;
        margin-bottom: 16px;
    }

    .product-description-desctop {
        display: none;
    }

    .product-description-mobile-item-title {
        color: var(--primary, #3C3C3C);
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .product-description-mobile-item {
        padding: 24px 15px;
    }

    #product-description .product-description-mobile-item:nth-child(odd) {
        background: var(--bg, #F5F5F5);
    }

    .products-list {
        margin-top: 40px;

    }

    .text-after-catalog {
        margin-top: 40px;
    }

    .row-middle {
        margin: 30px -8px;
    }

    .slick-arrow {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 2047px) {
.similar-products .catalog__item {
    height: 385px;
}
}
@media (min-width: 992px) {


.chocolate .card {
    min-height:630px;
}
.dropdown .dropdown-menu li {
  width: 33% ;
     margin-left: 0 !important;
    margin-right: 0 !important;
}  

  .fruits__slider-carousel-mobile {
    display: none !important;
  }
    .footer__logo {
        display: flex;
        margin-bottom: 8px;
    }

    .footer__contacts-tel a {
        font-size: 19px;
    }

    .footer__left-block {
        max-width: 250px;
    }

    .map {
        height: 480px;
    }

    #product-description .product-description__item .row:nth-child(odd) {
        background: var(--bg, #F5F5F5);
    }

    #product-description .product-description__item .row {
        padding: 10px 32px;
    }

    .product-description-mobile {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .header {
        height: 141px;
    }
}

@media (min-width: 992px) and (max-width: 2047px) {
.use__slider .use__card {
    min-height:638px;
}
}

@media (min-width: 1600px) and (max-width: 2047px) {

  .header__menu-list .dropdown .dropdown-menu {
   max-width: 150% !important;
    left: -24% !important;
}
}
@media (min-width: 2048px) {
    .similar-products .catalog__item {
    min-height: 400px;
}
    .chocolate .card {
    min-height:800px;
}
.feedback #form-feedback .col-6 {
margin-left: 0.4rem;
    margin-right: 0.4rem;
}
.use__slider .use__card {
    min-height:750px;
}
  .header__menu-list li.dropdown > .dropdown-menu {
    max-width: 146%;
}
.advantages .advantage {
margin-left: 0;
  margin-right: 0;
} 

.about .about__content {
   margin-left: 0;
  margin-right: 0; 
} 
.carousel__slide {
  margin: 0 5px;
}
.about__digits .about__digits-item{
       margin-left: 0;
  margin-right: 0; 
}

}
/*# sourceMappingURL=main.css.map */


.product-description__item ul {
    margin-left: 15px;
    line-height: 30px;
}

.product-description__item ul li {
    color: #73B73C;
}

.product-description__item ul li span {
    color: #3C3C3C;
}


    .header-video {
      width: 100%;

      overflow: hidden;
 position: absolute;
  height: 41.6666666667vw;
    }

    video {
      position: absolute;
    
      overflow: hidden;
      z-index: -1;
      top: -72px;
  width: 100%;
      


  display: block;
  text-align: center;      
    }

    .header-video-content {
      position: absolute;
      text-align: center;
      z-index: 1;
      color: white;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }

    .header-video-content h1 {
      font-size: 70px;
    }
    .header-video-content p {
      font-size: 30px;
      font-weight: lighter;
    }

@media (min-width: 992px) {
    .intro-mainpage {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), #d3d3d35e no-repeat center;
    }
}
@media (max-width: 991px) {
    .header-video {
        display: none;
    }
}