@font-face {
    font-family: "Muller";
    src: url("../fonts/MullerRegular.eot");
    src: local("☺"), url("../fonts/MullerRegular.woff") format("woff"), url("../fonts/MullerRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Muller";
    src: url("../fonts/MullerBold.eot");
    src: local("☺"), url("../fonts/MullerBold.woff") format("woff"), url("../fonts/MullerBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

ol {
    list-style-type: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: 400;
}

button {
    background: unset;
}

html,
body {
    height: 100%;
    background: #fff;
    font-family: "Lexend Deca", sans-serif;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}

/* Common styles of menus */

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

.dl-menuwrapper {
    width: 100%;
    max-width: 300px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    position: absolute;
    left: 24px;
    top: 34px;
    display: none;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: #de0a89;
    border: none;
    width: 60px;
    height: 60px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #de0a89;
}

.dl-menuwrapper button:after {
    content: "";
    position: absolute;
    width: 56%;
    height: 3px;
    background: #fff;
    top: 18px;
    left: 21%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: "icomoon";
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% {
    }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% {
    }
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% {
    }
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% {
    }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% {
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% {
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% {
    }
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: "";
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
    background: #d35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
    background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
    background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
    background: #643771;
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.biggest-container {
    max-width: 1950px;
    margin: 0 auto;
    padding: 0 10px;
}

.big-container {
    max-width: 1750px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.btn {
    background: #fff;
    border: 1px solid #490083;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 225px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 80px;
    -webkit-transition: padding-left 0.3s;
    -o-transition: padding-left 0.3s;
    transition: padding-left 0.3s;
    padding-top: 22px;
    padding-bottom: 22px;
    z-index: 2;
}

.btn span:first-child {
    position: absolute;
    height: 63px;
    width: 60px;
    min-width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    left: 0;
    z-index: 1;
}

.btn span:first-child::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #490083;
}

.btn span:first-child::after {
    content: "";
    width: 20px;
    height: 120%;
    position: absolute;
    top: -10px;
    right: -9px;
    bottom: -10px;
    background: #fff;
    -webkit-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    transform: rotate(-17deg);
    -webkit-transition: right 0.3s, -webkit-transform 0.3s;
    transition: right 0.3s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, right 0.3s;
    transition: transform 0.3s, right 0.3s;
    transition: transform 0.3s, right 0.3s, -webkit-transform 0.3s;
}

.btn span:first-child svg {
    width: 20px;
    height: 20px;
    z-index: 1;
    margin-right: 8px;
    left: 50%;
    -webkit-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
}

.btn span:last-child {
    z-index: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: #202020;
    text-transform: uppercase;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.btn:hover {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}

.btn:hover span:last-child {
    justify-content: center;
}

.btn:hover span:first-child {
    width: 100%;
    position: absolute;
}

.btn:hover span:first-child::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    right: -20px;
}

.btn:hover span:first-child svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 80%;
}

.suptext {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #515151;
}

@media (max-width: 1920px) {
    .suptext {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .suptext {
        line-height: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .suptext {
        margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.title {
    display: inline-block;
    font-weight: 700;
    font-size: 46px;
    line-height: 58px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #202020;
}

@media (max-width: 1920px) {
    .title {
        font-size: calc(20px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .title {
        line-height: calc(32px + 26 * ((100vw - 360px) / 1560));
    }
}

.title span {
    position: relative;
    color: #ec6c23;
}

.title span::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .title span::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .title span::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.body--categiries .header {
    overflow: unset;
}

.body-menu--active .header {
    position: unset;
}

.header {
    position: relative;
    z-index: 10;
}

.header-top {
    background: #202020;
}

.header-top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    padding: 20px 45px;
}

.header-top__deal {
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-top__deal svg {
    margin-right: 15px;
}

.header-top__deal-text {
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #fff;
}

@media (max-width: 1920px) {
    .header-top__deal-text {
        font-size: calc(12px + 3 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .header-top__deal-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.header-top__deal-text span {
    font-weight: 400;
}

.header-top__entrance-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #fff;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.header-top__entrance-link:hover {
    color: #de0a89;
}

.header-top__entrance-link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.header-top__entrance-link:hover svg path {
    stroke: #de0a89;
}

.header-top__entrance-link svg {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.header-top__entrance-link svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.header-top__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.header-top__socials-link:hover svg path {
    stroke: #de0a89;
}

.header-top__socials-link svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.header-top__socials svg path {
    stroke: #222;
}

.article-bottom__share:hover .header-top__socials {
    opacity: 1;
    right: 75px;
}

.article-bottom__share .header-top__socials {
    position: absolute;
    right: 60px;
    z-index: 3;
    gap: 10px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.header-top-working-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.header-top-working-time__text {
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #fff;
}

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

@media (max-width: 1920px) {
    .header-content {
        padding-top: calc(30px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .header-content {
        padding-bottom: calc(30px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (min-width: 1600px) {
    .header-content__inner {
        padding: 0 45px;
    }
}

.header-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}

.header-content__entrance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    margin-left: auto;
}

.header-content__entrance-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    color: #202020;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.header-content__entrance-link:hover {
    color: #490083;
}

.header-content__entrance-link:hover svg path {
    fill: #490083;
}

.header-content__entrance-link svg path {
    -webkit-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
}

.header-content__entrance-link:last-child {
    position: relative;
}

.header-content__entrance-link:last-child::before {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #202020;
    right: 0;
    top: 102%;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.header-content__entrance-link:last-child:hover {
    color: #202020;
}

.header-content__entrance-link:last-child:hover::before {
    width: 100%;
}

.header-content__purshace {
    margin-left: 35px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #de0a89;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: border 0.3s, background 0.3s;
    -o-transition: border 0.3s, background 0.3s;
    transition: border 0.3s, background 0.3s;
}

.header-content__purshace:hover {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #de0a89;
}

.header-content__purshace:hover svg path {
    stroke: #de0a89;
}

.header-content__purshace svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.menu {
    margin-left: 50px;
}

.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.menu-list__item--categories {
    position: relative;
}

.menu-list__item {
    padding-bottom: 25px;
    padding-top: 25px;
}

.menu-list__item:hover .menu-list__submenu {
    display: block;
}

.menu-list__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #202020;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

.menu-list__btn svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu-list__link {
    color: #202020;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
}

.menu-list__link::before {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #202020;
    right: 0;
    top: 102%;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.menu-list__link:hover::before {
    width: 100%;
}

.menu-list-submenu {
    padding: 20px;
    padding-top: unset;
    padding-bottom: unset;
    top: 99%;
    position: absolute;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 300px;
    display: none;
}

.menu-list-submenu__item {
    position: relative;
}

.menu-list-submenu__item:first-child .menu-list-submenu__btn {
    padding: 15px 0 15px 0;
}

.menu-list-submenu__item:last-child .menu-list-submenu__btn {
    padding: 15px 0 15px 0;
    border-bottom: unset;
}

.menu-list-submenu__btn {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    width: 100%;
    display: inline-block;
}

.menu-list-submenu__btn:hover {
    color: #de0a89;
}

.menu-list-submenu_inner::after {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    background-repeat: no-repeat;
    background-image: url(../images/select-arrow.svg);
}

.menu-list-submenu__btn--active {
    color: #de0a89;
}

.menu-list-submenu_inner::after {
    background-image: url(../images/select-arrow-pink.svg);
}

.menu-list-submenu__items {
    display: none;
}

.menu-list-submenu__items--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 108%;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    top: 0;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 300px;
}

.menu-list-submenu__items-item {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
}

.menu-list-submenu__items-item:first-child {
    padding: 0 0 15px 0;
}

.menu-list-submenu__items-item:last-child {
    padding: 15px 0 0 0;
    border-bottom: unset;
}

.menu-list-submenu__items-btn {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.menu-list-submenu__items-btn:hover {
    color: #de0a89;
}

.header-content-call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 35px;
}

.header-content-call:nth-child(2) {
    display: none;
}

.header-content-call__box {
    position: relative;
}

.header-content-call__box::before {
    content: "";
    width: 1px;
    height: 80%;
    position: absolute;
    left: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #d9d9d9;
}

.header-content-call__box-text {
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

.header-content-call__box-link {
    color: #202020;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    text-transform: capitalize;
    position: relative;
}

.header-content-call__box-link::before {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #202020;
    right: 0;
    top: 102%;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.header-content-call__box-link:hover::before {
    width: 100%;
}

.menu--categiries .menu-list__btn svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menu--categiries .menu-list-submenu {
    display: block;
}

.section-top {
    position: relative;
    padding-top: 105px;
    padding-bottom: 110px;
}

@media (max-width: 1920px) {
    .section-top {
        padding-top: calc(50px + 55 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .section-top {
        padding-bottom: calc(50px + 60 * ((100vw - 360px) / 1560));
    }
}

.section-top__img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.section-top__img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
}

.section-top__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section-top__title {
    font-weight: 800;
    font-size: 64px;
    line-height: 68px;
    margin-bottom: 35px;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    z-index: 1;
}

@media (max-width: 1920px) {
    .section-top__title {
        font-size: calc(30px + 34 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .section-top__title {
        line-height: calc(40px + 28 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .section-top__title {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.breadcrumbs__list {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    gap: 40px;
    row-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1920px) {
    .breadcrumbs__list {
        gap: calc(30px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .breadcrumbs__list {
        row-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.breadcrumbs__list-item {
    position: relative;
}

.breadcrumbs__list-item::after {
    content: "";
    position: absolute;
    right: -28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/link-arrow.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media (max-width: 1920px) {
    .breadcrumbs__list-item::after {
        right: calc(-23px + -5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .breadcrumbs__list-item::after {
        width: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .breadcrumbs__list-item::after {
        height: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

.breadcrumbs__list-item:last-child::after {
    content: unset;
}

.breadcrumbs__list-link {
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.01em;
    text-decoration-line: underline;
    color: #fff;
}

@media (max-width: 1920px) {
    .breadcrumbs__list-link {
        font-size: calc(14px + 3 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .breadcrumbs__list-link {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.categories {
    padding-top: 120px;
    margin-bottom: 75px;
}

@media (max-width: 1920px) {
    .categories {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

.categories__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 100px 30px;
    row-gap: 100px;
}

@media (max-width: 1920px) {
    .categories__inner {
        row-gap: calc(50px + 50 * ((100vw - 360px) / 1560));
    }
}

.categories__box {
    max-width: 570px;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .categories__box {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.categories-item__box {
    margin-bottom: 75px;
    position: relative;
    display: block;
}

@media (max-width: 1920px) {
    .categories-item__box {
        margin-bottom: calc(30px + 45 * ((100vw - 360px) / 1560));
    }
}

.categories-item__box:hover .categories-item__box-img {
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
}

.categories-item__box:hover .categories-item__box-text {
    color: #490083;
}

.categories-item__box-img {
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    max-width: 570px;
    max-height: 320px;
    height: 320px;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
}

.categories-item__box-img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

@media (max-width: 1920px) {
    .categories-item__box-img {
        max-height: calc(220px + 100 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__box-img {
        height: calc(220px + 100 * ((100vw - 360px) / 1560));
    }
}

.categories-item__box-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.categories-item__box-text {
    color: #202020;
    position: absolute;
    left: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    padding-top: 35px;
    padding-right: 75px;
    padding-bottom: 35px;
    padding-left: 75px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    background: #fff;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    z-index: 1;
    display: inline-block;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1920px) {
    .categories-item__box-text {
        font-size: calc(16px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__box-text {
        line-height: calc(22px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__box-text {
        padding-top: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__box-text {
        padding-right: calc(20px + 55 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__box-text {
        padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__box-text {
        padding-left: calc(20px + 55 * ((100vw - 360px) / 1560));
    }
}

.categories-item__rent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.categories-item__rent-line {
    margin-right: 15px;
    background: #d9d9d9;
    display: block;
    width: 100%;
    height: 1px;
}

.categories-item__rent-text {
    color: #515151;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    width: 160px;
    min-width: 160px;
    text-align: center;
}

@media (max-width: 1920px) {
    .categories-item__rent-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__rent-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.categories-item__rent-price {
    display: block;
    color: #de0a89;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .categories-item__rent-price {
        font-size: calc(20px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .categories-item__rent-price {
        line-height: calc(24px + 11 * ((100vw - 360px) / 1560));
    }
}

.subscribe {
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
}

.subscribe-with-map {
    margin-top: -200px;
}

.subscribe__inner {
    background: #490083;
    padding-top: 55px;
    padding-right: 60px;
    padding-bottom: 55px;
    padding-left: 65px;
    gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1920px) {
    .subscribe__inner {
        padding-top: calc(30px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__inner {
        padding-right: calc(15px + 45 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__inner {
        padding-bottom: calc(30px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__inner {
        padding-left: calc(15px + 50 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__inner {
        gap: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.subscribe__box-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1920px) {
    .subscribe__box-text {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__box-text {
        line-height: calc(20px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__box-text {
        margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.subscribe__title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    display: inline-block;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #fff;
}

@media (max-width: 1920px) {
    .subscribe__title {
        font-size: calc(25px + 13 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__title {
        line-height: calc(32px + 16 * ((100vw - 360px) / 1560));
    }
}

.subscribe__title span {
    color: #ec6c23;
}

.subscribe__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    max-width: 600px;
    width: 100%;
    background: #fff;
}

@media (max-width: 1920px) {
    .subscribe__form {
        padding: calc(10px + 2 * ((100vw - 360px) / 1560));
    }
}

.subscribe__form-input {
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
    padding-top: 25px;
    padding-right: 35px;
    padding-bottom: 25px;
    padding-left: 35px;
    border: 1px solid #d9d9d9;
}

@media (max-width: 1920px) {
    .subscribe__form-input {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-input {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-input {
        padding-top: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-input {
        padding-right: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-input {
        padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-input {
        padding-left: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

.subscribe__form-input::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
}

.subscribe__form-input::-moz-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
}

.subscribe__form-input:-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
}

.subscribe__form-input::-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
}

.subscribe__form-input::placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .subscribe__form-input::-webkit-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input::-moz-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input:-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input::-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input::placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-input::-webkit-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input::-moz-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input:-ms-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input::-ms-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .subscribe__form-input::placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.subscribe__form-btn {
    padding-top: 30px;
    padding-right: 35px;
    padding-bottom: 30px;
    padding-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #fff;
    background: #de0a89;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    max-width: 205px;
}

.single-btn {
    padding-top: 27px;
    padding-right: 35px;
    padding-bottom: 27px;
    padding-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 11px;
    text-transform: capitalize;
    color: #fff;
    background: #de0a89;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: fit-content;
}

.single-btn:hover {
    color: #fff;
}

@media (max-width: 1920px) {
    .subscribe__form-btn {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn {
        padding-right: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn {
        padding-bottom: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn {
        padding-left: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn {
        font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn {
        line-height: calc(0px + 25 * ((100vw - 360px) / 1560));
    }
}

.subscribe__form-btn svg {
    min-width: 27px;
    min-height: 19px;
    width: 27px;
    height: 19px;
    margin-right: 4px;
}

@media (max-width: 1920px) {
    .subscribe__form-btn svg {
        min-width: calc(20px + 7 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn svg {
        min-height: calc(13px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn svg {
        width: calc(20px + 7 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .subscribe__form-btn svg {
        height: calc(13px + 6 * ((100vw - 360px) / 1560));
    }
}

.subscribe__form-btn::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #490083;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.single-btn::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #490083;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.single-btn:hover::before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.subscribe__form-btn:hover::before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.footer {
    background: #202020;
    padding-top: 140px;
}

@media (max-width: 1920px) {
    .footer {
        padding-top: calc(80px + 60 * ((100vw - 360px) / 1560));
    }
}

.footer__support {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    margin-bottom: 80px;
    font-size: 120px;
    line-height: 131px;
    text-align: center;
    display: block;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.25);
}

@media (max-width: 1920px) {
    .footer__support {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer__support {
        font-size: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer__support {
        line-height: calc(50px + 81 * ((100vw - 360px) / 1560));
    }
}

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

@media (max-width: 1920px) {
    .footer-content {
        padding-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.footer-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 110px;
}

@media (max-width: 1920px) {
    .footer-content__inner {
        gap: calc(30px + 80 * ((100vw - 360px) / 1560));
    }
}

.footer-content__list {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    max-width: 255px;
}

@media (max-width: 1920px) {
    .footer-content__list {
        gap: calc(10px + 10 * ((100vw - 360px) / 1560));
    }
}

.footer-content__list:last-child .footer-content__list-link {
    font-weight: 300;
}

.footer-content__list-title {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #fff;
}

@media (max-width: 1920px) {
    .footer-content__list-title {
        font-size: calc(16px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-content__list-title {
        line-height: calc(22px + 14 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-content__list-title {
        margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560));
    }
}

.footer-content__list-link {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
}

.footer-content__list_with_dots .footer-content__list-link {
    margin-left: 15px;
}

.footer-content__list_with_dots .footer-content__list-link::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: -17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    border-radius: 100%;
}

.footer-content__list-item i {
    font-size: 20px;
    margin-left: 0;
    position: absolute;
    color: #fff;
    left: 0;
    top: 3px;
}

.footer-content__contacts .footer-content__list-item__contact {
    position: relative;
    padding-left: 37px;
}

@media (max-width: 1920px) {
    .footer-content__list-link {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-content__list-link {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.footer-content__list-link:hover {
    color: #ec6c23;
}

.footer-content-box {
    margin-right: auto;
}

.footer-content-box__logo {
    margin-bottom: 30px;
    display: inline-block;
    display: block;
}

@media (max-width: 1920px) {
    .footer-content-box__logo {
        margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.footer-content-box__text {
    font-family: "Archivo", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #fff;
    max-width: 330px;
}

@media (max-width: 1920px) {
    .footer-content-box__text {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-content-box__text {
        line-height: calc(20px + 16 * ((100vw - 360px) / 1560));
    }
}

.footer-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid rgba(217, 217, 217, 0.2);
}

@media (max-width: 1920px) {
    .footer-bottom {
        padding-top: calc(30px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-bottom {
        padding-bottom: calc(30px + 10 * ((100vw - 360px) / 1560));
    }
}

.footer-bottom__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-bottom__copy {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1920px) {
    .footer-bottom__copy {
        font-size: calc(12px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-bottom__copy {
        line-height: calc(18px + 10 * ((100vw - 360px) / 1560));
    }
}

.footer-bottom__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.footer-bottom__socials-link {
    width: 40px;
    height: 40px;
    background: rgba(81, 81, 81, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

@media (max-width: 1920px) {
    .footer-bottom__socials-link {
        width: calc(35px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .footer-bottom__socials-link {
        height: calc(35px + 5 * ((100vw - 360px) / 1560));
    }
}

.footer-bottom__socials-link:hover {
    background: #ff006c;
}

.blog-grid {
    padding-top: 120px;
    margin-bottom: 75px;
}

@media (max-width: 1920px) {
    .blog-grid {
        padding-top: calc(30px + 90 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

.blog-grid__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 60px;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .blog-grid__inner {
        -webkit-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
        -moz-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
        column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid__inner {
        row-gap: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid__inner {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.blog-grid__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .blog-grid__box {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item__inner {
    padding: 0 10px;
}

.blog-grid-item__title {
    color: #202020;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    display: block;
}

@media (max-width: 1920px) {
    .blog-grid-item__title {
        font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item__title {
        line-height: calc(20px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item__title {
        margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item__title-link {
    color: #202020;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.blog-grid-item__title-link:hover {
    color: #ec6c23;
}

.blog-grid-item__text {
    color: #515151;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 25px;
    letter-spacing: 0.01em;
    display: block;
}

@media (max-width: 1920px) {
    .blog-grid-item__text {
        font-size: calc(13px + 3 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item__text {
        margin-bottom: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1920px) {
    .blog-grid-item__bottom {
        gap: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item__bottom span {
    width: 140px;
    background: #d9d9d9;
    height: 1px;
}

.blog-grid-item__bottom-text {
    margin-left: auto;
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .blog-grid-item__bottom-text {
        font-size: calc(13px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item__bottom-text {
        line-height: calc(24px + 2 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item__bottom-link {
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1920px) {
    .blog-grid-item__bottom-link {
        font-size: calc(13px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item__bottom-link {
        line-height: calc(24px + 2 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item__bottom-link:hover {
    color: #490083;
}

.blog-grid-item-box {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

@media (max-width: 1920px) {
    .blog-grid-item-box {
        margin-bottom: calc(25px + 15 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item-box__img {
    width: 100%;
    max-width: 370px;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
}

.blog-grid-item-box__img-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.blog-grid-item-box__img-image:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-grid-item-box__text {
    width: 65px;
    height: 65px;
    background: #ec6c23;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
    margin-left: 30px;
    position: absolute;
    bottom: -15px;
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text {
        width: calc(45px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text {
        height: calc(45px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text {
        margin-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item-box__text span:first-child {
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: -3px;
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text span:first-child {
        font-size: calc(18px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text span:first-child {
        line-height: calc(24px + 11 * ((100vw - 360px) / 1560));
    }
}

.blog-grid-item-box__text span:last-child {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #fff;
    margin-top: -3px;
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text span:last-child {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-grid-item-box__text span:last-child {
        line-height: calc(20px + 6 * ((100vw - 360px) / 1560));
    }
}

.page-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
}

.page-buttons__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 58px;
    height: 58px;
    background: #fff;
    border: 1px solid #d9d9d9;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    -webkit-transition: color 0.3s, border 0.3s, background 0.3s;
    -o-transition: color 0.3s, border 0.3s, background 0.3s;
    transition: color 0.3s, border 0.3s, background 0.3s;
}

@media (max-width: 1920px) {
    .page-buttons__link {
        width: calc(40px + 18 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .page-buttons__link {
        height: calc(40px + 18 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .page-buttons__link {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .page-buttons__link {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.page-buttons__link:hover {
    background: #ec6c23;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}

.page-buttons__link:hover svg path {
    stroke: #fff;
}

.page-buttons__link svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 1920px) {
    .page-buttons__link svg {
        width: calc(12px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .page-buttons__link svg {
        height: calc(12px + 6 * ((100vw - 360px) / 1560));
    }
}

.page-buttons__link svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.page-buttons__link--active {
    background: #ec6c23;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
}

.blog {
    padding-top: 120px;
    margin-bottom: 75px;
}

@media (max-width: 1920px) {
    .blog {
        padding-top: calc(30px + 90 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

.blog__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}

@media (max-width: 1920px) {
    .blog__inner {
        gap: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

.blog-list {
    max-width: 770px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 70px;
}

@media (max-width: 1920px) {
    .blog-list {
        gap: calc(30px + 40 * ((100vw - 360px) / 1560));
    }
}

.blog-list .blog-grid__links {
    margin-top: 10px;
}

.blog-list-item__content-title {
    color: #000;
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 25px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .blog-list-item__content-title {
        font-size: calc(24px + 14 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item__content-title {
        line-height: calc(32px + 16 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item__content-title {
        margin-bottom: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-list-item__content-text {
    margin-bottom: 45px;
    color: #515151;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .blog-list-item__content-text {
        margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item__content-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item__content-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-list-item__link:hover span:last-child {
    color: #fff;
}

.blog-list-box {
    margin-bottom: 65px;
    display: block;
    position: relative;
}

@media (max-width: 1920px) {
    .blog-list-box {
        margin-bottom: calc(40px + 25 * ((100vw - 360px) / 1560));
    }
}

.blog-list-box:hover .blog-list-box__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-list-box__img {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    max-height: 500px;
    height: 500px;
}

@media (max-width: 1920px) {
    .blog-list-box__img {
        max-height: calc(300px + 200 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-box__img {
        height: calc(300px + 200 * ((100vw - 360px) / 1560));
    }
}

.blog-list-box__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.blog-list-box__text {
    width: 75px;
    height: 75px;
    background: #ff006c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
    margin-left: 55px;
    position: absolute;
    bottom: -20px;
}

@media (max-width: 1920px) {
    .blog-list-box__text {
        width: calc(45px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-box__text {
        height: calc(45px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-box__text {
        margin-left: calc(15px + 40 * ((100vw - 360px) / 1560));
    }
}

.blog-list-box__text span:first-child {
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: -3px;
}

@media (max-width: 1920px) {
    .blog-list-box__text span:first-child {
        font-size: calc(18px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-box__text span:first-child {
        line-height: calc(24px + 11 * ((100vw - 360px) / 1560));
    }
}

.blog-list-box__text span:last-child {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #fff;
    margin-top: -3px;
}

@media (max-width: 1920px) {
    .blog-list-box__text span:last-child {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-box__text span:last-child {
        line-height: calc(20px + 6 * ((100vw - 360px) / 1560));
    }
}

.blog-list-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
    row-gap: 20px;
}

@media (max-width: 1920px) {
    .blog-list-item-info {
        row-gap: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-list-item-info__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

.blog-list-item-info__author-img {
    width: 45px;
    height: 45px;
    max-width: 45px;
    max-height: 45px;
    border-radius: 100%;
}

.blog-list-item-info__author-text {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    -webkit-transition: color;
    -o-transition: color;
    transition: color;
}

.blog-list-item-info__author-text::before {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #490083;
    right: 0;
    top: 102%;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.blog-list-item-info__author-text:hover {
    color: #490083;
}

.blog-list-item-info__author-text:hover::before {
    width: 100%;
}

.blog-list-item-info__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #515151;
    font-weight: 500;
    gap: 10px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1920px) {
    .blog-list-item-info__link {
        gap: calc(5px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item-info__link {
        font-size: calc(13px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item-info__link {
        line-height: calc(24px + 2 * ((100vw - 360px) / 1560));
    }
}

.blog-list-item-info__link:hover {
    color: #490083;
}

.blog-list-item-info__link:hover svg path {
    stroke: #490083;
}

.blog-list-item-info__link svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1920px) {
    .blog-list-item-info__link svg {
        width: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-list-item-info__link svg {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-list-item-info__link svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.blog-aside {
    max-width: 350px;
}

.blog-aside__title {
    color: #202020;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .blog-aside__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__title {
        margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-aside__form {
    background: #fff;
    -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
    position: relative;
    margin-bottom: 60px;
}

@media (max-width: 1920px) {
    .blog-aside__form {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.blog-aside__form-input {
    width: 100%;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    padding-top: 20px;
    padding-right: 60px;
    padding-bottom: 20px;
    padding-left: 30px;
}

@media (max-width: 1920px) {
    .blog-aside__form-input {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-input {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-input {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-input {
        padding-right: calc(45px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-input {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-input {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.blog-aside__form-input::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.blog-aside__form-input::-moz-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.blog-aside__form-input:-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.blog-aside__form-input::-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.blog-aside__form-input::placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .blog-aside__form-input::-webkit-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input::-moz-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input:-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input::-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input::placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-input::-webkit-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input::-moz-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input:-ms-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input::-ms-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .blog-aside__form-input::placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-aside__form-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
    right: 25px;
}

@media (max-width: 1920px) {
    .blog-aside__form-btn {
        right: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-aside__form-btn svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1920px) {
    .blog-aside__form-btn svg {
        width: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside__form-btn svg {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-categories {
    background: #f5f5f5;
    padding-top: 45px;
    padding-right: 45px;
    padding-left: 45px;
    padding-bottom: 45px;
    margin-bottom: 60px;
}

@media (max-width: 1920px) {
    .blog-aside-categories {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories {
        padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-categories__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 35px;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .blog-aside-categories__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories__title {
        margin-bottom: calc(25px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-categories__title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .blog-aside-categories__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories__title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-categories__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 1920px) {
    .blog-aside-categories__list {
        gap: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-categories__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.blog-aside-categories__list-item:hover .blog-aside-categories__list-link {
    color: #de0a89;
}

.blog-aside-categories__list-item:hover svg path {
    stroke: #de0a89;
}

.blog-aside-categories__list-item svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.blog-aside-categories__list-item svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1920px) {
    .blog-aside-categories__list-item svg {
        width: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories__list-item svg {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-categories__list-link {
    color: #515151;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1920px) {
    .blog-aside-categories__list-link {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-categories__list-link {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent {
    background: #f5f5f5;
    padding-top: 45px;
    padding-right: 45px;
    padding-left: 45px;
    padding-bottom: 45px;
    margin-bottom: 60px;
}

@media (max-width: 1920px) {
    .blog-aside-recent {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent {
        padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .blog-aside-recent__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent__title {
        margin-bottom: calc(25px + 15 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent__title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .blog-aside-recent__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent__title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}

@media (max-width: 1920px) {
    .blog-aside-recent__inner {
        gap: calc(20px + 20 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

@media (max-width: 1920px) {
    .blog-aside-recent-item {
        gap: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent-item__img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
    min-width: 80px;
    min-height: 80px;
    overflow: hidden;
}

.blog-aside-recent-item__img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-aside-recent-item__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.blog-aside-recent-item__box-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.01em;
    margin-bottom: 12px;
    display: block;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-text {
        margin-bottom: calc(10px + 2 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent-item__box-text:hover {
    color: #490083;
}

.blog-aside-recent-item__box-comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-comments {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-comments {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent-item__box-comments span {
    display: inline-block;
}

.blog-aside-recent-item__box-comments svg {
    height: 20px;
    bottom: 20px;
    margin-right: 5px;
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-comments svg {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-comments svg {
        bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-recent-item__box-comments svg {
        margin-right: calc(0px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-recent-item__box-comments svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.blog-aside-recent-item__box-comments:hover {
    color: #490083;
}

.blog-aside-recent-item__box-comments:hover svg {
    margin-right: 5px;
}

.blog-aside-recent-item__box-comments:hover svg path {
    stroke: #490083;
}

.blog-aside-tags {
    background: #f5f5f5;
    padding-top: 45px;
    padding-right: 45px;
    padding-left: 45px;
    padding-bottom: 45px;
}

@media (max-width: 1920px) {
    .blog-aside-tags {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags {
        padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-tags__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .blog-aside-tags__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags__title {
        margin-bottom: calc(25px + 15 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-tags__title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .blog-aside-tags__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags__title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-tags__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 10px;
}

.blog-aside-tags__tag {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #515151;
    letter-spacing: -0.01em;
    padding: 6px 15px;
    border: 1px solid #d9d9d9;
    -webkit-transition: color 0.3s, border 0.3s, background 0.3s;
    -o-transition: color 0.3s, border 0.3s, background 0.3s;
    transition: color 0.3s, border 0.3s, background 0.3s;
}

@media (max-width: 1920px) {
    .blog-aside-tags__tag {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-aside-tags__tag {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.blog-aside-tags__tag:hover {
    background: #f5ab1a;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}

.article__title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 25px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #000;
}

@media (max-width: 1920px) {
    .article__title {
        font-size: calc(22px + 16 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article__title {
        line-height: calc(30px + 18 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article__title {
        margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.article p {
    margin-bottom: 30px;
    color: #515151;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .article p {
        margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article p {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article p {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.article blockquote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    background: rgba(236, 108, 35, 0.08);
    padding-top: 45px;
    padding-right: 80px;
    padding-bottom: 45px;
    padding-left: 45px;
    margin-bottom: 45px;
}

@media (max-width: 1920px) {
    .article blockquote {
        gap: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote {
        padding-right: calc(15px + 65 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote {
        margin-bottom: calc(25px + 20 * ((100vw - 360px) / 1560));
    }
}

.article blockquote div {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #490083;
    border-radius: 100px;
}

@media (max-width: 1920px) {
    .article blockquote div {
        width: calc(40px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote div {
        height: calc(40px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote div {
        min-width: calc(40px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote div {
        min-height: calc(40px + 10 * ((100vw - 360px) / 1560));
    }
}

.article blockquote p {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    margin-bottom: 0;
}

@media (max-width: 1920px) {
    .article blockquote p {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article blockquote p {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.article-box {
    margin-bottom: 50px;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

@media (max-width: 1920px) {
    .article-box {
        margin-bottom: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article-box {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article-box {
        gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.article-box__img {
    height: 300px;
    width: 100%;
    max-height: 300px;
    max-width: 100%;
}

.article-box__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.article-bottom {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 1920px) {
    .article-bottom {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article-bottom {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.article-bottom__share {
    height: 40px;
    width: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ec6c23;
    position: relative;
}

.article-bottom__share svg {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

.article-bottom__share::after {
    content: "";
    width: 20px;
    height: 120%;
    position: absolute;
    top: -5px;
    left: -9px;
    bottom: -5px;
    background: #fff;
    -webkit-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    transform: rotate(17deg);
}

.article-bottom-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
    row-gap: 20px;
}

@media (max-width: 1920px) {
    .article-bottom-tags {
        row-gap: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.article-bottom-tags__text {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #515151;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .article-bottom-tags__text {
        font-size: calc(16px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article-bottom-tags__text {
        line-height: calc(22px + 6 * ((100vw - 360px) / 1560));
    }
}

.article-bottom-tags__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    gap: 10px;
}

.article-bottom-tags__link {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #515151;
    padding: 6px 16px;
    border: 1px solid #d9d9d9;
    -webkit-transition: border 0.3s, background 0.3s, color 0.3s;
    -o-transition: border 0.3s, background 0.3s, color 0.3s;
    transition: border 0.3s, background 0.3s, color 0.3s;
}

@media (max-width: 1920px) {
    .article-bottom-tags__link {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .article-bottom-tags__link {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.article-bottom-tags__link:hover {
    background: #f5ab1a;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #fff;
}

.blog-comments {
    border-top: 1px solid #d9d9d9;
    margin-bottom: 60px;
    padding-bottom: 60px;
    padding-top: 60px;
    border-bottom: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1920px) {
    .blog-comments {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments {
        padding-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments {
        padding-top: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.blog-comments__title {
    margin-right: auto;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 50px;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .blog-comments__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments__title {
        margin-bottom: calc(25px + 25 * ((100vw - 360px) / 1560));
    }
}

.blog-comments__title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .blog-comments__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments__title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.blog-comments__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

@media (max-width: 1920px) {
    .blog-comments__inner {
        gap: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-comments__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    gap: 10px;
    font-size: 15px;
    line-height: 19px;
    color: #202020;
    margin-left: auto;
    text-transform: uppercase;
}

@media (max-width: 1920px) {
    .blog-comments__link {
        gap: calc(5px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments__link {
        font-size: calc(14px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments__link {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.blog-comments__link:hover {
    color: #490083;
}

.blog-comments__link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}

.blog-comments__link:hover svg path {
    stroke: #490083;
}

.blog-comments__link svg {
    width: 20px;
    height: 20px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (max-width: 1920px) {
    .blog-comments__link svg {
        width: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments__link svg {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-comments__link svg path {
    -webkit-transition: stroke 0.3s;
    -o-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.blog-comments-content__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
    margin-bottom: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1920px) {
    .blog-comments-content__top {
        gap: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

.blog-comments-content__top-text {
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    color: #000;
    text-transform: uppercase;
}

@media (max-width: 1920px) {
    .blog-comments-content__top-text {
        font-size: calc(14px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments-content__top-text {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.blog-comments-content__top-info {
    font-weight: 300;
    font-size: 13px;
    line-height: 26px;
    color: #515151;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .blog-comments-content__top-info {
        font-size: calc(12px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments-content__top-info {
        line-height: calc(24px + 2 * ((100vw - 360px) / 1560));
    }
}

.blog-comments-content__text {
    max-width: 665px;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
    margin-bottom: 25px;
}

@media (max-width: 1920px) {
    .blog-comments-content__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments-content__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .blog-comments-content__text {
        margin-bottom: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

.comment__title {
    margin-right: auto;
    margin-bottom: 60px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .comment__title {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment__title {
        line-height: calc(26px + 6 * ((100vw - 360px) / 1560));
    }
}

.comment__title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .comment__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment__title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.comment__text {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    margin-bottom: 15px;
}

@media (max-width: 1920px) {
    .comment__text {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment__text {
        line-height: calc(20px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment__text {
        margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.comment-form__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

@media (max-width: 1920px) {
    .comment-form__box {
        gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box {
        margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.comment-form__box-input {
    background: #fff;
    border: 1px solid #d9d9d9;
    width: 100%;
    font-weight: 300;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .comment-form__box-input {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box-input {
        padding-right: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box-input {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box-input {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box-input {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box-input {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.comment-form__box-input::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__box-input::-moz-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__box-input:-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__box-input::-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__box-input::placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .comment-form__box-input::-webkit-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input::-moz-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input:-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input::-ms-input-placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input::placeholder {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__box-input::-webkit-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input::-moz-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input:-ms-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input::-ms-input-placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }

    .comment-form__box-input::placeholder {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.comment-form__textarea {
    margin-bottom: 45px;
    background: #fff;
    border: 1px solid #d9d9d9;
    width: 100%;
    font-weight: 300;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    resize: unset;
    height: 150px;
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        margin-bottom: calc(20px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        padding-right: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .comment-form__textarea {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.comment-form__textarea::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__textarea::-moz-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__textarea:-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__textarea::-ms-input-placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__textarea::placeholder {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

.comment-form__btn {
    max-width: 245px;
    width: 245px;
    border: 1px solid #ec6c23;
}

.comment-form__btn span:first-child::before {
    background: #ec6c23;
}

.comment-form__btn:hover span:last-child {
    color: #fff;
}

.contacts {
    padding-top: 120px;
    padding-bottom: 120px;
    background: #fff;
}

@media (max-width: 1920px) {
    .contacts {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts {
        padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

.contacts__inner {
    max-width: 1075px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    gap: 60px;
}

@media (max-width: 1920px) {
    .contacts__inner {
        gap: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.contacts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-width: 250px;
}

.contacts-item__icon {
    margin-bottom: 45px;
    width: 193px;
    height: 193px;
    min-width: 193px;
    min-height: 193px;
}

@media (max-width: 1920px) {
    .contacts-item__icon {
        margin-bottom: calc(20px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__icon {
        width: calc(70px + 123 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__icon {
        height: calc(70px + 123 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__icon {
        min-width: calc(70px + 123 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__icon {
        min-height: calc(70px + 123 * ((100vw - 360px) / 1560));
    }
}

.contacts-item__icon svg {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
}

.contacts-item__title {
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .contacts-item__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__title {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.contacts-item__title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    bottom: -3px;
    height: 5px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .contacts-item__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

.contacts-item__link {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    display: block;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
}

@media (max-width: 1920px) {
    .contacts-item__link {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .contacts-item__link {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.contacts-item__link::before {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #490083;
    right: 0;
    top: 102%;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.contacts-item__link:hover {
    color: #490083;
}

.contacts-item__link:hover::before {
    width: 100%;
}

.main__send-message {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 120px;
    padding-bottom: 70px;
    background: #f5f5f5;
}

@media (max-width: 1920px) {
    .main__send-message {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .main__send-message {
        padding-bottom: calc(0px + 70 * ((100vw - 360px) / 1560));
    }
}

.main__send-message .comment__title {
    font-weight: 700;
    font-size: 46px;
    line-height: 58px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .main__send-message .comment__title {
        font-size: calc(30px + 16 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .main__send-message .comment__title {
        line-height: calc(36px + 22 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .main__send-message .comment__title {
        margin-bottom: calc(40px + 40 * ((100vw - 360px) / 1560));
    }
}

.main__send-message .comment__title::after {
    content: unset;
}

.main__send-message .comment__title span {
    position: relative;
    color: #ec6c23;
}

.main__send-message .comment__title span::after {
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    position: absolute;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .main__send-message .comment__title span::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .main__send-message .comment__title span::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.main__send-message .comment-form__box {
    margin-bottom: 25px;
}

@media (max-width: 1920px) {
    .main__send-message .comment-form__box {
        margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.main__send-message .comment-form__btn {
    margin-left: auto;
    margin-right: auto;
}

.main--grey {
    background: #f5f5f5;
}

.about {
    padding-top: 120px;
    padding-bottom: 120px;
    max-width: 1155px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1920px) {
    .about {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about {
        padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

.about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 60px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.about-images {
    width: 500px;
    min-width: 500px;
    height: 694px;
    position: relative;
}

.about-images__img:nth-child(1) {
    width: 300px;
    height: 551px;
    max-width: 300px;
    max-height: 551px;
}

.about-images__img:nth-child(2) {
    width: 340px;
    height: 590px;
    border: 20px solid #fff;
    position: absolute;
    top: 125px;
    left: 180px;
}

.about-images__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.about-content {
    max-width: 570px;
}

.about-content__about-images {
    display: none;
}

.about-content__title {
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .about-content__title {
        margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

.about-content__text {
    font-weight: 300;
    letter-spacing: 0.01em;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .about-content__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content__text {
        margin-bottom: calc(25px + 10 * ((100vw - 360px) / 1560));
    }
}

.about-content__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    gap: 12px;
    margin-bottom: 45px;
}

@media (max-width: 1920px) {
    .about-content__list {
        gap: calc(10px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content__list {
        margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.about-content__list-item {
    padding-left: 38px;
    position: relative;
}

@media (max-width: 1920px) {
    .about-content__list-item {
        padding-left: calc(30px + 8 * ((100vw - 360px) / 1560));
    }
}

.about-content__list-item::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/list-tick-icon.svg);
}

@media (max-width: 1920px) {
    .about-content__list-item::before {
        width: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content__list-item::before {
        height: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

.about-content__list-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .about-content__list-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content__list-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.about-content-bottom {
    padding-top: 45px;
    border-top: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

@media (max-width: 1920px) {
    .about-content-bottom {
        padding-top: calc(20px + 25 * ((100vw - 360px) / 1560));
    }
}

.about-content-bottom__item {
    position: relative;
}

.about-content-bottom__item:nth-child(1) .about-content-bottom__count {
    color: #490083;
}

.about-content-bottom__item:nth-child(2) .about-content-bottom__count {
    color: #de0a89;
}

.about-content-bottom__item:nth-child(3) .about-content-bottom__count {
    color: #202020;
}

.about-content-bottom__item:nth-child(3)::after {
    content: unset;
}

.about-content-bottom__item::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -44px;
}

.about-content-bottom__count {
    font-weight: 200;
    margin-bottom: 10px;
    font-size: 64px;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .about-content-bottom__count {
        margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content-bottom__count {
        font-size: calc(30px + 34 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content-bottom__count {
        line-height: calc(36px + -6 * ((100vw - 360px) / 1560));
    }
}

.about-content-bottom__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .about-content-bottom__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .about-content-bottom__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.users {
    margin-bottom: 120px;
}

@media (max-width: 1920px) {
    .users {
        margin-bottom: calc(60px + 60 * ((100vw - 360px) / 1560));
    }
}

.users__inner {
    height: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.users__img {
    margin-left: auto;
    height: 100%;
    width: 466px;
    min-width: 466px;
    max-width: 466px;
    max-height: 230px;
}

.users__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.users-resently {
    padding-left: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 100%;
    position: relative;
    width: 100%;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    height: 100%;
}

.users-resently__inner {
    max-width: 330px;
}

.users-resently__text {
    color: #202020;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .users-resently__text {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-resently__text {
        line-height: calc(20px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-resently__text {
        margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.users-resently__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.users-resently__list-item {
    border: 3px solid #fff;
    width: 76px;
    height: 76px;
    max-width: 76px;
    max-height: 76px;
    min-width: 76px;
    min-height: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
}

.users-resently__list-item:nth-child(2) {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}

.users-resently__list-item:nth-child(3) {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}

.users-resently__list-item:nth-child(4) {
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
}

.users-resently__list-item:nth-child(5) {
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}

.users-resently__list-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.users-resently__list-count {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffeaf6;
    border-radius: 100%;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #202020;
}

.users-info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eea004;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    gap: 90px;
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 80px;
}

@media (max-width: 1920px) {
    .users-info {
        gap: calc(30px + 60 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-info {
        padding-top: calc(20px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-info {
        padding-right: calc(15px + 65 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-info {
        padding-bottom: calc(20px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-info {
        padding-left: calc(15px + 65 * ((100vw - 360px) / 1560));
    }
}

.users-info__item-count {
    font-weight: 100;
    font-size: 80px;
    line-height: 100px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1920px) {
    .users-info__item-count {
        font-size: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-info__item-count {
        line-height: calc(35px + 65 * ((100vw - 360px) / 1560));
    }
}

.users-info__item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #fff;
}

@media (max-width: 1920px) {
    .users-info__item-text {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .users-info__item-text {
        line-height: calc(20px + 6 * ((100vw - 360px) / 1560));
    }
}

.reasons {
    margin-bottom: 120px;
}

@media (max-width: 1920px) {
    .reasons {
        margin-bottom: calc(60px + 60 * ((100vw - 360px) / 1560));
    }
}

.reasons__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.reasons__wrapper {
    position: relative;
    padding-top: 45px;
    padding-bottom: 45px;
}

@media (max-width: 1920px) {
    .reasons__wrapper {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons__wrapper {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.reasons__suptext {
    text-align: center;
}

.reasons__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 100%;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .reasons__title {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.reasons__img {
    position: absolute;
    width: 430px;
    height: 430px;
    max-width: 430px;
    max-height: 430px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 1920px) {
    .reasons__img {
        width: calc(300px + 130 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons__img {
        height: calc(300px + 130 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons__img {
        max-width: calc(300px + 130 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons__img {
        max-height: calc(300px + 130 * ((100vw - 360px) / 1560));
    }
}

.reasons__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.reasons__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 158px;
    height: 158px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 1920px) {
    .reasons__icon {
        width: calc(80px + 78 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons__icon {
        height: calc(80px + 78 * ((100vw - 360px) / 1560));
    }
}

.reasons-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 415px 415px;
    grid-template-columns: 415px 415px;
    z-index: 1;
    position: relative;
    gap: 150px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reasons-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1920px) {
    .reasons-list__item {
        gap: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.reasons-list__item:nth-child(2) .reasons-list__box-title {
    text-align: left;
}

.reasons-list__item:nth-child(2) .reasons-list__box-text {
    text-align: left;
}

.reasons-list__item:nth-child(4) .reasons-list__box-title {
    text-align: left;
}

.reasons-list__item:nth-child(4) .reasons-list__box-text {
    text-align: left;
}

.reasons-list__box {
    max-width: 285px;
}

.reasons-list__box-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px !important;
    text-align: right;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    font-weight: 500;
}

@media (max-width: 1920px) {
    .reasons-list__box-title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__box-title {
        line-height: calc(22px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__box-title {
        margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.reasons-list__box-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    text-align: right;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .reasons-list__box-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__box-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.reasons-list__icon {
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1920px) {
    .reasons-list__icon {
        width: calc(70px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__icon {
        height: calc(70px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__icon {
        min-width: calc(70px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__icon {
        min-height: calc(70px + 30 * ((100vw - 360px) / 1560));
    }
}

.reasons-list__icon svg {
    width: 50px;
    height: 50px;
}

@media (max-width: 1920px) {
    .reasons-list__icon svg {
        width: calc(40px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .reasons-list__icon svg {
        height: calc(40px + 10 * ((100vw - 360px) / 1560));
    }
}

.steps {
    background: #f5f5f5;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 1920px) {
    .steps {
        padding-top: calc(30px + 90 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps {
        padding-bottom: calc(30px + 90 * ((100vw - 360px) / 1560));
    }
}

.steps__inner {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
}

.steps__suptext {
    max-width: 570px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.steps__title {
    margin-bottom: 80px;
    max-width: 570px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1920px) {
    .steps__title {
        margin-bottom: calc(40px + 40 * ((100vw - 360px) / 1560));
    }
}

.steps-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px;
}

@media (max-width: 1920px) {
    .steps-list {
        gap: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.steps-list__item {
    max-width: 305px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.steps-list__item::after {
    content: "";
    width: 63px;
    height: 22px;
    position: absolute;
    top: 100px;
    right: -90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/steps-arrow.svg);
}

.steps-list__item:last-child::after {
    display: none;
}

.steps-list__top {
    position: relative;
}

.steps-list__top-icon {
    margin-bottom: 60px;
    width: 193px;
    height: 193px;
}

@media (max-width: 1920px) {
    .steps-list__top-icon {
        width: calc(70px + 123 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__top-icon {
        height: calc(70px + 123 * ((100vw - 360px) / 1560));
    }
}

.steps-list__top-icon svg {
    width: 100%;
    height: 100%;
}

.steps-list__top-count {
    position: absolute;
    top: 0;
    right: -10px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    line-height: 29px;
    width: 62px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5ab1a;
    border: 5px solid #fff;
    border-radius: 100%;
}

@media (max-width: 1920px) {
    .steps-list__top-count {
        font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__top-count {
        line-height: calc(20px + 9 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__top-count {
        width: calc(35px + 27 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__top-count {
        height: calc(35px + 27 * ((100vw - 360px) / 1560));
    }
}

.steps-list__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
}

@media (max-width: 1920px) {
    .steps-list__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__title {
        margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.steps-list__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .steps-list__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .steps-list__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.support {
    padding-top: 190px;
    margin-bottom: 130px;
}

@media (max-width: 1920px) {
    .support {
        padding-top: calc(40px + 150 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .support {
        margin-bottom: calc(40px + 90 * ((100vw - 360px) / 1560));
    }
}

.support__inner {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 90px;
    padding-right: 90px;
    padding-bottom: 90px;
    padding-left: 90px;
}

@media (max-width: 1920px) {
    .support__inner {
        padding-top: calc(30px + 60 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .support__inner {
        padding-right: calc(15px + 75 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .support__inner {
        padding-bottom: calc(30px + 60 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .support__inner {
        padding-left: calc(15px + 75 * ((100vw - 360px) / 1560));
    }
}

.support__inner::before {
    content: "";
    background: #ec6c23;
    width: 500px;
    height: 10px;
    position: absolute;
    left: -50px;
    bottom: -10px;
}

.support__inner::after {
    content: "";
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    z-index: -1;
}

.support__bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}

.support__img {
    position: absolute;
    left: -220px;
    top: -140px;
    width: 877px;
    height: 732px;
    max-width: 877px;
    max-height: 732px;
}

.support__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.support-content {
    max-width: 620px;
    position: relative;
    z-index: 1;
}

.support-content__title {
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #fff;
}

@media (max-width: 1920px) {
    .support-content__title {
        font-size: calc(22px + 16 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .support-content__title {
        line-height: calc(32px + 16 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .support-content__title {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.support-content__link {
    max-width: 240px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
    padding-right: 20px;
}

.support-content__link span:first-child::before {
    background: #fff;
}

.support-content__link span:first-child svg path {
    stroke: #515151;
}

.support-content__link span:first-child::after {
    background: rgba(0, 0, 0, 0);
}

.support-content__link span:last-child {
    color: #fff;
}

.support-content__link:hover span:last-child {
    color: #515151;
}

.map iframe {
    max-height: 445px;
    height: 445px;
}

@media (max-width: 1920px) {
    .map iframe {
        max-height: calc(300px + 145 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .map iframe {
        height: calc(300px + 145 * ((100vw - 360px) / 1560));
    }
}

.brands {
    margin-bottom: 75px;
    position: relative;
}

@media (max-width: 1920px) {
    .brands {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

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

.brands__img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
}

.brands__img-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}

.brands__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .brands__box {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.brands__box-suptext {
    color: #fff;
}

.brands__box-title {
    color: #fff;
}

.brands__inner {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.brands-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

@media (max-width: 1920px) {
    .brands-list {
        gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.brands-list__item {
    width: 100%;
    height: auto !important;
    max-height: 200px;
    max-width: 200px;
}

@media (max-width: 1920px) {
    .brands-list__item {
        height: calc(110px + 90 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .brands-list__item {
        max-height: calc(110px + 90 * ((100vw - 360px) / 1560));
    }
}

.brands-list__link {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    border: 1px solid #d9d9d9;
}

.brands-list__link-img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.brands-list__link-img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index-main .about {
    padding-top: 0;
}

.index-main .blog-grid-item:last-child {
    margin-bottom: 0;
}

.index-main .blog-grid__inner {
    margin-bottom: 0;
}

.index-main .categories {
    background: #f5f5f5;
    padding-bottom: 120px;
    margin-bottom: 0;
}

@media (max-width: 1920px) {
    .index-main .categories {
        padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

.index-main .categories-item:nth-child(2) {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
}

.index-main .categories-item:nth-child(4) {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
}

.index-main .brands {
    padding-top: 120px;
    padding-bottom: 120px;
    margin-bottom: 0;
}

@media (max-width: 1920px) {
    .index-main .brands {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .index-main .brands {
        padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

.index-main .brands-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-main .users-resently {
    border-top: unset;
}

.featured {
    padding-top: 120px;
}

@media (max-width: 1920px) {
    .featured {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

.featured__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .featured__box {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.featured__box-suptext {
    max-width: 700px;
}

.featured__box-title {
    max-width: 700px;
}

.featured .swiper {
    padding-bottom: 125px;
}

@media (max-width: 1920px) {
    .featured .swiper {
        padding-bottom: calc(30px + 95 * ((100vw - 360px) / 1560));
    }

    .main__featured.featured {
        padding-left: 35px;
        padding-right: 35px;
    }
}

.featured-swiper .swiper-horizontal > .swiper-pagination-bullets,
.featured-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.featured-swiper .swiper-pagination-custom,
.featured-swiper .swiper-pagination-fraction {
    bottom: 0;
}

.featured-swiper .swiper-button-prev {
    width: 65px;
    height: 65px;
    min-width: 65px;
    min-height: 65px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 40px;
    top: 28%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.featured-swiper .swiper-button-prev:hover svg {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
}

.featured-swiper .swiper-button-prev svg {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.featured-swiper:hover .swiper-button-next,
.featured-swiper:hover .swiper-button-prev {
    opacity: 1;
}

.featured-swiper .swiper-button-next {
    width: 65px;
    height: 65px;
    min-width: 65px;
    min-height: 65px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.1);
    border-radius: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 40px;
    top: 28%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.featured-swiper .swiper-button-next:hover svg {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
}

.featured-swiper .swiper-button-next svg {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.featured-swiper .swiper-button-prev:after,
.featured-swiper .swiper-rtl .swiper-button-next:after {
    content: unset;
}

.featured-swiper .swiper-button-next:after,
.featured-swiper .swiper-rtl .swiper-button-prev:after {
    content: unset;
}

.featured-swiper .swiper-pagination-bullet {
    opacity: 1 !important;
    background: #d9d9d9;
    width: 15px;
    margin: 0 !important;
    height: 6px;
    border-radius: 0;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.featured-swiper .swiper-pagination-bullet:hover {
    background: #490083;
}

.featured-swiper .swiper-pagination {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.featured-swiper .swiper-pagination-bullet-active {
    width: 30px;
    background: #490083;
}

.featured-slide {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.featured-slide:hover .featured-slide-item__inner {
    opacity: 0;
}

.featured-slide:hover .featured-slide-item__inner--deeper {
    opacity: 1;
}

.featured-slide-item__link {
    width: 100%;
    max-height: 400px;
    height: 400px;
    display: block;
    margin-bottom: 35px;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
}

@media (max-width: 1920px) {
    .featured-slide-item__link {
        max-height: calc(250px + 150 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__link {
        height: calc(250px + 150 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__link {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.featured-slide-item__link:hover {
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
}

.featured-slide-item__link-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.featured-slide-item__inner {
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.featured-slide-item__title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
    color: #202020;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .featured-slide-item__title {
        margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

.featured-slide-item__title-link {
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    color: #202020;
}

.featured-slide-item__title-link:hover {
    color: #490083;
}

.featured-slide-item__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #515151;
    padding-bottom: 35px;
    border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 1920px) {
    .featured-slide-item__text {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__text {
        line-height: calc(20px + -4 * ((100vw - 360px) / 1560));
    }
}

.featured-slide-item__text span {
    color: #de0a89;
    font-weight: 300;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    margin-left: 5px;
}

@media (max-width: 1920px) {
    .featured-slide-item__text span {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__text span {
        line-height: calc(26px + 14 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__text {
        padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.featured-slide-item__inner--deeper {
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 45px;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    bottom: -175px;
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: -40px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 350px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (max-width: 1920px) {
    .featured-slide-item__inner--deeper {
        padding: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__inner--deeper {
        bottom: calc(50px + -125 * ((100vw - 360px) / 1560));
    }
}

.featured-slide-item__inner--deeper .featured-slide-item__text {
    padding-bottom: 25px;
    margin-bottom: 25px;
}

@media (max-width: 1920px) {
    .featured-slide-item__inner--deeper .featured-slide-item__text {
        padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .featured-slide-item__inner--deeper .featured-slide-item__text {
        margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.featured-slide-item__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.featured-slide-item__list-item {
    position: relative;
    padding-left: 20px;
}

.featured-slide-item__list-item::before {
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    left: 10px;
    border-radius: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #515151;
}

.featured-slide-item__list-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #515151;
    letter-spacing: -0.01em;
}

.recalls {
    background: #f5f5f5;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 1920px) {
    .recalls {
        padding-top: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls {
        padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1560));
    }
}

.recalls__inner {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
}

.recalls__box {
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 500px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

@media (max-width: 1920px) {
    .recalls__box {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.recalls .swiper {
    padding-bottom: 85px;
}

@media (max-width: 1920px) {
    .recalls .swiper {
        padding-bottom: calc(50px + 35 * ((100vw - 360px) / 1560));
    }
}

.recalls-swiper .swiper-pagination-bullet {
    opacity: 1 !important;
    background: #d9d9d9;
    width: 15px;
    margin: 0 !important;
    height: 6px;
    border-radius: 0;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.recalls-swiper .swiper-pagination-bullet:hover {
    background: #490083;
}

.recalls-swiper .swiper-pagination {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.recalls-swiper .swiper-pagination-bullet-active {
    width: 30px;
    background: #490083;
}

.recalls-swiper .swiper-slide-active {
    -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
}

.recalls-slide {
    background: rgba(255, 255, 255, 0.3);
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 45px;
    padding-left: 45px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1920px) {
    .recalls-slide {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls-slide {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls-slide {
        padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls-slide {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

.recalls-slide__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #222222;
    max-width: 300px;
}

@media (max-width: 1920px) {
    .recalls-slide__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls-slide__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.recalls-slide-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
}

@media (max-width: 1920px) {
    .recalls-slide-top {
        padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls-slide-top {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.recalls-slide-top__img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
}

.recalls-slide-top__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.recalls-slide-top__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
}

.recalls-slide-top__box-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
}

@media (max-width: 1920px) {
    .recalls-slide-top__box-text {
        font-size: calc(16px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .recalls-slide-top__box-text {
        line-height: calc(26px + 2 * ((100vw - 360px) / 1560));
    }
}

.recalls-slide-top__box-subtext {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #515151;
}

.deal {
    overflow: hidden;
    padding-top: 40px;
}

@media (max-width: 1920px) {
    .deal {
        padding-top: calc(0px + 40 * ((100vw - 360px) / 1560));
    }
}

.deal__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

.deal__img {
    width: 585px;
    height: 585px;
    max-width: 655px;
    max-height: 585px;
    overflow: hidden;
}

.deal__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.deal-content {
    width: 100%;
    max-width: 880px;
    margin: 0 0 0 55px;
}

.deal-content__box {
    padding-top: 30px;
    max-width: 630px;
    position: relative;
    margin-bottom: 60px;
}

@media (max-width: 1920px) {
    .deal-content__box {
        padding-top: calc(0px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-content__box {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.deal-content__box-title {
    font-weight: 800;
    font-size: 64px;
    line-height: 68px;
    position: relative;
}

@media (max-width: 1920px) {
    .deal-content__box-title {
        font-size: calc(25px + 31 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-content__box-title {
        line-height: calc(40px + 28 * ((100vw - 360px) / 1560));
    }
}

.deal-content__box-title::after {
    content: "";
    width: 78px;
    height: 86px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -100px;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/deal-arrow.svg);
}

.deal-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.deal-form__datapicker {
    background: #fff;
    border: 1px solid #d9d9d9;
    height: 100%;
    width: 100%;
    position: relative;
    max-width: 395px;
}

.deal-form__datapicker input {
    background: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding-top: 30px;
    padding-right: 70px;
    padding-bottom: 30px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .deal-form__datapicker input {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__datapicker input {
        padding-right: calc(15px + 55 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__datapicker input {
        padding-bottom: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__datapicker input {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__datapicker input {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__datapicker input {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.deal-form__datapicker svg {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
}

@media (max-width: 1920px) {
    .deal-form__datapicker svg {
        width: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__datapicker svg {
        height: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

.deal-form__inner {
    z-index: 1;
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 115px;
    gap: 12px;
    width: 100%;
}

@media (max-width: 1920px) {
    .deal-form__inner {
        padding: calc(15px + -3 * ((100vw - 360px) / 1560));
    }
}

.deal-form__inner .custom-select {
    width: 100% !important;
    max-width: 400px;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0.01em;
    height: 100%;
}

@media (max-width: 1920px) {
    .deal-form__inner .custom-select {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__inner .custom-select {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.deal-form__inner .custom-select select {
    display: none;
}

.deal-form__inner .select-selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d9d9d9 !important;
    padding-right: 50px !important;
    height: 100%;
}

.deal-form__inner .select-selected:after {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/black-select-arrow.svg);
    width: 8px;
    height: 5px;
}

.deal-form__inner .select-selected.select-arrow-active:after {
    -webkit-transform: rotate(180deg) translateY(-50%);
    -ms-transform: rotate(180deg) translateY(-50%);
    transform: rotate(180deg) translateY(-50%);
}

.deal-form__inner .select-items div,
.deal-form__inner .select-selected {
    color: #515151;
    padding: 8px 16px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0);
    cursor: pointer;
}

.deal-form__inner .select-items {
    position: absolute;
    background-color: #fff;
    top: 110%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #d9d9d9;
}

.deal-form__inner .select-hide {
    display: none;
}

.deal-form__inner .select-items div:hover,
.deal-form__inner .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.deal-form__btn {
    font-weight: 700;
    font-size: 20px;
    min-width: 240px;
    line-height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    text-transform: capitalize;
    color: #fff;
    height: 100%;
    padding: 0 40px;
    background: #de0a89;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.deal-form__btn::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #490083;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.deal-form__btn:hover::before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.deal-form__buttons {
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 22px;
    padding-right: 48px;
    padding-bottom: 22px;
    padding-left: 48px;
}

@media (max-width: 1920px) {
    .deal-form__buttons {
        gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__buttons {
        padding-top: calc(15px + 7 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__buttons {
        padding-right: calc(15px + 33 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__buttons {
        padding-bottom: calc(15px + 7 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__buttons {
        padding-left: calc(15px + 33 * ((100vw - 360px) / 1560));
    }
}

.deal-form__buttons .container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #515151;
}

@media (max-width: 1920px) {
    .deal-form__buttons .container {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form__buttons .container {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.deal-form__buttons .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.deal-form__buttons .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #d9d9d9;
}

@media (max-width: 1920px) {
    .deal-form__buttons .checkmark {
        top: calc(-2px + 4 * ((100vw - 360px) / 1560));
    }
}

.deal-form__buttons .container input:checked ~ .checkmark {
    background-color: #f5ab1a;
}

.deal-form__buttons .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.deal-form__buttons .container input:checked ~ .checkmark:after {
    display: block;
}

.deal-form__buttons .container .checkmark:after {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.sort {
    margin-bottom: 40px;
}

@media (max-width: 1920px) {
    .sort {
        margin-bottom: calc(20px + 20 * ((100vw - 360px) / 1560));
    }
}

.sort-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.sort-form__info {
    margin-right: auto;
}

.sort-form__info-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .sort-form__info-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .sort-form__info-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.sort-form__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sort-form__box-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    margin-right: 20px;
    letter-spacing: 0.01em;
    color: #515151;
}

@media (max-width: 1920px) {
    .sort-form__box-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .sort-form__box-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .sort-form__box-text {
        margin-right: calc(10px + 10 * ((100vw - 360px) / 1560));
    }
}

.sort-form__box-btn {
    margin-right: 15px;
    width: 24px;
    height: 24px;
}

.sort-form__box-btn svg path {
    stroke: #ccc !important;
    fill: #ccc !important;
}

.sort-form__box-btn_active svg path {
    stroke: #ec6c23 !important;
    fill: #ec6c23 !important;
}

@media (max-width: 1920px) {
    .sort-form__box-btn {
        margin-right: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

.sort-form__box-btn:last-child {
    margin-right: 0;
}

.sort-form__box-btn:last-child:hover svg path {
    fill: #ec6c23;
    fill-opacity: 1;
}

.sort-form__box-btn svg path {
    -webkit-transition: fill 0.3s, fill-opacity 0.3s;
    -o-transition: fill 0.3s, fill-opacity 0.3s;
    transition: fill 0.3s, fill-opacity 0.3s;
}

.catalog-grid {
    margin-bottom: 75px;
}

@media (max-width: 1920px) {
    .catalog-grid {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 60px;
    margin-bottom: 80px;
}

@media (max-width: 1920px) {
    .catalog-grid__inner {
        -webkit-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
        -moz-column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
        column-gap: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid__inner {
        row-gap: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid__inner {
        margin-bottom: calc(30px + 50 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item__link,
.icon-btn {
    border: unset;
    background: #f5ab1a;
}

.catalog-grid-item__link span:first-child::before,
.icon-btn span:first-child::before {
    background: #EC6C23;
}

.catalog-grid-item__link span:first-child::after,
.icon-btn span:first-child::after {
    background: #f5ab1a;
}

.catalog-grid-item__link span:last-child,
.icon-btn span:last-child {
    color: #fff;
}

.catalog-grid-item__inner {
    background: #f5f5f5;
    padding-top: 45px;
    padding-right: 30px;
    padding-bottom: 45px;
    padding-left: 30px;
}

@media (max-width: 1920px) {
    .catalog-grid-item__inner {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item__inner {
        padding-right: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item__inner {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item__inner {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-top {
    position: relative;
    width: 100%;
    height: 280px;
    max-width: 370px;
    max-height: 280px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.catalog-grid-item-top__img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.catalog-grid-item-top__img::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%);
}

.catalog-grid-item-top__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-grid-item-top__sale {
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #202020;
    background: #fff;
    margin-bottom: auto;
}

.catalog-grid-item-top__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.catalog-grid-item-top__links-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #fff;
    position: relative;
}

.catalog-grid-item-top__links-link::before {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #fff;
    right: 0;
    top: 102%;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.catalog-grid-item-top__links-link:hover::before {
    width: 100%;
}

.catalog-grid-item-content__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__title {
        margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-content__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #d9d9d9;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__row {
        padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-content__row-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #515151;
    letter-spacing: -0.01em;
    max-width: 130px;
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__row-text {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__row-text {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-content__row-price {
    font-weight: 500;
    text-align: right;
    font-size: 28px;
    line-height: 35px;
    text-transform: capitalize;
    color: #de0a89;
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__row-price {
        font-size: calc(20px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-content__row-price {
        line-height: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-rent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #d9d9d9;
}

@media (max-width: 1920px) {
    .catalog-grid-item-rent {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-rent {
        margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-rent__item {
    position: relative;
    padding-left: 20px;
}

.catalog-grid-item-rent__item::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #490083;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.catalog-grid-item-rent__text {
    color: #ec6c23;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .catalog-grid-item-rent__text {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-rent__text {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-rent--row {
    border-top: unset;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.catalog-grid-item-rent--row .catalog-grid-item-rent__item {
    padding-left: 0;
}

.catalog-grid-item-rent--row .catalog-grid-item-rent__item::before {
    left: unset;
    right: -20px;
}

.catalog-grid-item-rent--row .catalog-grid-item-rent__item:last-child::before {
    content: unset;
}

.catalog-grid-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 1920px) {
    .catalog-grid-item-info {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-info {
        margin-bottom: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-grid-item-info__item {
    padding-left: 20px;
    position: relative;
}

.catalog-grid-item-info__item::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #515151;
    border-radius: 100%;
}

.catalog-grid-item-info__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #515151;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .catalog-grid-item-info__text {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-grid-item-info__text {
        line-height: calc(22px + 4 * ((100vw - 360px) / 1560));
    }
}

.details {
    padding-top: 100px;
    margin-bottom: 75px;
}

@media (max-width: 1920px) {
    .details {
        padding-top: calc(30px + 70 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

.details__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}

@media (max-width: 1920px) {
    .details__inner {
        gap: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

.details-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.details-content__title {
    display: inline-block;
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #202020;
    margin-bottom: 60px;
    position: relative;
}

@media (max-width: 1920px) {
    .details-content__title {
        font-size: calc(24px + 14 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__title {
        line-height: calc(32px + 16 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__title {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.details-content__title::after {
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    position: absolute;
    bottom: -2px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .details-content__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-content__view {
    width: 100%;
    height: 500px;
    max-height: 500px;
    margin-bottom: 20px;
}

@media (max-width: 1920px) {
    .details-content__view {
        height: calc(300px + 200 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__view {
        max-height: calc(300px + 200 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__view {
        margin-bottom: calc(10px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-content__view-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none;
}

.details-content__view-img--active {
    display: block;
}

.details-content__text {
    color: #515151;
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .details-content__text {
        margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-content__list {
    padding-top: 15px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 60px;
}

@media (max-width: 1920px) {
    .details-content__list {
        padding-left: calc(0px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__list {
        gap: calc(10px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__list {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

.details-content__list-item {
    position: relative;
    padding-left: 40px;
}

@media (max-width: 1920px) {
    .details-content__list-item {
        padding-left: calc(25px + 15 * ((100vw - 360px) / 1560));
    }
}

.details-content__list-item::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/list-tick-icon.svg);
}

@media (max-width: 1920px) {
    .details-content__list-item::before {
        width: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__list-item::before {
        height: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

.details-content__list-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: gray;
}

@media (max-width: 1920px) {
    .details-content__list-text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content__list-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-content-images {
    margin-bottom: 60px;
    gap: 12px;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

@media (max-width: 1920px) {
    .details-content-images {
        margin-bottom: calc(30px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-images {
        gap: calc(10px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-content-images__img {
    cursor: pointer;
    height: 80px;
    width: 100%;
    max-width: 80px;
    max-height: 80px;
    border: 5px solid rgba(0, 0, 0, 0);
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}

.details-content-images__img:hover {
    border: 5px solid #ec6c23;
}

.details-content-images__img--acitve {
    border: 5px solid #ec6c23;
}

.details-content-images__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.details-content-info__title {
    font-weight: 600;
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .details-content-info__title {
        margin-bottom: calc(25px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info__title {
        font-size: calc(20px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info__title {
        line-height: calc(28px + 4 * ((100vw - 360px) / 1560));
    }
}

.details-content-info__title::after {
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    position: absolute;
    bottom: -2px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .details-content-info__title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-content-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f5f5f5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.details-content-info-list__item {
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
}

@media (max-width: 1920px) {
    .details-content-info-list__item {
        padding-top: calc(15px + 0 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info-list__item {
        padding-right: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info-list__item {
        padding-bottom: calc(15px + 0 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info-list__item {
        padding-left: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-content-info-list__item:nth-child(2n) {
    background: #fff;
}

.details-content-info-list__text {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #515151;
    position: relative;
    padding-left: 30px;
    padding-left: 30px;
}

@media (max-width: 1920px) {
    .details-content-info-list__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info-list__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-content-info-list__text {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.details-content-info-list__text::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #515151;
    border-radius: 100%;
}

@media (max-width: 1920px) {
    .details-content-info-list__text::before {
        left: calc(0px + 15 * ((100vw - 360px) / 1560));
    }
}

.details-aside {
    margin-top: -140px;
    z-index: 1;
    min-width: 350px;
}

.details-aside-content {
    margin-bottom: 45px;
}

@media (max-width: 1920px) {
    .details-aside-content {
        margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__inner {
    background: #490083;
    padding-right: 35px;
    padding-bottom: 45px;
    padding-left: 35px;
}

@media (max-width: 1920px) {
    .details-aside-content__inner {
        padding-right: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__inner {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__inner {
        padding-left: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__adress {
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .details-aside-content__adress {
        margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__adress-text {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content__adress-text {
        margin-bottom: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__adress-text {
        font-size: calc(12px + 3 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__adress-text {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__adress-link {
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content__adress-link {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__adress-link {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__btn {
    margin-bottom: 35px;
    background: #218460;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 16px 0;
    font-weight: 600;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content__btn {
        margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__btn {
        font-size: calc(14px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__btn {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .details-aside-content__total {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__total-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content__total-text {
        font-size: calc(16px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__total-text {
        line-height: calc(22px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__button {
    background: #de0a89;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    padding-top: 22px;
    padding-bottom: 22px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 1920px) {
    .details-aside-content__button {
        font-size: calc(14px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__button {
        line-height: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__button {
        padding-top: calc(15px + 7 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__button {
        padding-bottom: calc(15px + 7 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__button span:last-child {
    width: 20px;
    height: 20px;
}

@media (max-width: 1920px) {
    .details-aside-content__button span:last-child {
        width: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__button span:last-child {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__button span:last-child svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1920px) {
    .details-aside-content__button span:last-child svg {
        width: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__button span:last-child svg {
        height: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #218460;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.details-aside-content__button:hover::before {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.details-aside-content__datapicker {
    position: relative;
}

.details-aside-content__datapicker input {
    z-index: 1;
    position: relative;
    padding-top: 40px;
    padding-bottom: 35px;
    font-size: 15px;
    line-height: 19px;
    cursor: pointer;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding-right: 35px;
}

@media (max-width: 1920px) {
    .details-aside-content__datapicker input {
        padding-top: calc(30px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__datapicker input {
        padding-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__datapicker input {
        font-size: calc(14px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__datapicker input {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content__datapicker svg {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 24px;
    height: 24px;
}

@media (max-width: 1920px) {
    .details-aside-content__datapicker svg {
        width: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content__datapicker svg {
        height: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-top {
    background: #de0a89;
}

.details-aside-content-top__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 45px;
    padding-bottom: 35px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 1920px) {
    .details-aside-content-top__price {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__price {
        padding-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__price {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__price {
        line-height: calc(20px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-top__price span {
    letter-spacing: -0.02em;
    font-weight: 700;
    font-size: 46px;
    line-height: 58px;
}

@media (max-width: 1920px) {
    .details-aside-content-top__price span {
        font-size: calc(38px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__price span {
        line-height: calc(44px + 14 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-top__rent {
    padding-top: 20px;
    padding-right: 35px;
    padding-bottom: 20px;
    padding-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent {
        padding-right: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent {
        padding-left: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent {
        gap: calc(15px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-top__rent-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent-text {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-top__rent-text {
        line-height: calc(20px + 6 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-radios {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 35px;
    padding-bottom: 30px;
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .details-aside-content-radios {
        padding-top: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios {
        padding-bottom: calc(30px + 0 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios {
        margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-radios__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.details-aside-content-radios__row-text {
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content-radios__row-text {
        font-size: calc(15px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios__row-text {
        line-height: calc(21px + 9 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-radios .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-left: unset;
    margin-right: unset;
    cursor: pointer;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    padding-right: 0;
    display: inline-block;
    letter-spacing: 0.01em;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 1920px) {
    .details-aside-content-radios .container {
        padding-left: calc(25px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios .container {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios .container {
        line-height: calc(26px + 4 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-radios .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.details-aside-content-radios .checkmark {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
}

@media (max-width: 1920px) {
    .details-aside-content-radios .checkmark {
        width: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios .checkmark {
        height: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-radios .container input:checked ~ .checkmark {
    background-color: #fff;
}

.details-aside-content-radios .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.details-aside-content-radios .container input:checked ~ .checkmark:after {
    display: block;
}

.details-aside-content-radios .container .checkmark:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #ec6c23;
    -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.05);
    box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
}

@media (max-width: 1920px) {
    .details-aside-content-radios .container .checkmark:after {
        width: calc(8px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-radios .container .checkmark:after {
        height: calc(8px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .details-aside-content-count {
        margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-count__btn {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    width: 50px;
    min-width: 50px;
}

.details-aside-content-count__input {
    padding: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(0, 0, 0, 0);
    width: 100%;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
}

.details-aside-content-count__input::-webkit-input-placeholder {
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.details-aside-content-count__input::-moz-placeholder {
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.details-aside-content-count__input:-ms-input-placeholder {
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.details-aside-content-count__input::-ms-input-placeholder {
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.details-aside-content-count__input::placeholder {
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.details-aside-content-count__input::-webkit-outer-spin-button,
.details-aside-content-count__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.details-aside-content-options {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 1920px) {
    .details-aside-content-options {
        padding-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options {
        margin-bottom: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options__text {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1920px) {
    .details-aside-content-options__text {
        margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options__text {
        font-size: calc(14px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options__text {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.details-aside-content-options__box-text {
    font-weight: 600;
    font-size: 17px;
    line-height: 30px;
    text-align: right;
    letter-spacing: 0.01em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1920px) {
    .details-aside-content-options__box-text {
        font-size: calc(14px + 3 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options__box-text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options__box-text span {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1920px) {
    .details-aside-content-options__box-text span {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options__box-text span {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    margin-left: unset;
    margin-right: unset;
    display: inline-block;
    padding-right: 0;
    max-width: 170px;
    letter-spacing: 0.01em;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 1920px) {
    .details-aside-content-options .container {
        padding-left: calc(30px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .container {
        margin-bottom: calc(10px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .container {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .container {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options .container span {
    display: block;
}

.details-aside-content-options .container span:nth-child(2) {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .details-aside-content-options .container span:nth-child(2) {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .container span:nth-child(2) {
        line-height: calc(18px + 8 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.details-aside-content-options .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    background-color: #eee;
    background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 1920px) {
    .details-aside-content-options .checkmark {
        top: calc(1px + 3 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .checkmark {
        width: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .checkmark {
        height: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

.details-aside-content-options .container input:checked ~ .checkmark {
    background: #ec6c23;
}

.details-aside-content-options .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.details-aside-content-options .container input:checked ~ .checkmark:after {
    display: block;
}

.details-aside-content-options .container .checkmark:after {
    position: absolute;
    width: 14px;
    height: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/tick-icon.svg);
}

@media (max-width: 1920px) {
    .details-aside-content-options .container .checkmark:after {
        width: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-content-options .container .checkmark:after {
        height: calc(8px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author {
    background: #f5f5f5;
    padding-top: 55px;
    padding-right: 35px;
    padding-bottom: 55px;
    padding-left: 35px;
}

@media (max-width: 1920px) {
    .details-aside-author {
        padding-top: calc(30px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author {
        padding-right: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author {
        padding-bottom: calc(30px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author {
        padding-left: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__title {
    color: #202020;
    font-weight: 600;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .details-aside-author__title {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__title::before {
    content: "";
    width: 100%;
    height: 5px;
    left: 0;
    position: absolute;
    bottom: -2px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .details-aside-author__title::before {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    gap: 15px;
    margin-bottom: 35px;
}

@media (max-width: 1920px) {
    .details-aside-author__inner {
        gap: calc(10px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__inner {
        margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__img {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
    border-radius: 100%;
}

@media (max-width: 1920px) {
    .details-aside-author__img {
        width: calc(60px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__img {
        height: calc(60px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__img {
        max-width: calc(60px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__img {
        max-height: calc(60px + 20 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}

.details-aside-author__box-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
    margin-bottom: 2px;
}

@media (max-width: 1920px) {
    .details-aside-author__box-text {
        font-size: calc(16px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__box-text {
        line-height: calc(22px + 6 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__box-subtext {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #202020;
}

@media (max-width: 1920px) {
    .details-aside-author__box-subtext {
        font-size: calc(12px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .details-aside-author__box-subtext {
        line-height: calc(20px + 6 * ((100vw - 360px) / 1560));
    }
}

.details-aside-author__btn {
    width: 100%;
    max-width: 100%;
    border: 1px solid #d9d9d9;
}

.details-aside-author__btn span:first-child::before {
    background: #ec6c23;
}

.details-aside-author__btn:hover span:last-child {
    color: #fff;
}

.deal-form--big {
    margin-bottom: 85px;
    max-width: 100%;
    margin-top: -35px;
    z-index: 1;
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1920px) {
    .deal-form--big {
        margin-bottom: calc(30px + 55 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big {
        margin-top: calc(-20px + -15 * ((100vw - 360px) / 1560));
    }
}

.deal-form--big::before {
    content: "";
    height: 6px;
    width: 48%;
    position: absolute;
    bottom: -6px;
    left: 15px;
    background: #de0a89;
}

.deal-form--big .container {
    width: 100%;
}

.deal-form--big .deal-form__inner {
    height: unset;
    background: #490083;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding-top: 50px;
    padding-right: 45px;
    padding-left: 45px;
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__inner {
        padding-top: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__inner {
        padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__inner {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

.deal-form--big .deal-form__buttons {
    background: #490083;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-right: 45px;
    padding-left: 45px;
    gap: 25px;
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__buttons {
        padding-top: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__buttons {
        padding-bottom: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__buttons {
        padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__buttons {
        padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__buttons {
        gap: calc(20px + 5 * ((100vw - 360px) / 1560));
    }
}

.deal-form--big .deal-form__buttons .checkmark {
    border: 2px solid #d9d9d9;
    background: unset;
}

.deal-form--big .deal-form__buttons input:checked ~ .checkmark {
    background: rgba(0, 0, 0, 0);
}

.deal-form--big .deal-form__buttons .container {
    color: #fff;
    width: unset;
    margin-left: unset;
    margin-right: unset;
    padding-left: 30px;
    padding-right: 0px;
}

.deal-form--big .deal-form__text {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__text {
        margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__text {
        font-size: calc(14px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__text {
        line-height: calc(18px + 1 * ((100vw - 360px) / 1560));
    }
}

.deal-form--big .select-selected {
    height: unset;
    border: unset !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
}

.deal-form--big .select-selected::after {
    right: 15px;
    width: 15px;
    height: 8px;
}

@media (max-width: 1920px) {
    .deal-form--big .select-selected {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .select-selected {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .select-selected {
        padding-right: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .select-selected {
        padding-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

.deal-form--big .custom-select {
    height: unset;
}

.deal-form--big .deal-form__datapicker {
    height: unset;
    width: 100%;
    max-width: 300px;
    border: unset;
}

.deal-form--big .deal-form__datapicker svg {
    right: unset;
    left: 30px;
}

.deal-form--big .deal-form__datapicker input {
    height: unset;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 70px;
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__datapicker input {
        padding-top: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__datapicker input {
        padding-right: calc(15px + -5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__datapicker input {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .deal-form--big .deal-form__datapicker input {
        padding-left: calc(50px + 20 * ((100vw - 360px) / 1560));
    }
}

.deal-form--big .deal-form__wrapper {
    width: 100%;
    max-width: 245px;
}

.deal-form--big .deal-form__wrapper:nth-child(3) {
    max-width: 300px;
}

.deal-form--big .deal-form__button {
    height: 100%;
    min-height: 100%;
    border: unset;
    margin-top: auto;
    width: 100%;
    background: #ec6c23;
    max-width: 260px;
    padding-right: 30px;
}

.deal-form--big .deal-form__button span:first-child {
    height: 69px;
}

.deal-form--big .deal-form__button span:first-child::before {
    background: rgba(255, 255, 255, 0.2);
}

.deal-form--big .deal-form__button span:first-child::after {
    background: #ec6c23;
}

.deal-form--big .deal-form__button span:last-child {
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 25px;
    padding-left: 0;
    margin-left: -5px;
}

.catalog-list {
    margin-bottom: 75px;
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1920px) {
    .catalog-list {
        margin-bottom: calc(0px + 75 * ((100vw - 360px) / 1560));
    }
}

.catalog-list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.catalog-list-aside {
    height: unset;
    max-width: 350px;
    min-width: 350px;
    width: 350px;
    background: #f5f5f5;
    padding-top: 45px;
    padding-right: 40px;
    padding-bottom: 45px;
    padding-left: 40px;
    margin-top: 70px;
    position: sticky;
    top: 70px;
}

@media (max-width: 1920px) {
    .catalog-list-aside {
        padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside {
        padding-right: calc(15px + 25 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside {
        padding-left: calc(15px + 25 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 45px;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form {
        gap: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form .noUi-connect {
    position: relative;
}

.catalog-list-aside-form__range .noUi-connects::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    top: -7px;
    left: -1px;
    right: 0;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.catalog-list-aside-form .noUi-target {
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: unset;
}

.catalog-list-aside-form__range {
    padding-bottom: 45px;
    border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__range {
        padding-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__range .noUi-connects {
    background: #490083;
    height: 16px !important;
}

.catalog-list-aside-form__range .noUi-connect {
    background: transparent;
}

.catalog-list-aside-form__range .noUi-handle {
    top: 2px !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff;
    -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    border: unset;
}

.catalog-list-aside-form__range .noUi-handle::before {
    content: "";
    background: #490083;
    -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.05);
    box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    width: 10px;
    height: 10px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.catalog-list-aside-form__range .noUi-handle::after {
    content: unset;
}

.catalog-list-aside-form__range .noUi-handle-upper {
    top: -9px !important;
    width: 32px !important;
    height: 32px !important;
}

.catalog-list-aside-form__range .noUi-handle-upper::before {
    width: 18px;
    height: 18px;
}

.catalog-list-aside-form__range-slider {
    margin-bottom: 20px;
}

.catalog-list-aside-form__range-values {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #515151;
}

.catalog-list-aside-form__range-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 45px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__range-title {
        font-size: calc(20px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__range-title {
        line-height: calc(28px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__range-title {
        margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__range-title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__range-title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__range-title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__categories .container {
    display: inline-block;
    padding-right: 0;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: unset;
    margin-right: unset;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #202020;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .container {
        padding-left: calc(25px + 10 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .container {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .container {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__categories .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.catalog-list-aside-form__categories .checkmark {
    position: absolute;
    top: 4px;
    top: 4px;
    left: 0;
    width: 22px;
    height: 22px;
    background: #f5f5f5;
    border: 2px solid #d9d9d9;
    border-radius: 15px;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .checkmark {
        top: calc(0px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .checkmark {
        width: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .checkmark {
        height: calc(18px + 4 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__categories .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.catalog-list-aside-form__categories .container input:checked ~ .checkmark:after {
    display: block;
}

.catalog-list-aside-form__categories .container .checkmark:after {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background: #de0a89;
    -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.05);
    box-shadow: 10px 10px 13px rgba(0, 0, 0, 0.05);
    border-radius: 11px;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .container .checkmark:after {
        width: calc(8px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories .container .checkmark:after {
        height: calc(8px + 2 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__categories-title {
    margin-bottom: 35px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 45px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
    position: relative;
    display: inline-block;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories-title {
        font-size: calc(20px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories-title {
        line-height: calc(28px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories-title {
        margin-bottom: calc(30px + 15 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__categories-title::after {
    content: "";
    width: 100%;
    left: 0;
    position: absolute;
    height: 5px;
    bottom: -7px;
    background: #ec6c23;
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories-title::after {
        height: calc(3px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-aside-form__categories-title::after {
        bottom: calc(-5px + -2 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-aside-form__categories-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
}

.catalog-list-aside-form__btn {
    max-width: 100%;
    width: 100%;
    background: #de0a89;
    border: unset;
}

.catalog-list-aside-form__btn span:first-child::after {
    background: #de0a89;
}

.catalog-list-aside-form__btn span:first-child::before {
    background: rgba(255, 255, 255, 0.2);
}

.catalog-list-aside-form__btn span:last-child {
    color: #fff;
}

.catalog-list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}

@media (max-width: 1920px) {
    .catalog-list-content {
        gap: calc(20px + 20 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content__sort {
    margin-bottom: 0;
}

.catalog-list-content-item {
    cursor: pointer;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
    border: 1px solid #d9d9d9;
    -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
    transition: border 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s, border 0.3s;
    transition: box-shadow 0.3s, border 0.3s;
    transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
}

@media (max-width: 1920px) {
    .catalog-list-content-item {
        padding: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item {
        gap: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
}

.catalog-list-content-item:nth-last-child(2) {
    margin-bottom: 40px;
}

@media (max-width: 1920px) {
    .catalog-list-content-item:nth-last-child(2) {
        margin-bottom: calc(15px + 25 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item__img {
    width: 270px;
    max-width: 270px;
    height: 280px;
    max-height: 280px;
}

.catalog-list-content-item__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.catalog-list-content-item-body-top__title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top__title {
        margin-bottom: calc(15px + 0 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top__title {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top__title {
        line-height: calc(24px + 8 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-body-top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 65px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top-box {
        padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top-box {
        margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-body-top-box__inner {
    position: relative;
}

.catalog-list-content-item-body-top-box__inner::after {
    content: "";
    background: #d9d9d9;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -31px;
    height: 100%;
    width: 1px;
}

.catalog-list-content-item-body-top-box__text {
    color: #515151;
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top-box__text {
        font-size: calc(12px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top-box__text {
        line-height: calc(22px + 4 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-body-top-box__price {
    color: #de0a89;
    font-weight: 300;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top-box__price {
        font-size: calc(18px + 6 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-top-box__price {
        line-height: calc(28px + 12 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-body-bottom__text {
    color: #515151;
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-bottom__text {
        margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-bottom__text {
        font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-bottom__text {
        line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-body-bottom__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.catalog-list-content-item-body-bottom__list-item {
    position: relative;
    padding-left: 20px;
}

.catalog-list-content-item-body-bottom__list-item::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #515151;
    border-radius: 100%;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.catalog-list-content-item-body-bottom__list-text {
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-bottom__list-text {
        font-size: calc(13px + 1 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-body-bottom__list-text {
        line-height: calc(24px + 2 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-info__box {
    background: rgba(73, 0, 131, 0.1);
    padding-top: 50px;
    padding-right: 35px;
    padding-bottom: 50px;
    padding-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box {
        padding-top: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box {
        padding-right: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box {
        padding-bottom: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box {
        padding-left: calc(15px + 20 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-info__box-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #515151;
    max-width: 155px;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box-text {
        font-size: calc(14px + 4 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box-text {
        line-height: calc(20px + 2 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box-text {
        margin-bottom: calc(10px + 10 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-info__box-price {
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    text-transform: capitalize;
    color: #de0a89;
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box-price {
        font-size: calc(20px + 8 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1920px) {
    .catalog-list-content-item-info__box-price {
        line-height: calc(26px + 9 * ((100vw - 360px) / 1560));
    }
}

.catalog-list-content-item-info__btn {
    border: 1px solid #ec6c23;
}

.catalog-list-content-item-info__btn:hover span:last-child {
    color: #fff;
}

.catalog-list-content-item-info__btn span:first-child::before {
    background: #ec6c23;
}

.ui-widget-header .ui-icon {
    display: none !important;
}

.ui-datepicker .ui-datepicker-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg);
    transform: translateY(-50%) translateX(-50%) rotate(180deg);
    width: 15px;
    height: 15px;
    background-image: url(../images/select-arrow-pink.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.ui-datepicker .ui-datepicker-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 15px;
    height: 15px;
    background-image: url(../images/select-arrow-pink.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    color: #de0a89 !important;
    border: 1px solid #de0a89 !important;
}

.ui-widget-header {
    background: rgba(0, 0, 0, 0) !important;
    border: unset !important;
    margin-bottom: 10px !important;
    font-family: "Lexend Deca", sans-serif;
}

.ui-datepicker-title {
    color: #202020 !important;
}

.ui-datepicker-calendar {
    color: #202020 !important;
    font-family: "Lexend Deca", sans-serif;
}

.ui-datepicker table {
    border-collapse: separate !important;
}

.ui-datepicker td {
    border: unset !important;
}

.ui-state-hover {
    background: unset !important;
    border: unset !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
    top: 2px !important;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    cursor: pointer;
}

@media (max-width: 1800px) {
    .users-resently {
        padding-left: 50px;
    }
}

@media (max-width: 1440px) {
    .users-resently {
        padding-left: 20px;
    }

    .users-resently__list-item {
        width: 66px;
        height: 66px;
        max-width: 66px;
        max-height: 66px;
        min-width: 66px;
        min-height: 66px;
    }

    .users__img {
        width: 366px;
        min-width: 366px;
        max-width: 366px;
        max-height: 230px;
    }

    .deal-content {
        max-width: 778px;
        margin-left: 3%;
        margin-right: 3%;
    }

    html .header-content__inner {
        padding: 0;
    }
}

@media (max-width: 1250px) {
    html .deal-content {
        max-width: 100%;
    }

    .deal__inner {
        padding-bottom: 50px;
    }
}

@media (max-width: 1190px) {
    .users__inner {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        background: #f2f2f2;
    }

    .users-info {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 2/1/3/3;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .users__img {
        width: 100%;
        max-width: 100%;
    }

    .users-resently {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 35px;
        padding-right: 15px;
    }

    .users .biggest-container {
        padding: 0;
    }

    .users__inner {
        height: unset;
    }

    .deal__img {
        margin-right: -15px;
    }
}

@media (max-width: 1650px) {
    .menu {
        margin-left: 0;
    }

    .header-content__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 70px;
        height: 70px;
        min-width: 70px;
        min-height: 70px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #de0a89;
        margin-left: 20px;
        border-radius: 100%;
        gap: 7px;
        z-index: 101;
    }

    .header-content__burger span {
        width: 24px;
        height: 3px;
        background: #fff;
    }

    .body-menu--active {
        position: relative;
    }

    .body-menu--active .header-content {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 100;
    }

    .body-menu--active .menu {
        display: none;
    }

    .body-menu--active .logo {
        display: none;
    }

    .body-menu--active .header-content__purshace {
        margin-left: 0;
        z-index: 101;
        margin-left: 20px;
    }

    .body-menu--active .header-content__purshace:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .body-menu--active .header-content-call:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        z-index: 101;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 70px;
        height: 70px;
        min-width: 70px;
        min-height: 70px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #de0a89;
        border-radius: 100%;
    }

    .body-menu--active .header-content-call:nth-child(2) svg {
        width: 27px;
        height: 27px;
    }

    .body-menu--active .header-content-call:nth-child(2) svg path {
        stroke: #fff;
    }

    .body-menu--active .header-content__wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        min-height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
        background: #fff;
        -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0.1);
    }

    .body-menu--active .header-content__entrance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: unset;
    }

    .body-menu--active .header-content__entrance-link:nth-child(1) svg {
        display: none;
    }
}

@media (max-width: 1750px) {
    html .header-content-call__box-link {
        font-size: 23px;
    }
}

@media (max-width: 1650px) {
    .catalog-list-content-item-body-top-box {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .catalog-list-content-item-body-top-box__inner::after {
        content: unset;
    }

    .catalog-list-content-item-body-bottom__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .catalog-list-content-item-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .catalog-list-content-item-info__box {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .header-top-working-time {
        display: none;
    }
}

@media (max-width: 1550px) {
    html .header-content__wrapper {
        justify-content: space-between;
    }

    .header-content__entrance {
        display: none !important;
    }
}

@media (max-width: 1400px) {
    .support__img {
        width: 877px;
        max-width: 877px;
        height: 732px;
        max-height: 732px;
        left: -129px;
        top: -10px;
    }
}

@media (max-width: 1400px) and (max-width: 1920px) {
    .support__img {
        width: calc(300px + 577 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1400px) and (max-width: 1920px) {
    .support__img {
        max-width: calc(300px + 577 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1400px) and (max-width: 1920px) {
    .support__img {
        height: calc(250px + 482 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1400px) and (max-width: 1920px) {
    .support__img {
        max-height: calc(250px + 482 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1350px) {
    .deal__img {
        max-width: 30%;
    }
}

@media (max-width: 1250px) {
    .deal-form--big .deal-form__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .deal-form--big .deal-form__wrapper {
        max-width: 100% !important;
        width: 100%;
    }

    .deal-form--big .custom-select {
        max-width: 100%;
    }

    .deal-form--big .deal-form__datapicker {
        max-width: 100%;
    }

    .deal-form--big .deal-form__button {
        margin-left: auto;
        margin-right: auto;
    }

    .deal-form--big .deal-form__buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .catalog-grid__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .catalog-grid-item-top {
        max-width: 100%;
    }

    .catalog-grid-item-rent--row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .catalog-grid-item-rent--row .catalog-grid-item-rent__item {
        position: relative;
        padding-left: 20px;
    }

    .catalog-grid-item-rent--row .catalog-grid-item-rent__item:last-child::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #490083;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .catalog-grid-item-rent--row .catalog-grid-item-rent__item::before {
        content: "";
        width: 4px;
        height: 4px;
        background: #490083;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .deal-form--big .deal-form__datapicker svg {
        right: 15px;
        left: unset;
    }

    .deal-form--big .deal-form__datapicker input {
        padding-left: 15px;
        paddig-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1250px) and (max-width: 1920px) {
    .deal-form--big .deal-form__datapicker input {
        paddig-left: calc(15px + 15 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1250px) and (max-width: 1920px) {
    .deal-form--big .deal-form__datapicker input {
        padding-right: calc(60px + -30 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1250px) {
    .catalog-list__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 1250px) {
    .catalog-list-aside {
        position: unset;
        width: 100%;
        max-width: 100%;
        min-width: unset;
    }
}

@media (max-width: 1250px) {
    .catalog-list-content {
        width: 100%;
    }
}

@media (max-width: 1250px) {
    .catalog-list-content-item-body {
        width: 100%;
    }
}

@media (max-width: 1250px) {
    .catalog-list-content-item__img {
        min-width: 280px;
    }
}

@media (max-width: 1250px) {
    .catalog-list-content-item-body-top-box {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1250px) {
    .catalog-list-aside {
        margin-top: 30px;
    }
}

@media (max-width: 1250px) {
    .menu-list {
        gap: 25px;
    }

    .deal__img {
        display: none;
    }
}

@media (max-width: 1200px) {
    html .header-content__wrapper {
        justify-content: start;
    }

    .header-content-call {
        display: none !important;
    }

    .about-content-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .about-content-bottom__item::after {
        content: unset;
    }

    .steps-list__item::after {
        content: unset;
    }

    .support__img {
        bottom: -150px;
        top: unset;
        left: unset;
        right: -50px;
    }

    .support__inner {
        overflow: hidden;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .blog-grid-item__bottom span {
        width: 50px;
    }

    .blog-grid-item__bottom .blog-grid-item__bottom-text {
        margin-left: unset;
    }
}

@media (max-width: 1150px) {
    .users-resently {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .header-top__entrance-link {
        display: none;
    }
}

@media (max-width: 1100px) {
    .reasons .biggest-container {
        padding: 0;
    }

    .reasons__wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reasons__suptext {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reasons__title {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 850px) {
    .about-images {
        width: 40%;
        max-width: 40%;
        height: 500px;
    }

    .about-images__img:nth-child(1) {
        width: 45%;
        height: 60%;
        max-width: 45%;
        max-height: 400px;
    }

    .about-images__img:nth-child(2) {
        width: 60%;
        max-width: 60%;
        height: 100%;
        border: 10px solid #fff;
        position: absolute;
        top: 80px;
        left: unset;
        right: 0;
    }

    .about__inner {
        gap: 30px;
    }
}

@media (max-width: 1000px) {
    .about-images {
        display: none;
    }

    .about-content__about-images {
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 500px;
    }

    .about-content {
        max-width: 100%;
        width: 100%;
    }

    .about-images__img:nth-child(1) {
        height: 80%;
    }

    .about-images__img:nth-child(2) {
        height: 84%;
    }

    .about-content-bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .about-content__about-images {
        margin-bottom: 90px;
    }
}

@media (max-width: 1000px) and (max-width: 1920px) {
    .about-content__about-images {
        margin-bottom: calc(15px + 75 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 1000px) {
    .users__img {
        position: relative;
        min-width: unset;
    }

    .users__img:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #222;
        width: 100%;
        height: 100%;
        opacity: 0.4;
    }
}

@media (max-width: 1000px) {
    .users-resently::before {
        content: unset;
    }
}

@media (max-width: 1000px) {
    .reasons-list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1000px) {
    .reasons-list__item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 1000px) {
    .reasons-list {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
    }
}

@media (max-width: 1000px) {
    .about-content-bottom {
        border-top: unset;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 1000px) {
    .categories-item__box-text {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@media (max-width: 1000px) {
    .catalog-list-content-item-body-top-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1000px) {
    .deal {
        margin-bottom: 30px;
    }
}

@media (max-width: 1000px) {
    header.header {
        overflow: inherit;
        border-bottom: 1px solid #ddd;
        margin-bottom: 50px;
    }
    .menu-list {
        display: none;
    }

    .dl-menuwrapper {
        display: block !important;
    }

    .header-content__logo {
        padding-left: 130px;
    }
}

@media (max-width: 1000px) {
    .body-menu--active .menu {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .body-menu--active .menu-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 1000px) {
    .menu-list-submenu {
        position: unset;
        margin-top: 20px;
    }
}

@media (max-width: 1000px) {
    .menu-list__btn {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1000px) {
    .menu-list-submenu__btn--active::after {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        top: 21px !important;
    }
}

@media (max-width: 1200px) {
    .index-main .brands-list {
        padding: 0 3%;
    }
}

@media (max-width: 1000px) {
    .menu-list-submenu__items--active {
        position: relative;
        left: 0;
        width: 100%;
        z-index: 101;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 950px) {
    .blog-grid__inner {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .blog-grid-item-box__img {
        max-width: 100%;
    }
}

@media (max-width: 900px) {
    .footer-content__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .footer-content-box {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-content__list {
        padding-top: 0;
    }

    .catalog-list-content-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .catalog-list-content-item__img {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }

    .deal-form__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: unset;
    }

    .deal-form__btn {
        padding: 20px;
    }

    .deal-form__inner .custom-select {
        max-width: 100%;
        width: 100%;
    }

    .deal-form__inner .select-selected {
        padding: 15px;
    }

    .deal-form__inner .deal-form__datapicker {
        max-width: 100%;
    }

    .header-top__inner {
        display: inline-block !important;
    }

    .header-top__socials {
        padding: 15px 0 0;
        text-align: center;
    }

    .header-top__inner {
        gap: unset;
    }
}

@media (max-width: 850px) {
    .details__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .details-aside {
        margin-top: unset;
        min-width: 100%;
    }

    .details-content__list {
        padding-left: 0;
    }
}

@media (max-width: 800px) {
    .reasons-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .reasons__img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .reasons-list__item {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .reasons-list__item:nth-child(2n) {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .reasons__icon {
        display: none;
    }

    .subscribe__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .categories__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .categories-item__box-img {
        max-width: 100%;
    }

    .index-main .categories-item {
        -webkit-transform: unset !important;
        -ms-transform: unset !important;
        transform: unset !important;
    }

    .deal-content__box-title::after {
        display: none;
    }

    .reasons__img {
        display: none;
    }
}

@media (max-width: 750px) {
    .users__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .users-info {
        grid-area: unset;
    }

    .users-resently {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .users-resently__text {
        text-align: center;
    }

    .users__img {
        max-height: 230px;
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users__img {
        max-height: calc(150px + 80 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) {
    .users-resently__list-item {
        width: 76px;
        height: 76px;
        max-width: 76px;
        max-height: 76px;
        min-width: 76px;
        min-height: 76px;
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users-resently__list-item {
        width: calc(55px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users-resently__list-item {
        height: calc(55px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users-resently__list-item {
        max-width: calc(55px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users-resently__list-item {
        max-height: calc(55px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users-resently__list-item {
        min-width: calc(55px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) and (max-width: 1920px) {
    .users-resently__list-item {
        min-height: calc(55px + 21 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 750px) {
    .users-resently__list-item:nth-child(2) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 750px) {
    .users-resently__list-item:nth-child(3) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 750px) {
    .users-resently__list-item:nth-child(4) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 750px) {
    .users-resently__list-item:nth-child(5) {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (max-width: 750px) {
    .brands-list {
        width: 300px;
        max-width: 300px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 750px) {
    .brands-list__item {
        max-width: 100%;
        height: auto !important;
        max-height: fit-content;
    }
}

@media (max-width: 750px) {
    .blog__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 750px) {
    .blog-aside {
        max-width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

@media (max-width: 750px) {
    .deal {
        margin-bottom: 0;
    }
}

@media (max-width: 700px) {
    .header-content__purshace {
        display: none;
    }

    .steps-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .steps-list__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px;
    }
}

@media (max-width: 700px) and (max-width: 1920px) {
    .steps-list__item {
        gap: calc(30px + 20 * ((100vw - 360px) / 1560));
    }
}

@media (max-width: 700px) {
    .steps-list__item__inner {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        text-align: left;
        width: 100%;
    }
}

@media (max-width: 700px) {
    .steps-list__top-icon {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
    }
}

@media (max-width: 700px) {
    .contacts__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    html .header-top__inner {
        padding: 20px 0;
    }

    .contacts-item {
        gap: 30px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 700px) {
    .contacts-item__inner {
        text-align: left;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

@media (max-width: 700px) {
    .contacts-item__icon {
        margin-bottom: 0;
    }
}

@media (max-width: 650px) {
    .catalog-grid__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .blog-grid__inner {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .blog-grid-item-box__text {
        margin-left: 10px;
    }

    .featured-swiper__next {
        display: none !important;
    }

    .featured-swiper__prev {
        display: none !important;
    }
}

@media (max-width: 550px) {
    .about-images {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: 400px;
    }

    .about-images__img:nth-child(2) {
        height: 80%;
    }

    .about-content-bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .subscribe__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

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

    .subscribe__form {
        gap: 15px;
    }

    .footer-bottom__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .footer-content__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }

    .footer-content-box {
        margin-left: unset;
    }

    .footer-bottom__socials {
        margin-right: auto;
    }

    .footer__support {
        text-align: left;
    }

    .footer__support {
        display: none;
    }

    .categories-item__rent-line {
        display: none;
    }

    .categories-item__rent-text {
        width: unset;
        max-width: unset;
        text-align: left;
        display: block;
        min-width: unset;
    }

    .categories-item__rent {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .article-bottom__share::after {
        content: unset;
    }

    .article-bottom__share svg {
        margin-left: 0;
    }

    .catalog-list-content-item-body-top-box {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .catalog-list-content-item-info__btn {
        max-width: 100%;
    }

    .catalog-list-content-item-body-bottom__list-item {
        padding-left: 15px;
    }

    .catalog-list-content-item-body-bottom__list-item::before {
        left: 0px;
    }

    .body-menu--active .header-content__wrapper {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .body-menu--active .header-content__burger {
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
        min-width: unset;
        min-height: unset;
        margin-left: 10px;
        gap: 2px;
    }

    .body-menu--active .header-content__burger span {
        width: 50%;
        height: 3px;
    }

    .body-menu--active .header-content__purshace {
        width: 40px;
        height: 40px;
        margin-left: 10px;
    }

    .body-menu--active .header-content__purshace svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
    }

    .body-menu--active .header-content-call:nth-child(2) {
        width: 40px;
        height: 40px;
        min-width: unset;
        min-height: unset;
    }

    .body-menu--active .header-content-call:nth-child(2) svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
    }
}

@media (max-width: 500px) {
    .blog-comments__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .deal-form__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .deal-form__button {
        max-width: 100% !important;
        width: 100%;
    }

    .index-main .deal-form__buttons .container {
        margin-left: unset;
    }
}

@media (max-width: 400px) {
    .users-info {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .users-info__item:nth-child(2) .users-info__item-count {
        text-align: right;
    }

    .brands-list {
        width: 80%;
        max-width: 80%;
    }

    .brands-list__item {
        max-height: 150px;
        height: 150px;
    }
}