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

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

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

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

  :focus,
  :active {
      outline: none
  }

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

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

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

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

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

  button {
      cursor: pointer
  }

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

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

  a:hover {
      text-decoration: none
  }

  ul li {
      list-style: none
  }

  ol {
      list-style-type: none
  }

  img {
      vertical-align: top
  }

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

  button {
      background: unset
  }

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

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



  /* Common styles of menus */


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






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

  .dl-menuwrapper:first-child {
      margin-right: 0 !important;
  }

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

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

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

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

  .dl-menuwrapper li {
      position: relative;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  /* Animation classes for moving out and in */

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

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

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

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

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

  @-webkit-keyframes MenuAnimOut1 {
      0% {}

      50% {
          -webkit-transform: translateZ(-250px) rotateY(30deg);
      }

      75% {
          -webkit-transform: translateZ(-372.5px) rotateY(15deg);
          opacity: .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 Fallback */
  .no-js .dl-menuwrapper .dl-menu {
      position: relative;
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }

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

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

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

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

  /* Colors for demos */

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

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

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

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

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

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

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

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

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

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

  .section-top {
      position: relative;
      padding-top: 20px !important;
      padding-bottom: 20px !important;
  }

  table {
      width: 100%;
      border-collapse: collapse;
  }

  th,
  td {
      padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
  }

  th {
      background-color: #f2f2f2;
  }

  @media screen and (max-width: 600px) {
      table {
          border: 0;
      }

      table caption {
          font-size: 1.3em;
      }

      table thead {
          display: none;
      }

      th {
          padding: 5px;
          text-align: left;
          background-color: #f2f2f2;
          font-size: 8px;
          font-weight: 700;
      }

      table tr {
          border-bottom: 3px solid #ddd;
          /* display: block; */
          margin-bottom: .625em;
      }

      table td {
          padding: 5px;
          font-size: 12px;
      }

      /* table td {
                border-bottom: none;
                display: flex;
                flex-direction: column;
                justify-content: center;
                text-align: right;
            } */

      table td::before {
          content: attr(data-label);
          float: left;
          font-weight: bold;
          text-transform: uppercase;
      }

      table td:last-child {
          border-bottom: 1px solid #ddd;
      }
  }



  .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: 1200px;
      margin: 0 auto;
      padding: 0 15px
  }

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

  .btn span:first-child {
      position: absolute;
      height: 63px;
      width: 60px;
      min-width: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      overflow: hidden;
      -webkit-transition: width .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(32px + 26 * ((100vw - 360px) / 1560))
      }
  }

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

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

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

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

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

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

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

  .header-top {
      background: #202020
  }

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

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

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

  .header-top__deal-text {
      font-weight: 700;
      font-size: 15px;
      line-height: 30px;
      letter-spacing: .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: #de0a89
  }

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

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

  .header-top__entrance-link svg {
      -webkit-transition: -webkit-transform .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: #de0a89
  }

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


  .header-top__socials svg path {
      stroke: #202020;
      ;
      /* 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(30px + 10 * ((100vw - 360px) / 1560))
      }
  }

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


  @media(min-width: 1600px) {

      .header-content__inner {
          padding: 0 45px;
      }
  }




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

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

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

  .header-content__entrance-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
      color: #202020;
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      -webkit-transition: color .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: #de0a89;
      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
  }

  @media(max-width: 768px) {
      .header-content__purshace {
          padding: 10px;
          margin-left: 0;
          display: inline-block !important;
      }
  }

  .header-content__purshace {
      position: relative;
      display: inline-block;
      /* Ensure the anchor behaves like a block element */
  }

  @media (min-width: 320px) and (max-width: 450px) {
      .header-content__purshace {
          position: relative;
      }
  }

  .cart-items-count {
      position: absolute;
      top: -4px;
      /* Adjust this value to properly position the count */
      right: -8px;
      /* Adjust this value to properly position the count */
      background-color: #490083;
      color: white;
      border-radius: 50%;
      padding: 4px 8px;
      font-size: 14px;
      font-weight: bold;
      z-index: 1;
      /* Ensure the count appears above the cart icon */
  }

  .cart {
      max-width: 800px;
      margin: 0 auto;
      padding: 20px;
  }

  .cart-header {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .cart-header h1 {
      margin-bottom: 20px;
      text-align: center;
  }

  .cart-header a {
      background: yellow;
      padding: 5px;
      margin-bottom: 10px;
  }

  .cart-items .cart-item {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
      /* flex-direction: column; */
  }

  @media(max-width: 780px) {
      .cart-items .cart-item {
          flex-direction: column;
      }
  }

  .cart-items .cart-item:last-child {
      border-bottom: none;
  }

  .cart-item img {
      width: 100px;
      height: auto;
      /* margin-right: 20px; */
  }

  @media(min-width: 768px) {
      .cart-item img {
          margin-left: 20px;
      }
  }

  .cart-item a {
      background: yellow;
      padding: 5px;
  }

  .item-details {
      text-align: center;
      margin: 0;
  }

  /* 
   @media(min-width: 768px) {
       .item-details {
           text-align: end;
       }
   } */

  .item-details h3 {
      font-size: 24px;
      margin: 0;
  }

  @media(max-width: 768px) {
      .item-details h3 {
          margin: 10px;
      }
  }

  p {
      margin: 10px 0 10px;
  }

  .cart-summary {
      background-color: #f9f9f9;
      padding: 20px;
      margin-top: 20px;
      border-radius: 5px;
  }

  .cart-summary h2 {
      margin-top: 0;
      font-weight: 700;
      font-size: 22px;
  }

  .checkout-btn {
      display: block;
      width: 100%;
      padding: 10px 20px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
  }

  .checkout-btn:hover {
      background-color: #0056b3;
  }

  .quantity-controls {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
  }


  .quantity-btn {
      width: 30px;
      height: 30px;
      background-color: #f0f0f0;
      border: none;
      font-size: 18px;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }

  .quantity-btn:hover {
      background-color: #e0e0e0;
  }

  .quantity-input {
      width: 50px;
      height: 30px;
      border: none;
      text-align: center;
  }

  .cart-item {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
      justify-content: space-between;
      /* Aligns items to the start and end of the container */
  }

  .item-details {
      flex-grow: 1;
      /* Allows item-details to grow to take remaining space */
  }

  .quantity-controls {
      display: flex;
      align-items: center;
  }


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

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

  .header-content__purshace svg path {
      -webkit-transition: stroke .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: 40px
  }

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

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


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



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

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

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

  .menu-list__link::before {
      content: "";
      width: 0%;
      height: 1px;
      position: absolute;
      left: 0;
      background: #202020;
      right: 0;
      top: 102%;
      -webkit-transition: width .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: 15px 0 15px 0
  }

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

  .menu-list-submenu__btn {
      text-align: left;
      width: 100%;
      border-bottom: 1px solid #d9d9d9;
      padding: 15px 0;
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .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: #de0a89
  }

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

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

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

  .menu-list-submenu__items {
      display: none
  }

  .menu-list-submenu__items--active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: absolute;
      left: 108%;
      padding: 20px;
      padding-top: 15px;
      padding-bottom: 15px;
      top: 0;
      z-index: 10;
      background: #fff;
      -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .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: #de0a89
  }

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

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

  .header-content-call__box {
      position: relative
  }

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

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

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

  .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: 20px !important;
      padding-bottom: 20px !important;
  }

  @media(max-width: 768px) {
      .section-top {
          padding-top: 20px !important;
          padding-bottom: 20px !important;
      }
  }

  @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(30px + 34 * ((100vw - 360px) / 1560))
      }
  }

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

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

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

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

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

  .breadcrumbs__list-item {
      position: relative
  }

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

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

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

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

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

  .breadcrumbs__list-link {
      position: relative;
      display: block;
      font-weight: 300;
      font-size: 17px;
      line-height: 30px;
      letter-spacing: .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: #de0a89;
      font-weight: 500;
      font-size: 28px;
      line-height: 35px;
      text-transform: capitalize
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .subscribe__title span {
      color: #ec6c23
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .subscribe__form-input::placeholder {
      font-weight: 300;
      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: #de0a89;
      position: relative;
      overflow: hidden;
      z-index: 1;
      width: 100%;
      max-width: 205px
  }


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


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

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

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

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

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

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

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

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

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

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

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

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

  .subscribe__form-btn::before {
      content: "";
      width: 100%;
      height: 100%;
      background: #490083;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: -webkit-transform .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(80px + 60 * ((100vw - 360px) / 1560))
      }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .footer-content__list-link {
      font-family: "Archivo", sans-serif;
      font-size: 18px;
      line-height: 30px;
      color: #fff;
      -webkit-transition: color .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(14px + 4 * ((100vw - 360px) / 1560))
      }
  }

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

  .footer-content__list-link:hover {
      color: #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: 330px
  }

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

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

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

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

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

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

  .footer-bottom__copy {
      font-family: "Archivo", sans-serif;
      font-size: 16px;
      line-height: 28px;
      color: rgba(255, 255, 255, .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: #ec6c23;
      color: #fff;
      border: 1px solid rgba(0, 0, 0, 0)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .blog-list-item__content-text {
      margin-bottom: 45px;
      color: #515151;
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .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: 300;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .01em;
      color: #515151
  }

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

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

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

  .blog-aside__form-input::placeholder {
      font-weight: 300;
      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: #ec6c23
  }

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

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

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

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

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

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

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

  .blog-aside-categories__list-item svg path {
      -webkit-transition: stroke .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: #ec6c23
  }

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

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

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

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

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

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

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

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

  .blog-aside-recent-item__img-image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -webkit-transition: -webkit-transform .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: #ec6c23
  }

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

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

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

  .blog-aside-tags__tag {
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      color: #515151;
      letter-spacing: -0.01em;
      padding: 6px 15px;
      border: 1px solid #d9d9d9;
      -webkit-transition: color .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: #ec6c23;
      position: relative
  }

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

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

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

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

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

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

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

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

  .article-bottom-tags__link {
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.01em;
      color: #515151;
      padding: 6px 16px;
      border: 1px solid #d9d9d9;
      -webkit-transition: border .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: #ec6c23
  }

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

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

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

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

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

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

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

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

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

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

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

  .blog-comments__link svg {
      width: 20px;
      height: 20px;
      -webkit-transition: -webkit-transform .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: #ec6c23
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .comment-form__box-input::placeholder {
      font-weight: 300;
      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
  }

  .comment-form a {
      display: flex;
      justify-content: center;
      margin: 10px;
  }

  .comment-form a span {
      font-size: 12px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .contacts-item__link {
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .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: 970px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 120px;
      padding-bottom: 70px;
      background: #f5f5f5
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .main--grey {
      background: #f5f5f5
  }

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

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

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

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

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

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

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

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

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

  .about-content__about-images {
      display: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .about-content-bottom__item {
      position: relative
  }

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

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

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

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

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

  .about-content-bottom__count {
      font-weight: 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
  }

  .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(30px + 60 * ((100vw - 360px) / 1560))
      }
  }

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

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

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

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

  .users-info__item-count {
      font-weight: 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(60px + 60 * ((100vw - 360px) / 1560))
      }
  }

  .reasons__inner {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto
  }

  .reasons__wrapper {
      position: relative;
      padding-top: 45px;
      padding-bottom: 45px
  }

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

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

  .reasons__suptext {
      text-align: center
  }

  .reasons__title {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: inline-block;
      width: 100%;
      margin-bottom: 80px
  }

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

  .reasons__img {
      position: absolute;
      width: 430px;
      height: 430px;
      max-width: 430px;
      max-height: 430px;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%)
  }

  @media(max-width: 1920px) {
      .reasons__img {
          width: calc(300px + 130 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .reasons__img {
          height: calc(300px + 130 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .reasons__img {
          max-width: calc(300px + 130 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .reasons__img {
          max-height: calc(300px + 130 * ((100vw - 360px) / 1560))
      }
  }

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

  .reasons__icon {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 158px;
      height: 158px;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%)
  }

  @media(max-width: 1920px) {
      .reasons__icon {
          width: calc(80px + 78 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .reasons__icon {
          height: calc(80px + 78 * ((100vw - 360px) / 1560))
      }
  }

  .reasons-list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 415px 415px;
      grid-template-columns: 415px 415px;
      z-index: 1;
      position: relative;
      gap: 150px 0;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .reasons-list__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 35px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  @media(max-width: 1920px) {
      .reasons-list__item {
          gap: calc(20px + 15 * ((100vw - 360px) / 1560))
      }
  }

  .reasons-list__item:nth-child(2) .reasons-list__box-title {
      text-align: left
  }

  .reasons-list__item:nth-child(2) .reasons-list__box-text {
      text-align: left
  }

  .reasons-list__item:nth-child(4) .reasons-list__box-title {
      text-align: left
  }

  .reasons-list__item:nth-child(4) .reasons-list__box-text {
      text-align: left
  }

  .reasons-list__box {
      max-width: 285px
  }

  .reasons-list__box-title {
      font-size: 24px;
      line-height: 32px;
      margin-bottom: 5px !important;
      text-align: right;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      font-weight: 500;
  }

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

  @media(max-width: 1920px) {
      .reasons-list__box-title {
          line-height: calc(22px + 10 * ((100vw - 360px) / 1560))
      }
  }

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

  .reasons-list__box-text {
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      color: #515151;
      text-align: right;
      letter-spacing: .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;
      padding: 12px;
  }

  @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: #de0a89;
      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: 190px;
      margin-bottom: 130px
  }

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

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

  .support__inner {
      max-width: 1320px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-top: 90px;
      padding-right: 90px;
      padding-bottom: 90px;
      padding-left: 90px
  }

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

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

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

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

  .support__inner::before {
      content: "";
      background: #de0a89;
      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(40px + 80 * ((100vw - 360px) / 1560))
      }
  }

  .featured__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      text-align: center;
      margin-bottom: 80px
  }

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

  .featured__box-suptext {
      max-width: 700px
  }

  .featured__box-title {
      max-width: 700px
  }

  .featured .swiper {
      padding-bottom: 125px
  }

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

      }

      .main__featured.featured {
          padding-left: 35px;
          padding-right: 35px;
      }
  }

  .featured-swiper .swiper-horizontal>.swiper-pagination-bullets,
  .featured-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .featured-swiper .swiper-pagination-custom,
  .featured-swiper .swiper-pagination-fraction {
      bottom: 0
  }

  .featured-swiper .swiper-button-prev {
      width: 65px;
      height: 65px;
      min-width: 65px;
      min-height: 65px;
      background: #fff;
      -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .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 {
      opacity: 0
  }

  .featured-slide:hover .featured-slide-item__inner--deeper {
      opacity: 1
  }

  .featured-slide-item__link {
      width: 100%;
      max-height: 400px;
      height: 400px;
      display: block;
      margin-bottom: 35px;
      -webkit-transition: -webkit-box-shadow .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(250px + 150 * ((100vw - 360px) / 1560))
      }
  }

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

  .featured-slide-item__link:hover {
      -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .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: #de0a89;
      font-weight: 300;
      font-size: 24px;
      line-height: 40px;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      margin-left: 5px
  }

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

  @media(max-width: 1920px) {
      .featured-slide-item__text span {
          line-height: calc(26px + 14 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .featured-slide-item__text {
          padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560))
      }
  }

  .featured-slide-item__inner--deeper {
      margin-left: auto;
      margin-right: auto;
      background: #fff;
      padding: 45px;
      -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .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(15px + 30 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .featured-slide-item__inner--deeper {
          bottom: calc(50px + -125 * ((100vw - 360px) / 1560))
      }
  }

  .featured-slide-item__inner--deeper .featured-slide-item__text {
      padding-bottom: 25px;
      margin-bottom: 25px
  }

  @media(max-width: 1920px) {
      .featured-slide-item__inner--deeper .featured-slide-item__text {
          padding-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .featured-slide-item__inner--deeper .featured-slide-item__text {
          margin-bottom: calc(15px + 10 * ((100vw - 360px) / 1560))
      }
  }

  .featured-slide-item__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .featured-slide-item__list-item {
      position: relative;
      padding-left: 20px
  }

  .featured-slide-item__list-item::before {
      content: "";
      width: 3px;
      height: 3px;
      position: absolute;
      left: 10px;
      border-radius: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #515151
  }

  .featured-slide-item__list-text {
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      color: #515151;
      letter-spacing: -0.01em
  }

  .recalls {
      background: #f5f5f5;
      padding-top: 120px;
      padding-bottom: 120px
  }

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

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

  .recalls__inner {
      max-width: 1360px;
      margin-left: auto;
      margin-right: auto
  }

  .recalls__box {
      margin-bottom: 80px;
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 500px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center
  }

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

  .recalls .swiper {
      padding-bottom: 85px
  }

  @media(max-width: 1920px) {
      .recalls .swiper {
          padding-bottom: calc(50px + 35 * ((100vw - 360px) / 1560))
      }
  }

  .recalls-swiper .swiper-pagination-bullet {
      opacity: 1 !important;
      background: #d9d9d9;
      width: 15px;
      margin: 0 !important;
      height: 6px;
      border-radius: 0;
      -webkit-transition: background .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: 300;
      font-size: 16px;
      line-height: 30px;
      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
  }

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

  .deal__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 30px;
  }

  .deal__img {
      width: 585px;
      height: 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(0px + 30 * ((100vw - 360px) / 1560))
      }
  }

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

  .deal-content__box-title {
      font-weight: 800;
      font-size: 64px;
      line-height: 68px;
      position: relative
  }

  @media(max-width: 1920px) {
      .deal-content__box-title {
          font-size: calc(33px + 31 * ((100vw - 360px) / 1560))
      }
  }

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

  .deal-content__box-title::after {
      content: "";
      width: 78px;
      height: 86px;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      right: -100px;
      top: 70%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background-image: url(../images/deal-arrow.svg)
  }

  .deal-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%
  }

  .deal-form__datapicker {
      background: #fff;
      border: 1px solid #d9d9d9;
      height: 100%;
      width: 100%;
      position: relative;
      max-width: 395px
  }

  .deal-form__datapicker input {
      background: rgba(0, 0, 0, 0);
      height: 100%;
      width: 100%;
      position: relative;
      z-index: 1;
      cursor: pointer;
      padding-top: 30px;
      padding-right: 70px;
      padding-bottom: 30px;
      padding-left: 30px;
      font-size: 16px;
      line-height: 30px;
      font-weight: 300;
      letter-spacing: .01em;
      color: #515151
  }

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

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

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

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

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

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

  .deal-form__datapicker svg {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 25px
  }

  @media(max-width: 1920px) {
      .deal-form__datapicker svg {
          width: calc(18px + 6 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form__datapicker svg {
          height: calc(18px + 6 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form__inner {
      z-index: 1;
      background: #fff;
      -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
      box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .1);
      padding: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 115px;
      gap: 12px;
      width: 100%
  }

  @media(max-width: 1920px) {
      .deal-form__inner {
          padding: calc(15px + -3 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form__inner .custom-select {
      width: 100% !important;
      max-width: 400px;
      position: relative;
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      color: #515151;
      letter-spacing: .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: #de0a89;
      position: relative;
      overflow: hidden;
      z-index: 1
  }

  .deal-form__btn::before {
      content: "";
      width: 100%;
      height: 100%;
      background: #490083;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: -webkit-transform .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: #ec6c23 !important;
      fill: #ec6c23 !important;
  }

  @media(max-width: 1920px) {
      .sort-form__box-btn {
          margin-right: calc(10px + 5 * ((100vw - 360px) / 1560))
      }
  }

  .sort-form__box-btn:last-child {
      margin-right: 0
  }

  .sort-form__box-btn:last-child:hover svg path {
      fill: #ec6c23;
      fill-opacity: 1
  }

  .sort-form__box-btn svg path {
      -webkit-transition: fill .3s, fill-opacity .3s;
      -o-transition: fill .3s, fill-opacity .3s;
      transition: fill .3s, fill-opacity .3s
  }

  .catalog-grid {
      margin-bottom: 75px
  }

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

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

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

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

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

  .catalog-grid-item__link,
  .icon-btn {
      border: unset;
      background: #490083
  }

  .catalog-grid-item__link span:first-child::before,
  .icon-btn span:first-child::before {
      background: #de0a89
  }

  .catalog-grid-item__link span:first-child::after,
  .icon-btn span:first-child::after {
      background: #490083
  }

  .catalog-grid-item__link span:last-child,
  .icon-btn span:last-child {
      color: #fff
  }

  .catalog-grid-item__inner {
      background: #f5f5f5;
      padding-top: 45px;
      padding-right: 30px;
      padding-bottom: 45px;
      padding-left: 30px
  }

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

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

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

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

  .catalog-grid-item-top {
      position: relative;
      width: 100%;
      height: 280px;
      max-width: 370px;
      max-height: 280px;
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .catalog-grid-item-top__img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: -1
  }

  .catalog-grid-item-top__img::before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(#000000));
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%)
  }

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

  .catalog-grid-item-top__sale {
      margin-top: 10px;
      margin-left: 10px;
      font-weight: 500;
      font-size: 12px;
      line-height: 26px;
      padding: 0 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      letter-spacing: -0.01em;
      color: #202020;
      background: #fff;
      margin-bottom: auto
  }

  .catalog-grid-item-top__links {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 30px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      margin-bottom: 20px;
      position: absolute;
      bottom: 0;
      left: 0;
  }

  .catalog-grid-item-top__links-link {
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.01em;
      color: #fff;
      position: relative
  }

  .catalog-grid-item-top__links-link::before {
      content: "";
      width: 0%;
      height: 1px;
      position: absolute;
      left: 0;
      background: #fff;
      right: 0;
      top: 102%;
      -webkit-transition: width .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: #de0a89
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-content__row-price {
          font-size: calc(20px + 8 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-content__row-price {
          line-height: calc(30px + 5 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-grid-item-rent {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 30px;
      margin-bottom: 30px;
      border-top: 1px solid #d9d9d9
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-rent {
          padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
      }
  }

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

  .catalog-grid-item-rent__item {
      position: relative;
      padding-left: 20px
  }

  .catalog-grid-item-rent__item::before {
      content: "";
      width: 4px;
      height: 4px;
      background: #490083;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .catalog-grid-item-rent__text {
      color: #ec6c23;
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.01em
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-rent__text {
          font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-rent__text {
          line-height: calc(18px + 8 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-grid-item-rent--row {
      border-top: unset;
      padding-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 10px;
      padding-bottom: 20px;
      margin-bottom: 0;
      border-bottom: 1px solid #d9d9d9
  }

  .catalog-grid-item-rent--row .catalog-grid-item-rent__item {
      padding-left: 0
  }

  .catalog-grid-item-rent--row .catalog-grid-item-rent__item::before {
      left: unset;
      right: -20px
  }

  .catalog-grid-item-rent--row .catalog-grid-item-rent__item:last-child::before {
      content: unset
  }

  .catalog-grid-item-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 30px;
      margin-bottom: 30px
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-info {
          padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
      }
  }

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

  .catalog-grid-item-info__item {
      padding-left: 20px;
      position: relative
  }

  .catalog-grid-item-info__item::before {
      content: "";
      width: 4px;
      height: 4px;
      position: absolute;
      left: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #515151;
      border-radius: 100%
  }

  .catalog-grid-item-info__text {
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      color: #515151;
      letter-spacing: -0.01em
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-info__text {
          font-size: calc(12px + 2 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-grid-item-info__text {
          line-height: calc(22px + 4 * ((100vw - 360px) / 1560))
      }
  }

  .details {
      padding-top: 100px;
      margin-bottom: 75px
  }

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

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

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

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

  .details-content {
      width: 100%;
      max-width: 100%;
      overflow: hidden
  }

  .details-content__title {
      display: inline-block;
      font-weight: 700;
      font-size: 38px;
      line-height: 48px;
      letter-spacing: -0.02em;
      text-transform: capitalize;
      color: #202020;
      margin-bottom: 60px;
      position: relative
  }

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

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

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

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

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

  .details-content__view {
      width: 100%;
      height: 500px;
      max-height: 500px;
      margin-bottom: 20px
  }

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

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

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

  .details-content__view-img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      display: none
  }

  .details-content__view-img--active {
      display: block
  }

  .details-content__text {
      color: #515151;
      font-weight: 300;
      margin-bottom: 20px;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .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 #ec6c23
  }

  .details-content-images__img--acitve {
      border: 5px solid #ec6c23
  }

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

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

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

  @media(max-width: 1920px) {
      .details-content-info__title {
          font-size: calc(20px + 4 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-content-info__title {
          line-height: calc(28px + 4 * ((100vw - 360px) / 1560))
      }
  }

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

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

  .details-content-info-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: #f5f5f5;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .details-content-info-list__item {
      padding-top: 15px;
      padding-right: 25px;
      padding-bottom: 15px;
      padding-left: 25px
  }

  @media(max-width: 1920px) {
      .details-content-info-list__item {
          padding-top: calc(15px + 0 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-content-info-list__item {
          padding-right: calc(15px + 10 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-content-info-list__item {
          padding-bottom: calc(15px + 0 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-content-info-list__item {
          padding-left: calc(15px + 10 * ((100vw - 360px) / 1560))
      }
  }

  .details-content-info-list__item:nth-child(2n) {
      background: #fff
  }

  .details-content-info-list__text {
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .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: #de0a89;
      font-weight: 700;
      font-size: 20px;
      line-height: 25px;
      text-transform: capitalize;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 10px;
      padding-top: 22px;
      padding-bottom: 22px;
      position: relative;
      overflow: hidden;
      z-index: 1
  }

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

  @media(max-width: 1920px) {
      .details-aside-content__button {
          line-height: calc(20px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-content__button {
          padding-top: calc(15px + 7 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-content__button {
          padding-bottom: calc(15px + 7 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-content__button span:last-child {
      width: 20px;
      height: 20px
  }

  @media(max-width: 1920px) {
      .details-aside-content__button span:last-child {
          width: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-content__button span:last-child {
          height: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-content__button span:last-child svg {
      width: 20px;
      height: 20px
  }

  @media(max-width: 1920px) {
      .details-aside-content__button span:last-child svg {
          width: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-content__button span:last-child svg {
          height: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-content__button::before {
      content: "";
      width: 100%;
      height: 100%;
      background: #218460;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-transition: -webkit-transform .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: #de0a89
  }

  .details-aside-content-top__price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 45px;
      padding-bottom: 35px;
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, .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: #ec6c23;
      -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: #ec6c23
  }

  .details-aside-content-options .checkmark:after {
      content: "";
      position: absolute;
      display: none
  }

  .details-aside-content-options .container input:checked~.checkmark:after {
      display: block
  }

  .details-aside-content-options .container .checkmark:after {
      position: absolute;
      width: 14px;
      height: 10px;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url(../images/tick-icon.svg)
  }

  @media(max-width: 1920px) {
      .details-aside-content-options .container .checkmark:after {
          width: calc(12px + 2 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-content-options .container .checkmark:after {
          height: calc(8px + 2 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-author {
      background: #f5f5f5;
      padding-top: 55px;
      padding-right: 35px;
      padding-bottom: 55px;
      padding-left: 35px
  }

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

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

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

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

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

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

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

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

  .details-aside-author__title::before {
      content: "";
      width: 100%;
      height: 5px;
      left: 0;
      position: absolute;
      bottom: -2px;
      background: #ec6c23
  }

  @media(max-width: 1920px) {
      .details-aside-author__title::before {
          height: calc(3px + 2 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-author__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 15px;
      gap: 15px;
      margin-bottom: 35px
  }

  @media(max-width: 1920px) {
      .details-aside-author__inner {
          gap: calc(10px + 5 * ((100vw - 360px) / 1560))
      }
  }

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

  .details-aside-author__img {
      width: 80px;
      height: 80px;
      max-width: 80px;
      max-height: 80px;
      border-radius: 100%
  }

  @media(max-width: 1920px) {
      .details-aside-author__img {
          width: calc(60px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-author__img {
          height: calc(60px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-author__img {
          max-width: calc(60px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-author__img {
          max-height: calc(60px + 20 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-author__img-image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 100%
  }

  .details-aside-author__box-text {
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      color: #202020;
      margin-bottom: 2px
  }

  @media(max-width: 1920px) {
      .details-aside-author__box-text {
          font-size: calc(16px + 4 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .details-aside-author__box-text {
          line-height: calc(22px + 6 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-author__box-subtext {
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.01em;
      color: #202020
  }

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

  @media(max-width: 1920px) {
      .details-aside-author__box-subtext {
          line-height: calc(20px + 6 * ((100vw - 360px) / 1560))
      }
  }

  .details-aside-author__btn {
      width: 100%;
      max-width: 100%;
      border: 1px solid #d9d9d9
  }

  .details-aside-author__btn span:first-child::before {
      background: #ec6c23
  }

  .details-aside-author__btn:hover span:last-child {
      color: #fff
  }

  .deal-form--big {
      margin-bottom: 85px;
      max-width: 100%;
      margin-top: -35px;
      z-index: 1;
      position: relative;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto
  }

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

  @media(max-width: 1920px) {
      .deal-form--big {
          margin-top: calc(-20px + -15 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form--big::before {
      content: "";
      height: 6px;
      width: 48%;
      position: absolute;
      bottom: -6px;
      left: 15px;
      background: #de0a89
  }

  .deal-form--big .container {
      width: 100%
  }

  .deal-form--big .deal-form__inner {
      height: unset;
      background: #490083;
      -webkit-box-shadow: unset;
      box-shadow: unset;
      padding-top: 50px;
      padding-right: 45px;
      padding-left: 45px
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__inner {
          padding-top: calc(30px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__inner {
          padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__inner {
          padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form--big .deal-form__buttons {
      background: #490083;
      padding-top: 30px;
      padding-bottom: 50px;
      padding-right: 45px;
      padding-left: 45px;
      gap: 25px
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__buttons {
          padding-top: calc(15px + 15 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__buttons {
          padding-bottom: calc(30px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__buttons {
          padding-right: calc(15px + 30 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__buttons {
          padding-left: calc(15px + 30 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__buttons {
          gap: calc(20px + 5 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form--big .deal-form__buttons .checkmark {
      border: 2px solid #d9d9d9;
      background: unset
  }

  .deal-form--big .deal-form__buttons input:checked~.checkmark {
      background: rgba(0, 0, 0, 0)
  }

  .deal-form--big .deal-form__buttons .container {
      color: #fff;
      width: unset;
      margin-left: unset;
      margin-right: unset;
      padding-left: 30px;
      padding-right: 0px
  }

  .deal-form--big .deal-form__text {
      font-weight: 600;
      margin-bottom: 20px;
      font-size: 15px;
      line-height: 19px;
      text-transform: uppercase;
      color: #fff
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__text {
          margin-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__text {
          font-size: calc(14px + 1 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__text {
          line-height: calc(18px + 1 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form--big .select-selected {
      height: unset;
      border: unset !important;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 30px;
      padding-left: 30px
  }

  .deal-form--big .select-selected::after {
      right: 15px;
      width: 15px;
      height: 8px
  }

  @media(max-width: 1920px) {
      .deal-form--big .select-selected {
          padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .select-selected {
          padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .select-selected {
          padding-right: calc(15px + 15 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .select-selected {
          padding-left: calc(15px + 15 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form--big .custom-select {
      height: unset
  }

  .deal-form--big .deal-form__datapicker {
      height: unset;
      width: 100%;
      max-width: 300px;
      border: unset
  }

  .deal-form--big .deal-form__datapicker svg {
      right: unset;
      left: 30px
  }

  .deal-form--big .deal-form__datapicker input {
      height: unset;
      padding-top: 20px;
      padding-right: 10px;
      padding-bottom: 20px;
      padding-left: 70px
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__datapicker input {
          padding-top: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__datapicker input {
          padding-right: calc(15px + -5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__datapicker input {
          padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .deal-form--big .deal-form__datapicker input {
          padding-left: calc(50px + 20 * ((100vw - 360px) / 1560))
      }
  }

  .deal-form--big .deal-form__wrapper {
      width: 100%;
      max-width: 245px
  }

  .deal-form--big .deal-form__wrapper:nth-child(3) {
      max-width: 300px
  }

  .deal-form--big .deal-form__button {
      height: 100%;
      min-height: 100%;
      border: unset;
      margin-top: auto;
      width: 100%;
      background: #ec6c23;
      max-width: 260px;
      padding-right: 30px
  }

  .deal-form--big .deal-form__button span:first-child {
      height: 69px
  }

  .deal-form--big .deal-form__button span:first-child::before {
      background: rgba(255, 255, 255, .2)
  }

  .deal-form--big .deal-form__button span:first-child::after {
      background: #ec6c23
  }

  .deal-form--big .deal-form__button span:last-child {
      color: #fff;
      text-transform: capitalize;
      font-size: 20px;
      line-height: 25px;
      padding-left: 0;
      margin-left: -5px;
  }

  .catalog-list {
      margin-bottom: 75px;
      max-width: 1430px;
      margin-left: auto;
      margin-right: auto
  }

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

  .catalog-list__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 40px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .catalog-list-aside {
      height: unset;
      max-width: 350px;
      min-width: 350px;
      width: 350px;
      background: #f5f5f5;
      padding-top: 45px;
      padding-right: 40px;
      padding-bottom: 45px;
      padding-left: 40px;
      margin-top: 70px;
      position: sticky;
      top: 70px
  }

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

  @media(max-width: 1920px) {
      .catalog-list-aside {
          padding-right: calc(15px + 25 * ((100vw - 360px) / 1560))
      }
  }

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

  @media(max-width: 1920px) {
      .catalog-list-aside {
          padding-left: calc(15px + 25 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-aside-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 45px
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form {
          gap: calc(30px + 15 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-aside-form .noUi-connect {
      position: relative
  }

  .catalog-list-aside-form__range .noUi-connects::before {
      content: "";
      width: 100%;
      height: 100%;
      background: #f5f5f5;
      position: absolute;
      top: -7px;
      left: -1px;
      right: 0;
      -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
      transform: rotate(-3deg)
  }

  .catalog-list-aside-form .noUi-target {
      border: unset;
      -webkit-box-shadow: unset;
      box-shadow: unset;
      background: unset
  }

  .catalog-list-aside-form__range {
      padding-bottom: 45px;
      border-bottom: 1px solid #d9d9d9
  }

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

  .catalog-list-aside-form__range .noUi-connects {
      background: #490083;
      height: 16px !important
  }

  .catalog-list-aside-form__range .noUi-connect {
      background: transparent;
  }

  .catalog-list-aside-form__range .noUi-handle {
      top: 2px !important;
      width: 20px !important;
      height: 20px !important;
      background: #fff;
      -webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, .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: #ec6c23
  }

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

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

  .catalog-list-aside-form__categories .container {
      display: inline-block;
      padding-right: 0;
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      margin-left: unset;
      margin-right: unset;
      font-weight: 300;
      font-size: 16px;
      line-height: 30px;
      color: #202020;
      letter-spacing: .01em
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form__categories .container {
          padding-left: calc(25px + 10 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form__categories .container {
          font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form__categories .container {
          line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-aside-form__categories .container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0
  }

  .catalog-list-aside-form__categories .checkmark {
      position: absolute;
      top: 4px;
      top: 4px;
      left: 0;
      width: 22px;
      height: 22px;
      background: #f5f5f5;
      border: 2px solid #d9d9d9;
      border-radius: 15px
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form__categories .checkmark {
          top: calc(0px + 4 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form__categories .checkmark {
          width: calc(18px + 4 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-aside-form__categories .checkmark {
          height: calc(18px + 4 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-aside-form__categories .checkmark:after {
      content: "";
      position: absolute;
      display: none
  }

  .catalog-list-aside-form__categories .container input:checked~.checkmark:after {
      display: block
  }

  .catalog-list-aside-form__categories .container .checkmark:after {
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      background: #de0a89;
      -webkit-box-shadow: 10px 10px 13px rgba(0, 0, 0, .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: #ec6c23
  }

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

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

  .catalog-list-aside-form__categories-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 7px
  }

  .catalog-list-aside-form__btn {
      max-width: 100%;
      width: 100%;
      background: #de0a89;
      border: unset
  }

  .catalog-list-aside-form__btn span:first-child::after {
      background: #de0a89
  }

  .catalog-list-aside-form__btn span:first-child::before {
      background: rgba(255, 255, 255, .2)
  }

  .catalog-list-aside-form__btn span:last-child {
      color: #fff
  }

  .catalog-list-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 40px
  }

  @media(max-width: 1920px) {
      .catalog-list-content {
          gap: calc(20px + 20 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content__sort {
      margin-bottom: 0
  }

  .catalog-list-content-item {
      cursor: pointer;
      padding: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 30px;
      background: #fff;
      -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
      box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, 0);
      border: 1px solid #d9d9d9;
      -webkit-transition: border .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
  }

  @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))
      }
  }

  .catalog-list-content-item__img {
      width: 270px;
      max-width: 270px;
      height: 280px;
      max-height: 280px
  }

  .catalog-list-content-item__img-image {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover
  }

  .catalog-list-content-item-body-top__title {
      font-weight: 600;
      margin-bottom: 15px;
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      color: #202020
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top__title {
          margin-bottom: calc(15px + 0 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top__title {
          font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top__title {
          line-height: calc(24px + 8 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-body-top-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 65px;
      padding-bottom: 20px;
      margin-bottom: 30px;
      border-bottom: 1px solid #d9d9d9
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top-box {
          padding-bottom: calc(15px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top-box {
          margin-bottom: calc(20px + 10 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-body-top-box__inner {
      position: relative
  }

  .catalog-list-content-item-body-top-box__inner::after {
      content: "";
      background: #d9d9d9;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: -31px;
      height: 100%;
      width: 1px
  }

  .catalog-list-content-item-body-top-box__text {
      color: #515151;
      font-weight: 500;
      font-size: 13px;
      line-height: 26px;
      letter-spacing: -0.01em
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top-box__text {
          font-size: calc(12px + 1 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top-box__text {
          line-height: calc(22px + 4 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-body-top-box__price {
      color: #de0a89;
      font-weight: 300;
      font-size: 24px;
      line-height: 40px;
      letter-spacing: -0.01em;
      text-transform: capitalize
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top-box__price {
          font-size: calc(18px + 6 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-top-box__price {
          line-height: calc(28px + 12 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-body-bottom__text {
      color: #515151;
      font-weight: 300;
      margin-bottom: 10px;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: .01em
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-bottom__text {
          margin-bottom: calc(5px + 5 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-bottom__text {
          font-size: calc(14px + 2 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-bottom__text {
          line-height: calc(20px + 10 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-body-bottom__list {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr
  }

  .catalog-list-content-item-body-bottom__list-item {
      position: relative;
      padding-left: 20px
  }

  .catalog-list-content-item-body-bottom__list-item::before {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      background: #515151;
      border-radius: 100%;
      left: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .catalog-list-content-item-body-bottom__list-text {
      color: #515151;
      font-weight: 500;
      font-size: 14px;
      line-height: 26px;
      letter-spacing: -0.01em
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-bottom__list-text {
          font-size: calc(13px + 1 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-body-bottom__list-text {
          line-height: calc(24px + 2 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-info__box {
      background: rgba(73, 0, 131, .1);
      padding-top: 50px;
      padding-right: 35px;
      padding-bottom: 50px;
      padding-left: 35px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      margin-bottom: 15px
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box {
          padding-top: calc(30px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box {
          padding-right: calc(15px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box {
          padding-bottom: calc(30px + 20 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box {
          padding-left: calc(15px + 20 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-info__box-text {
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 20px;
      text-align: center;
      letter-spacing: -0.01em;
      text-transform: capitalize;
      color: #515151;
      max-width: 155px
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box-text {
          font-size: calc(14px + 4 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box-text {
          line-height: calc(20px + 2 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box-text {
          margin-bottom: calc(10px + 10 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-info__box-price {
      font-weight: 500;
      font-size: 28px;
      line-height: 35px;
      text-transform: capitalize;
      color: #de0a89
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box-price {
          font-size: calc(20px + 8 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1920px) {
      .catalog-list-content-item-info__box-price {
          line-height: calc(26px + 9 * ((100vw - 360px) / 1560))
      }
  }

  .catalog-list-content-item-info__btn {
      border: 1px solid #ec6c23
  }

  .catalog-list-content-item-info__btn:hover span:last-child {
      color: #fff
  }

  .catalog-list-content-item-info__btn span:first-child::before {
      background: #ec6c23
  }

  .ui-widget-header .ui-icon {
      display: none !important
  }

  .ui-datepicker .ui-datepicker-prev::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg);
      transform: translateY(-50%) translateX(-50%) rotate(180deg);
      width: 15px;
      height: 15px;
      background-image: url(../images/select-arrow-pink.svg);
      background-repeat: no-repeat;
      background-size: contain
  }

  .ui-datepicker .ui-datepicker-next::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 15px;
      height: 15px;
      background-image: url(../images/select-arrow-pink.svg);
      background-repeat: no-repeat;
      background-size: contain
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default {
      background: #fff !important
  }

  .ui-state-active,
  .ui-widget-content .ui-state-active {
      color: #de0a89 !important;
      border: 1px solid #de0a89 !important
  }

  .ui-widget-header {
      background: rgba(0, 0, 0, 0) !important;
      border: unset !important;
      margin-bottom: 10px !important;
      font-family: "Lexend Deca", sans-serif
  }

  .ui-datepicker-title {
      color: #202020 !important
  }

  .ui-datepicker-calendar {
      color: #202020 !important;
      font-family: "Lexend Deca", sans-serif
  }

  .ui-datepicker table {
      border-collapse: separate !important
  }

  .ui-datepicker td {
      border: unset !important
  }

  .ui-state-hover {
      background: unset !important;
      border: unset !important
  }

  .ui-datepicker .ui-datepicker-prev-hover {
      left: 2px !important;
      top: 2px !important
  }

  .ui-datepicker .ui-datepicker-next-hover {
      right: 2px !important;
      top: 2px !important
  }

  .ui-datepicker-prev {
      cursor: pointer
  }

  .ui-datepicker-next {
      cursor: pointer
  }

  @media(max-width: 1800px) {
      .users-resently {
          padding-left: 50px;
      }
  }

  @media(max-width: 1440px) {
      .users-resently {
          padding-left: 20px;
      }

      .users-resently__list-item {
          width: 66px;
          height: 66px;
          max-width: 66px;
          max-height: 66px;
          min-width: 66px;
          min-height: 66px;
      }

      .users__img {
          width: 366px;
          min-width: 366px;
          max-width: 366px;
          max-height: 230px;
      }

      .deal-content {
          max-width: 778px;
          margin-left: 3%;
          margin-right: 3%;
      }


      html .header-content__inner {
          padding: 0;
      }


  }


  @media(max-width: 1250px) {


      html .deal-content {
          max-width: 100%;
      }




      .deal__inner {
          padding-bottom: 50px;
      }

  }


  @media(max-width: 1190px) {

      .users__inner {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          background: #f2f2f2;
      }

      .users-info {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 2;
          grid-area: 2/1/3/3;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center
      }

      .users__img {
          width: 100%;
          max-width: 100%
      }

      .users-resently {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-left: 35px;
          padding-right: 15px
      }

      .users .biggest-container {
          padding: 0
      }

      .users__inner {
          height: unset
      }

      .deal__img {
          margin-right: -15px
      }
  }

  @media(max-width: 1650px) {

      .menu {
          margin-left: 0
      }

      .header-content__burger {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 70px;
          height: 70px;
          min-width: 70px;
          min-height: 70px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #de0a89;
          margin-left: 20px;
          border-radius: 100%;
          gap: 7px;
          z-index: 101
      }

      .header-content__burger span {
          width: 24px;
          height: 3px;
          background: #fff
      }

      .body-menu--active {
          position: relative
      }

      .body-menu--active .header-content {
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          position: absolute;
          width: 100%;
          height: 100%;
          background: #fff;
          z-index: 100
      }

      .body-menu--active .menu {
          display: none
      }

      .body-menu--active .logo {
          display: none
      }

      .body-menu--active .header-content__purshace {
          margin-left: 0;
          z-index: 101;
          margin-left: 20px
      }

      .body-menu--active .header-content__purshace:nth-child(3) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex
      }

      .body-menu--active .header-content-call:nth-child(2) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-left: auto;
          z-index: 101;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 70px;
          height: 70px;
          min-width: 70px;
          min-height: 70px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #de0a89;
          border-radius: 100%
      }

      .body-menu--active .header-content-call:nth-child(2) svg {
          width: 27px;
          height: 27px
      }

      .body-menu--active .header-content-call:nth-child(2) svg path {
          stroke: #fff
      }

      .body-menu--active .header-content__wrapper {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          width: 100%;
          min-height: 100%;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 30px;
          background: #fff;
          -webkit-box-shadow: 10px 10px 50px 5px rgba(0, 0, 0, .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: 23px;
      }

  }



  @media(max-width: 1650px) {



      .catalog-list-content-item-body-top-box {
          display: -ms-grid;
          display: grid;
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
          gap: 15px
      }

      .catalog-list-content-item-body-top-box__inner::after {
          content: unset
      }

      .catalog-list-content-item-body-bottom__list {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr
      }

      .catalog-list-content-item-info {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column
      }

      .catalog-list-content-item-info__box {
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1
      }

      .header-top-working-time {
          display: none
      }
  }


  @media(max-width: 1550px) {
      html .header-content__wrapper {
          justify-content: space-between;
      }

      .header-content__entrance {
          display: none !important;
      }

  }


  @media(max-width: 1400px) {



      .support__img {
          width: 877px;
          max-width: 877px;
          height: 732px;
          max-height: 732px;
          left: -129px;
          top: -10px
      }
  }

  @media(max-width: 1400px)and (max-width: 1920px) {
      .support__img {
          width: calc(300px + 577 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1400px)and (max-width: 1920px) {
      .support__img {
          max-width: calc(300px + 577 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1400px)and (max-width: 1920px) {
      .support__img {
          height: calc(250px + 482 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1400px)and (max-width: 1920px) {
      .support__img {
          max-height: calc(250px + 482 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1350px) {
      .deal__img {
          max-width: 30%
      }
  }

  @media(max-width: 1250px) {
      .deal-form--big .deal-form__inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          gap: 30px
      }

      .deal-form--big .deal-form__wrapper {
          max-width: 100% !important;
          width: 100%
      }

      .deal-form--big .custom-select {
          max-width: 100%
      }

      .deal-form--big .deal-form__datapicker {
          max-width: 100%
      }

      .deal-form--big .deal-form__button {
          margin-left: auto;
          margin-right: auto
      }

      .deal-form--big .deal-form__buttons {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center
      }

      .catalog-grid__inner {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: 1fr 1fr
      }

      .catalog-grid-item-top {
          max-width: 100%
      }

      .catalog-grid-item-rent--row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start
      }

      .catalog-grid-item-rent--row .catalog-grid-item-rent__item {
          position: relative;
          padding-left: 20px
      }

      .catalog-grid-item-rent--row .catalog-grid-item-rent__item:last-child::before {
          content: "";
          width: 4px;
          height: 4px;
          background: #490083;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%)
      }

      .catalog-grid-item-rent--row .catalog-grid-item-rent__item::before {
          content: "";
          width: 4px;
          height: 4px;
          background: #490083;
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%)
      }

      .deal-form--big .deal-form__datapicker svg {
          right: 15px;
          left: unset
      }

      .deal-form--big .deal-form__datapicker input {
          padding-left: 15px;
          paddig-left: 30px;
          padding-right: 30px
      }
  }

  @media(max-width: 1250px)and (max-width: 1920px) {
      .deal-form--big .deal-form__datapicker input {
          paddig-left: calc(15px + 15 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1250px)and (max-width: 1920px) {
      .deal-form--big .deal-form__datapicker input {
          padding-right: calc(60px + -30 * ((100vw - 360px) / 1560))
      }
  }

  @media(max-width: 1250px) {
      .catalog-list__inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column
      }
  }

  @media(max-width: 1250px) {
      .catalog-list-aside {
          position: unset;
          width: 100%;
          max-width: 100%;
          min-width: unset
      }
  }

  @media(max-width: 1250px) {
      .catalog-list-content {
          width: 100%
      }
  }

  @media(max-width: 1250px) {
      .catalog-list-content-item-body {
          width: 100%
      }
  }

  @media(max-width: 1250px) {
      .catalog-list-content-item__img {
          min-width: 280px
      }
  }

  @media(max-width: 1250px) {
      .catalog-list-content-item-body-top-box {
          -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr
      }
  }

  @media(max-width: 1250px) {
      .catalog-list-aside {
          margin-top: 30px
      }
  }

  @media(max-width: 1250px) {

      .menu-list {
          gap: 25px;
      }


      .deal__img {
          display: none
      }
  }

  @media(max-width: 1200px) {


      html .header-content__wrapper {
          justify-content: start;
      }



      .header-content-call {
          display: none !important;
      }



      .about-content-bottom {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column
      }

      .about-content-bottom__item::after {
          content: unset
      }

      .steps-list__item::after {
          content: unset
      }

      .support__img {
          bottom: -150px;
          top: unset;
          left: unset;
          right: -50px
      }

      .support__inner {
          overflow: hidden;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
      }

      .blog-grid-item__bottom span {
          width: 50px
      }

      .blog-grid-item__bottom .blog-grid-item__bottom-text {
          margin-left: unset
      }
  }

  @media(max-width: 1150px) {



      .users-resently {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start
      }

      .header-top__entrance-link {
          display: none
      }
  }

  @media(max-width: 1100px) {


      .reasons .biggest-container {
          padding: 0
      }

      .reasons__wrapper {
          padding-left: 15px;
          padding-right: 15px;
          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;
          margin-bottom: 50px;
      }

      .menu-list {
          display: none
      }

      .dl-menuwrapper {
          display: block !important;
      }

      .header-content__logo {
          padding-left: 130px;

          @media (max-width: 1000px) {
              img {
                  height: auto;
                  width: 80px;
              }
          }

      }

      @media (max-width: 1000px) {
          .header-content__logo {
              padding-left: 90px !important;
          }
      }

  }



  @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
          }
      }
  }