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

  .background
	{
		background: #333;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}

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

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

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



   


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

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

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

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

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

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

.dl-menuwrapper li {
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Animation classes for moving out and in */

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

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

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

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

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

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .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;
}



  .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 #2e3094;
      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: #2e3094
  }

  .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: #2e3094*/
      color: #ffffff;
  }

  .title span::after {
      content: "";
      width: 100%;
      left: 0;
      position: static;
      height: 5px;
      bottom: -7px;
      /*background: #2e3094*/
      background: #ffffff;
  }

  @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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094
  }

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


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


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

.article-bottom__share   .header-top__socials {
    position: absolute;
    right: 60px;
    z-index: 3;
    gap: 10px;
    opacity: 1;
    -webkit-transition: all .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: 10px
  }

  @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: 20%
  }

  .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: #2e3094
  }

  .header-content__entrance-link:hover svg path {
      fill: #2e3094
  }

  .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: #2e3094;
      border-radius: 100%;
      border: 1px solid rgba(0, 0, 0, 0);
      -webkit-transition: border .3s, background .3s;
      -o-transition: border .3s, background .3s;
      transition: border .3s, background .3s
  }



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

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

  .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: 15px;
      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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094
  }

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

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

  .header-content-call__box {
      position: relative
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media(max-width: 1920px) {
      .section-top__title {
          font-size: calc(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: #2e3094
  }

  .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: #2e3094;
      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: #2e3094;
      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: #2e3094
  }

  .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: #2e3094;
      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: #2e3094;
    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: #2e3094;
      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: #2e3094;
      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;
      z-index: 1;
      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: #2e3094
  }

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

  .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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094;
      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: #2e3094;
      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: #2e3094;
      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: #2e3094;
      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: #2e3094;
      right: 0;
      top: 102%;
      -webkit-transition: width .3s;
      -o-transition: width .3s;
      transition: width .3s
  }

  .blog-list-item-info__author-text:hover {
      color: #2e3094
  }

  .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: #2e3094
  }

  .blog-list-item-info__link:hover svg path {
      stroke: #2e3094
  }

  .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: #2e3094
  }

  @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: #2e3094
  }

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

  .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: #2e3094
  }

  @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: #2e3094
  }

  .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: #2e3094
  }

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

  .blog-aside-recent-item__box-comments:hover svg path {
      stroke: #2e3094
  }

  .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: #2e3094
  }

  @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: #2e3094;
      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: #2e3094;
      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: #2e3094
  }

  @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: #2e3094
  }

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

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

  .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: #2e3094
  }

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

  @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 #2e3094
  }

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

  .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: #2e3094
  }

  @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: #2e3094;
      right: 0;
      top: 102%;
      -webkit-transition: width .3s;
      -o-transition: width .3s;
      transition: width .3s
  }

  .contacts-item__link:hover {
      color: #2e3094
  }

  .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: #2e3094
  }

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

  @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: #2e3094
  }

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

  .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: #2e3094;
      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
  }

  @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: #2e3094;
      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: #2e3094;
      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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094;
      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: #2e3094
  }

  .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: #2e3094
  }

  .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: #2e3094;
      position: relative;
      overflow: hidden;
      z-index: 1
  }

  .deal-form__btn::before {
      content: "";
      width: 100%;
      height: 100%;
      background: #2e3094;
      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: #2e3094 !important;
         fill: #2e3094 !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: #2e3094;
      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: #2e3094
  }

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

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

  .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: #2e3094
  }

  @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: #2e3094;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .catalog-grid-item-rent__text {
      color: #2e3094;
      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: white;
      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: #2e3094
  }

  @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 #2e3094
  }

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

  .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: #2e3094
  }

  @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: #2e3094;
      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: #2e3094;
      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: #2e3094
  }

  .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: #2e3094;
      -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: #2e3094
  }

  .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: #2e3094
  }

  @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: #2e3094
  }

  .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: #2e3094
  }

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

  .deal-form--big .deal-form__inner {
      height: unset;
      background: #2e3094;
      -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: #2e3094;
      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: #2e3094;
      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: #2e3094
  }

  .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: #2e3094;
      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: #2e3094;
      -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: #2e3094
  }

  @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: #2e3094;
      -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: #2e3094
  }

  @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: #2e3094;
      border: unset
  }

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

  .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: #2e3094;
      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: #2e3094
  }

  @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 #2e3094
  }

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

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

  .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: #2e3094 !important;
      border: 1px solid #2e3094 !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: #2e3094;
          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: #2e3094;
          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: #2e3094;
          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: #2e3094;
          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: #2e3094
      }

      .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%;
          margin-top: 15%;
      }

      .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) {
      .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
      }
  }