@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@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
 }.whats {
    position: fixed;
    bottom: 36px;
    right: 25px;
    z-index: 999;
    overflow: hidden;
    /* width: 21%; */
    text-align: right;
    width: 57px;
}.whats img {
    width: 100%;
    margin-top: 10px;
}
.whsy h4{ margin-bottom: 10px; font-size: 20px; margin-bottom: 10px; font-weight: 600}
.whsy p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
}
 * {
   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%
 }
 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: "Manrope", 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%
 }
 @font-face {
   font-family: 'icomoon';
   src: url('../fonts/icomoon.eot');
   src: url('../fonts/icomoond41d.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: 90%;
    /* max-width: 300px; */
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    position: absolute;
    left: 5%;
    top: 21px;
    display: none;     text-align: right;
}
 .dl-menuwrapper:first-child {
   margin-right: 100px;
 }
.dl-menuwrapper button {
    background: #036752;
    border: none;
    width: 102px;
    height: 49px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    border-radius: 6px;
    text-align: right;
    padding-right: 11px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
 .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
   background: #036752;
 }
.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 26px;
    height: 3px;
    background: #fff;
    top: 13px;
    left: 11%;
    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: 11px 20px;
   font-size: 16px;
   line-height: 20px;
   font-weight: 300;
   color: #fff;
   outline: none; text-align: left
 }
 .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: 42px;
   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: #fff;
 }
 .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);
 }
 .dl-menuwrapper li .dl-submenu {
   display: none;
 }
 .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;
 }
 .dl-menuwrapper > .dl-submenu {
   position: absolute;
   width: 100%;
   top: 50px;
   left: 0;
   margin: 0;
 }
 .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: .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: .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 .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: '';
 }
 .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 .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 .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 .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 .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 0px;
 }
 .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: 1250px;
   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 .3s;
   -o-transition: padding-left .3s;
   transition: padding-left .3s;
   padding-top: 16px;
   padding-bottom: 16px;
   z-index: 2
 }
 .btn span:first-child {
   position: absolute;
   height: 51px;
   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 .3s;
   -o-transition: width .3s;
   transition: width .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 .3s, -webkit-transform .3s;
   transition: right .3s, -webkit-transform .3s;
   -o-transition: transform .3s, right .3s;
   transition: transform .3s, right .3s;
   transition: transform .3s, right .3s, -webkit-transform .3s
 }
 .btn span:first-child svg {
   width: 20px;
   height: 20px;
   z-index: 1;
   margin-right: 8px;
   left: 50%;
   -webkit-transition: left .3s;
   -o-transition: left .3s;
   transition: left .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 .3s;
   -o-transition: color .3s;
   transition: color .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(25px + 21 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .title {
     line-height: calc(25px + 26 * ((100vw - 360px) / 1560))
   }
 }
 .title span {
   position: relative;
   color: #d8412b
 }

 @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;
    box-shadow: 0px 0px 10px #ccc;
}
 .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: 10px 0px;
}
 .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: .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: .01em;
   color: #fff;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .3s
 }
 .header-top__entrance-link:hover {
   color: #036752
 }
 .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: #036752
 }
 .header-top__entrance-link svg {
   -webkit-transition: -webkit-transform .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s
 }
 .header-top__entrance-link svg path {
   -webkit-transition: stroke .3s;
   -o-transition: stroke .3s;
   transition: stroke .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: #036752
 }
 .header-top__socials-link svg path {
   -webkit-transition: stroke .3s;
   -o-transition: stroke .3s;
   transition: stroke .3s
 }
 .header-top__socials svg path {
   stroke: #fff;
 }
 .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 .3s;
   -o-transition: all .3s;
   transition: all .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: .01em;
   color: #fff
 }
 .header-content {
   padding-top: 40px;
   padding-bottom: 40px
 }
 @media(max-width: 1920px) {
   .header-content {
     padding-top: calc(10px + 10 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .header-content {
     padding-bottom: calc(10px + 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 .3s;
   -o-transition: color .3s;
   transition: color .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 .3s;
   -o-transition: fill .3s;
   transition: fill .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 .3s;
   -o-transition: width .3s;
   transition: width .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: #036752;
   border-radius: 100%;
   border: 1px solid rgba(0, 0, 0, 0);
   -webkit-transition: border .3s, background .3s;
   -o-transition: border .3s, background .3s;
   transition: border .3s, background .3s
 }
 .header-content__purshace:hover {
   background: rgba(0, 0, 0, 0);
   border: 1px solid #036752
 }
 .header-content__purshace:hover svg path {
   stroke: #036752
 }
 .header-content__purshace svg path {
   -webkit-transition: stroke .3s;
   -o-transition: stroke .3s;
   transition: stroke .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: 35px
 }
 .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: 16px;
   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 .3s;
   -o-transition: width .3s;
   transition: width .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, .1);
   box-shadow: 10px 10px 50px 5px rgba(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: 10px 0 10px 0
 }
 .menu-list-submenu__item:last-child .menu-list-submenu__btn {
   padding: 10px 0 10px 0;
   border-bottom: unset
 }
 .menu-list-submenu__btn {
   text-align: left;
   width: 100%;
   border-bottom: 1px solid #d9d9d9;
   padding: 10px 0;
   font-weight: 500;
   font-size: 14px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .3s;
   width: 100%;
   display: inline-block;
 }
 .menu-list-submenu__btn:hover {
   color: #036752
 }
 .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: #036752
 }
 .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, .1);
   box-shadow: 10px 10px 50px 5px rgba(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: .01em;
   color: #515151;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .3s
 }
 .menu-list-submenu__items-btn:hover {
   color: #036752
 }
 .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: 600;
    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 .3s;
   -o-transition: width .3s;
   transition: width .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, .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(10px + 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(0px + 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: .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, .1);
   box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1)
 }
 .categories-item__box:hover .categories-item__box-text {
   color: #490083
 }
 .categories-item__box-img {
   -webkit-transition: -webkit-box-shadow .3s;
   transition: -webkit-box-shadow .3s;
   -o-transition: box-shadow .3s;
   transition: box-shadow .3s;
   transition: box-shadow .3s, -webkit-box-shadow .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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, .1);
   box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
   z-index: 1;
   display: inline-block;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .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: .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: #036752;
   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, .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: #d8412b
 }
 .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: .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: 600;
   font-size: 16px;
   line-height: 30px;
   color: #515151;
   letter-spacing: .01em
 }
 .subscribe__form-input::-moz-placeholder {
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
   color: #515151;
   letter-spacing: .01em
 }
 .subscribe__form-input:-ms-input-placeholder {
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
   color: #515151;
   letter-spacing: .01em
 }
 .subscribe__form-input::-ms-input-placeholder {
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
   color: #515151;
   letter-spacing: .01em
 }
 .subscribe__form-input::placeholder {
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
   color: #515151;
   letter-spacing: .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: #036752;
   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: #036752;
   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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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(0px + 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, .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(0px + 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 .3s;
   -o-transition: color .3s;
   transition: color .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(12px + 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: #ff006c
 }
 .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: 450px
 }
 @media(max-width: 1920px) {
   .footer-content-box__text {
     font-size: calc(12px + 4 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .footer-content-box__text {
     line-height: calc(15px + 16 * ((100vw - 360px) / 1560))
   }
 }
 .footer-bottom {
   padding-top: 40px;
   padding-bottom: 40px;
   border-top: 1px solid rgba(217, 217, 217, .2)
 }
 @media(max-width: 1920px) {
   .footer-bottom {
     padding-top: calc(7px + 10 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .footer-bottom {
     padding-bottom: calc(7px + 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, .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, .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 .3s;
   -o-transition: background .3s;
   transition: background .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 .3s;
   -o-transition: color .3s;
   transition: color .3s
 }
 .blog-grid-item__title-link:hover {
   color: #ff006c
 }
 .blog-grid-item__text {
   color: #515151;
   font-weight: 300;
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 25px;
   letter-spacing: .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 .3s;
   -o-transition: color .3s;
   transition: color .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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: #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, .1);
   box-shadow: 10px 10px 50px rgba(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: .01em;
   color: #515151;
   -webkit-transition: color .3s, border .3s, background .3s;
   -o-transition: color .3s, border .3s, background .3s;
   transition: color .3s, border .3s, background .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: #d8412b;
   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 .3s;
   -o-transition: stroke .3s;
   transition: stroke .3s
 }
 .page-buttons__link--active {
   background: #d8412b;
   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: .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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, .1);
   box-shadow: 10px 10px 50px rgba(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 .3s;
   -o-transition: width .3s;
   transition: width .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 .3s;
   -o-transition: color .3s;
   transition: color .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 .3s;
   -o-transition: stroke .3s;
   transition: stroke .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, .08);
   box-shadow: 0px 0px 25px rgba(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: .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: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .blog-aside__form-input::-moz-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .blog-aside__form-input:-ms-input-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .blog-aside__form-input::-ms-input-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .blog-aside__form-input::placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .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: #d8412b
 }
 @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: #036752
 }
 .blog-aside-categories__list-item:hover svg path {
   stroke: #036752
 }
 .blog-aside-categories__list-item svg path {
   -webkit-transition: stroke .3s;
   -o-transition: stroke .3s;
   transition: stroke .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: .01em;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .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: #d8412b
 }
 @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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s
 }
 .blog-aside-recent-item__box-text {
   font-weight: 300;
   font-size: 16px;
   line-height: 30px;
   color: #000;
   letter-spacing: .01em;
   margin-bottom: 12px;
   display: block;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .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 .3s;
   -o-transition: color .3s;
   transition: color .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 .3s;
   -o-transition: stroke .3s;
   transition: stroke .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: #d8412b
 }
 @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 .3s, border .3s, background .3s;
   -o-transition: color .3s, border .3s, background .3s;
   transition: color .3s, border .3s, background .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: .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, .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: .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: #d8412b;
   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 .3s, background .3s, color .3s;
   -o-transition: border .3s, background .3s, color .3s;
   transition: border .3s, background .3s, color .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: #d8412b
 }
 @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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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 .3s;
   -o-transition: stroke .3s;
   transition: stroke .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: .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: #d8412b
 }
 @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 {
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 0px !important
 }
 @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: .01em;
   color: #515151;     margin-bottom: 16px;
 }
 @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: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__box-input::-moz-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__box-input:-ms-input-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__box-input::-ms-input-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__box-input::placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .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: .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: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__textarea::-moz-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__textarea:-ms-input-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__textarea::-ms-input-placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__textarea::placeholder {
   font-weight: 500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151
 }
 .comment-form__btn {
   max-width: 245px;
   width: 245px;
   border: 1px solid #d8412b
 }
 .comment-form__btn span:first-child::before {
   background: #d8412b
 }
 .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(0px + 80 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .contacts {
     padding-bottom: calc(0px + 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: #d8412b
 }
 @media(max-width: 1920px) {
   .contacts-item__title::after {
     height: calc(3px + 2 * ((100vw - 360px) / 1560))
   }
 }
 .contacts-item__link {
   font-weight:500;
   font-size: 16px;
   line-height: 30px;
   letter-spacing: .01em;
   color: #515151;
   display: block;
   -webkit-transition: color .3s;
   -o-transition: color .3s;
   transition: color .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 .3s;
   -o-transition: width .3s;
   transition: width .3s
 }
 .contacts-item__link:hover {
   color: #490083
 }
 .contacts-item__link:hover::before {
   width: 100%
 }
 .main__send-message {
   max-width: 670px;
   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: #d8412b
 }
 .main__send-message .comment__title span::after {
   content: "";
   width: 100%;
   height: 5px;
   left: 0;
   position: absolute;
   bottom: -7px;
   background: #d8412b
 }
 @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: 1255px;
   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(0px + 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;
   position: relative
 }
.about-images__img:nth-child(1) {
    width: 394px;
    height: 429px;
    max-width: 371px;
    max-height: 551px;
}
 .about-images__img:nth-child(2) {
   width: 340px;
   height: 420px;
   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 {
 }
 .about-content__about-images {
   display: none
 }
 .about-content__title {
   margin-bottom: 35px
 }
 @media(max-width: 1920px) {
  
 }
.lists{ padding-left: 20px}
.lists li{ font-size: 15px; line-height: 25px; list-style: disc}
 .about-content__text {
   font-weight: 500;
   font-size: 15px !important;
   line-height: 23px !important;
   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(3px + 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: 500;
    font-size: 16px;
    line-height: 30px;
    color: #515151;
    letter-spacing: 0;
}
 @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: #036752
 }
 .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: 600;
   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: .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; background: #fff3f1;
 }
 .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::before {
   content: "";
   position: absolute;
   right: 0;
   top: 50%;
   width: 158px;
   height: 158px;
   background-repeat: no-repeat;
   background-size: cover;
   background-image: url(../images/users-icon.svg);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   right: -50px
 }
 @media(max-width: 1920px) {
   .users-resently::before {
     width: calc(80px + 78 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .users-resently::before {
     height: calc(80px + 78 * ((100vw - 360px) / 1560))
   }
 }
 .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: #490083;
   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(57px + 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: 800;
   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(20px + 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: 60px 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-text {
   text-align: left
 } .reasons-list__item:nth-child(6) .reasons-list__box-title {
   text-align: left
 }
 .reasons-list__item:nth-child(4) .reasons-list__box-title {
   text-align: left
 }.reasons-list__item:nth-child(6) .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: 500;
   font-size: 16px;
   line-height: 30px;
   color: #515151;
   text-align: right;
   letter-spacing: .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, .1);
   box-shadow: 10px 10px 50px 5px rgba(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: #036752;
   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: .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: 0px;
   margin-bottom: 130px
 }
 @media(max-width: 1920px) {
   .support {
   }
 }
 @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: #036752;
   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, .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, .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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(0px + 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(0px + 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, .1);
   box-shadow: 10px 10px 13px rgba(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 .3s;
   -o-transition: all .3s;
   transition: all .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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, .1);
   box-shadow: 10px 10px 13px rgba(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 .3s;
   -o-transition: all .3s;
   transition: all .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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 .3s;
   -o-transition: background .3s;
   transition: background .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 {
 }
 .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 .3s;
   transition: -webkit-box-shadow .3s;
   -o-transition: box-shadow .3s;
   transition: box-shadow .3s;
   transition: box-shadow .3s, -webkit-box-shadow .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(150px + 150 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .featured-slide-item__link {
     margin-bottom: calc(10px + 15 * ((100vw - 360px) / 1560))
   }
 }
 .featured-slide-item__link:hover {
   -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
   box-shadow: 10px 10px 50px 5px rgba(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 .3s;
   -o-transition: opacity .3s;
   transition: opacity .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 .3s;
   -o-transition: color .3s;
   transition: color .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: #036752;
   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, .1);
   box-shadow: 10px 10px 50px 5px rgba(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 .3s;
   -o-transition: opacity .3s;
   transition: opacity .3s
 }
 @media(max-width: 1920px) {
   .featured-slide-item__inner--deeper {
     padding: calc(0px + 30 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .featured-slide-item__inner--deeper {
     bottom: calc(92px + -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 .3s;
   -o-transition: background .3s;
   transition: background .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, .1);
   box-shadow: 10px 10px 50px rgba(0, 0, 0, .1)
 }
 .recalls-slide {
   background: #fff;
   padding-top: 45px;
   padding-bottom: 45px;
   padding-right: 45px;
   padding-left: 45px
 }
 @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: 500;
   font-size: 15px;
   line-height: 25px;
   letter-spacing: .01em;
   color: #515151;
   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, .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; background: #fff3f1;
 }
 @media(max-width: 1920px) {
   .deal {
     padding-top: 0px;
   }
 }
 .deal__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 30px;     align-items: center;
 }
 .deal__img {
   width: 585px;
   height: 476px;
   max-width: 655px;
   max-height: 476px;
   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(30px + 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(33px + 31 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1920px) {
   .deal-content__box-title {
     line-height: calc(40px + 28 * ((100vw - 360px) / 1560))
   }
 }

 .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: .01em;
   color: #515151
 }
 @media(max-width: 1920px) {
   .deal-form__datapicker input {
     padding-top: 15px
   }
 }
 @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: 15px
   }
 }
 @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, .1);
   box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
   padding: 12px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   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: .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, .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, .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: #036752;
    position: relative;
    overflow: hidden;
    z-index: 1;
    line-height: 53px;
}
 .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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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, .1);
   box-shadow: 10px 10px 50px 5px rgba(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: .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: .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: #d8412b !important;
   fill: #d8412b !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: #d8412b;
   fill-opacity: 1
 }
 .sort-form__box-btn svg path {
   -webkit-transition: fill .3s, fill-opacity .3s;
   -o-transition: fill .3s, fill-opacity .3s;
   transition: fill .3s, fill-opacity .3s
 }
 .catalog-grid {
 }
 @media(max-width: 1920px) {
   .catalog-grid {

   }
 }
 .catalog-grid__inner {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1fr 1fr 1fr;
   grid-template-columns: 1fr 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:0px
   }
 }
 .catalog-grid-item__link, .icon-btn {
   border: unset;
   background: #ce3f2b
 }
 .catalog-grid-item__link span:first-child::before, .icon-btn span:first-child::before {
   background: #036752
 }
 .catalog-grid-item__link span:first-child::after, .icon-btn span:first-child::after {
   background: #ce3f2b
 }
 .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;
    padding: 20px !important;
}
 @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.catalog-grid-item {
    box-shadow: 0px 0px 10px #ccc;
}
 .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 .3s;
   -o-transition: width .3s;
   transition: width .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: #036752
 }
 @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: #d8412b;
   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
 }
 .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: #d8412b
 }
 @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: .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: .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 .3s;
   -o-transition: border .3s;
   transition: border .3s
 }
 .details-content-images__img:hover {
   border: 5px solid #d8412b
 }
 .details-content-images__img--acitve {
   border: 5px solid #d8412b
 }
 .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: #d8412b
 }
 @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: .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: .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: #036752;
   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 .3s;
   transition: -webkit-transform .3s;
   -o-transition: transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .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: #036752
 }
 .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, .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, .3);
   border-bottom: 1px solid rgba(255, 255, 255, .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: .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: .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, .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: #d8412b;
   -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
   box-shadow: 10px 10px 13px rgba(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, .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, .5);
   border-right: 1px solid rgba(255, 255, 255, .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, .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: .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, .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: .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, .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: #d8412b
 }
 .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: #d8412b
 }
 @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: #d8412b
 }
 .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: #036752
 }
 .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: #d8412b;
   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, .2)
 }
 .deal-form--big .deal-form__button span:first-child::after {
   background: #d8412b
 }
 .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-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, .15);
   box-shadow: 3px 3px 13px rgba(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, .05);
   box-shadow: 10px 10px 13px rgba(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: #d8412b
 }
 @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: .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: #036752;
   -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .05);
   box-shadow: 10px 10px 13px rgba(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: #d8412b
 }
 @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: #036752;
   border: unset
 }
 .catalog-list-aside-form__btn span:first-child::after {
   background: #036752
 }
 .catalog-list-aside-form__btn span:first-child::before {
   background: rgba(255, 255, 255, .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__body.catalog-list-content-item-body {
    width: 64%;
}
 .catalog-list-content-item {
   cursor: pointer;
   padding: 20px;
   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);
       box-shadow: 0px 0px 10px #ccc;
   -webkit-transition: border .3s, -webkit-box-shadow .3s;
   transition: border .3s, -webkit-box-shadow .3s;
   -o-transition: box-shadow .3s, border .3s;
   transition: box-shadow .3s, border .3s;
   transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s; display: flex;      height: 100%;
 }.row {
    display: flex;
    justify-content: space-between;
}
 @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, .1);
   box-shadow: 10px 10px 50px 5px rgba(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))
   }
 }
.col-md-6{width:49%; padding-bottom: 30px}
.catalog-list-content-item__img {
    width: 180px;
    max-width: 186px;
    height: 181px;
    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: #036752;
   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: 500;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .01em;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 20px;
}
 @media(max-width: 1920px) {
 
 }
 @media(max-width: 1920px) {
    
 }
 @media(max-width: 1920px) {
   
 }
 .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, .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: #036752
 }
 @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 #d8412b
 }
 .catalog-list-content-item-info__btn:hover span:last-child {
   color: #fff
 }
 .catalog-list-content-item-info__btn span:first-child::before {
   background: #d8412b
 }
 .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: #036752 !important;
   border: 1px solid #036752 !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: #036752;
     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: #036752;
     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, .1);
     box-shadow: 10px 10px 50px 5px rgba(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: 21px;
   }
 }
 @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;
     background: #490083
   }
   .reasons-list__box-title {
     color: #fff
   }
   .reasons-list__box-text {
     color: #fff
   }
   .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;
   }
   .users__img::after {
     content: "";
     position: absolute;
     top: 50%;
     width: 158px;
     height: 158px;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(../images/users-icon.svg);
     -webkit-transform: translateY(-50%) translateX(50%);
     -ms-transform: translateY(-50%) translateX(50%);
     transform: translateY(-50%) translateX(50%);
     right: 50%;
     z-index: 1
   }
 }
 @media(max-width: 1000px)and (max-width: 1920px) {
   .users__img::after {
     width: calc(80px + 78 * ((100vw - 360px) / 1560))
   }
 }
 @media(max-width: 1000px)and (max-width: 1920px) {
   .users__img::after {
     height: calc(80px + 78 * ((100vw - 360px) / 1560))
   }
 }
 @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;
   }
   .menu-list {
     display: none
   }
   .dl-menuwrapper {
     display: block !important;
   }
   .header-content__logo {
     padding-left: 10px;
   }
 }
 @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
     }
   }
   @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
     }
   }
	 
	 
	 
@media(max-width: 800px) {
.row {
    display: inline;
    justify-content: space-between;
}.col-md-6 {
    width: 100%;
    padding-bottom: 30px;
}.catalog-list-content-item__img-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
}.catalog-list-content-item__body.catalog-list-content-item-body {
    width: 100% !important;
}}