/* line 1, index.scss */
.hero {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("https://static.insales-cdn.com/files/1/2817/70839041/original/index-hero-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 683px; }
  @media screen and (max-width: 640px) {
    /* line 1, index.scss */
    .hero {
      background-image: url("https://static.insales-cdn.com/files/1/4481/70857089/original/index-m-hero-bg.jpg");
      height: 325px; } }
  @media screen and (max-width: 800px) {
    /* line 1, index.scss */
    .hero {
      height: 480px; } }
  /* line 22, index.scss */
  .hero__info {
    width: calc(100svw - 16px * 2);
    color: #505050;
    text-transform: uppercase; }
    /* line 28, index.scss */
    .hero__info h1 {
      font-size: 120px;
      font-weight: 800; }
      @media screen and (max-width: 640px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 22px; } }
      @media screen and (max-width: 1130px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 100px; } }
      @media screen and (max-width: 920px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 80px; } }
      @media screen and (max-width: 735px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 70px; } }
      @media screen and (max-width: 640px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 50px; } }
      @media screen and (max-width: 560px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 36px; } }
      @media screen and (max-width: 440px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 30px; } }
      @media screen and (max-width: 380px) {
        /* line 28, index.scss */
        .hero__info h1 {
          font-size: 22px; } }
    /* line 65, index.scss */
    .hero__info p {
      font-size: 40px;
      margin-top: clamp(12px, 7vw, 0px); }
      @media screen and (max-width: 640px) {
        /* line 65, index.scss */
        .hero__info p {
          max-width: 165px;
          font-size: 15px; } }
      @media screen and (max-width: 1130px) {
        /* line 65, index.scss */
        .hero__info p {
          font-size: 30px; } }
      @media screen and (max-width: 920px) {
        /* line 65, index.scss */
        .hero__info p {
          font-size: 26px; } }
      @media screen and (max-width: 735px) {
        /* line 65, index.scss */
        .hero__info p {
          font-size: 22px; } }
      @media screen and (max-width: 640px) {
        /* line 65, index.scss */
        .hero__info p {
          font-size: 20px; } }
      @media screen and (max-width: 560px) {
        /* line 65, index.scss */
        .hero__info p {
          font-size: 15px; } }
    /* line 95, index.scss */
    .hero__info a {
      margin-top: clamp(17px, 4vw, 101px); }

/* line 101, index.scss */
.categories {
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 4vw, 100px);
  margin-top: clamp(49px, 7vw, 70px); }
  /* line 107, index.scss */
  .categories__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: #505050;
    padding: 1px; }
    @media screen and (max-width: 920px) {
      /* line 107, index.scss */
      .categories__items {
        grid-template-columns: repeat(2, 1fr); } }
  /* line 120, index.scss */
  .categories__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F1F1F1;
    max-width: 100%;
    overflow: hidden; }
    /* line 130, index.scss */
    .categories__item:hover > img {
      transform: scale(1.1); }
    /* line 134, index.scss */
    .categories__item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .2s ease; }
    /* line 142, index.scss */
    .categories__item p {
      position: absolute;
      left: 35px;
      bottom: 40px;
      color: #505050;
      font-size: 25px;
      text-transform: uppercase; }
      @media screen and (max-width: 1480px) {
        /* line 142, index.scss */
        .categories__item p {
          bottom: 30px;
          font-size: 20px; } }
      @media screen and (max-width: 1140px) {
        /* line 142, index.scss */
        .categories__item p {
          left: 28px;
          bottom: 25px;
          font-size: 18px; } }
      @media screen and (max-width: 518px) {
        /* line 142, index.scss */
        .categories__item p {
          left: 25px;
          bottom: 20px;
          font-size: 16px; } }
      @media screen and (max-width: 420px) {
        /* line 142, index.scss */
        .categories__item p {
          left: 18px;
          bottom: 11px;
          font-size: 13px;
          font-weight: 400; } }
      @media screen and (max-width: 380px) {
        /* line 142, index.scss */
        .categories__item p {
          left: 18px;
          bottom: 11px;
          font-size: 10px; } }

/* line 188, index.scss */
.new {
  display: flex;
  flex-direction: column;
  gap: clamp(33px, 4vw, 100px);
  margin-top: clamp(49px, 7vw, 142px);
  overflow: hidden; }

/* line 196, index.scss */
.new-slider-wrapper {
  position: relative;
  width: calc(100% - 150px); }
  @media screen and (max-width: 1400px) {
    /* line 196, index.scss */
    .new-slider-wrapper {
      width: calc(100% - 100px); } }
  @media screen and (max-width: 550px) {
    /* line 196, index.scss */
    .new-slider-wrapper {
      width: calc(100% - 60px); } }

/* line 209, index.scss */
.new-swiper-button-next::after,
.new-swiper-button-prev::after {
  content: none; }

/* line 214, index.scss */
.new-swiper-button-prev {
  position: absolute;
  top: 45%;
  left: -22px;
  z-index: 100;
  cursor: pointer; }
  @media screen and (max-width: 700px) {
    /* line 214, index.scss */
    .new-swiper-button-prev {
      left: -30px;
      max-width: 18px; } }
  @media screen and (max-width: 550px) {
    /* line 214, index.scss */
    .new-swiper-button-prev {
      left: -15px;
      max-width: 13px; } }

/* line 232, index.scss */
.new-swiper-button-next {
  position: absolute;
  top: 45%;
  right: -22px;
  z-index: 100;
  cursor: pointer; }
  @media screen and (max-width: 700px) {
    /* line 232, index.scss */
    .new-swiper-button-next {
      right: -30px;
      max-width: 18px; } }
  @media screen and (max-width: 550px) {
    /* line 232, index.scss */
    .new-swiper-button-next {
      right: -15px;
      max-width: 13px; } }

/* line 252, index.scss */
.initials {
  display: grid;
  grid-template-columns: 1fr 750px;
  gap: 91px;
  margin-top: clamp(46px, 7vw, 209px);
  margin-right: 145px; }
  @media screen and (max-width: 1752px) {
    /* line 252, index.scss */
    .initials {
      gap: 60px;
      margin-right: 80px; } }
  @media screen and (max-width: 1550px) {
    /* line 252, index.scss */
    .initials {
      display: flex;
      flex-direction: column-reverse;
      gap: clamp(34px, 4vw, 120px);
      margin-right: 0px; } }
  /* line 273, index.scss */
  .initials__img {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-width: 100%; }
    @media screen and (max-width: 1550px) {
      /* line 273, index.scss */
      .initials__img {
        height: auto; } }
    /* line 284, index.scss */
    .initials__img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  /* line 291, index.scss */
  .initials__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 37px;
    color: #505050;
    text-align: center; }
    @media screen and (max-width: 1550px) {
      /* line 291, index.scss */
      .initials__info {
        padding-inline: 16px; } }
    /* line 305, index.scss */
    .initials__info h4 {
      font-size: clamp(22px, 4vw, 60px);
      font-weight: 800;
      text-transform: uppercase; }
    /* line 311, index.scss */
    .initials__info p {
      font-size: clamp(10px, 4vw, 32px);
      margin-top: clamp(15px, 7vw, 49px);
      margin-bottom: clamp(18px, 7vw, 106px); }

/* line 321, index.scss */
.better {
  margin-top: clamp(63px, 7vw, 186px);
  margin-bottom: clamp(44px, 7vw, 191px); }
  /* line 325, index.scss */
  .better-slider {
    width: 100%;
    height: 100%; }
  /* line 330, index.scss */
  .better__top {
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 4vw, 46px);
    max-width: 1304px;
    text-align: center;
    margin-inline: auto; }
    /* line 339, index.scss */
    .better__top h5 {
      color: #505050;
      font-size: clamp(22px, 4vw, 50px);
      font-weight: 800;
      text-transform: uppercase; }
    /* line 346, index.scss */
    .better__top p {
      color: #505050;
      font-size: clamp(10px, 4vw, 32px); }
  /* line 352, index.scss */
  .better__middle {
    display: flex;
    justify-content: center;
    gap: clamp(60px, 4vw, 193px);
    margin-top: clamp(17px, 7vw, 72px);
    margin-bottom: clamp(33px, 7vw, 118px); }
    /* line 360, index.scss */
    .better__middle p {
      color: #505050;
      font-size: clamp(10px, 4vw, 32px);
      font-weight: 500;
      text-transform: lowercase; }
  /* line 368, index.scss */
  .better__bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 544px);
    column-gap: clamp(13px, 4vw, 25px);
    row-gap: clamp(15px, 4vw, 62px); }
    @media screen and (max-width: 1268px) {
      /* line 368, index.scss */
      .better__bottom {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 600px); } }
    @media screen and (max-width: 800px) {
      /* line 368, index.scss */
      .better__bottom {
        grid-template-rows: repeat(4, 470px); } }
    @media screen and (max-width: 670px) {
      /* line 368, index.scss */
      .better__bottom {
        grid-template-rows: repeat(4, 400px); } }
    @media screen and (max-width: 540px) {
      /* line 368, index.scss */
      .better__bottom {
        grid-template-rows: repeat(4, 350px); } }
    @media screen and (max-width: 490px) {
      /* line 368, index.scss */
      .better__bottom {
        grid-template-rows: repeat(4, 300px); } }
    @media screen and (max-width: 430px) {
      /* line 368, index.scss */
      .better__bottom {
        grid-template-rows: repeat(4, 250px); } }
    /* line 400, index.scss */
    .better__bottom-item {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
      /* line 408, index.scss */
      .better__bottom-item .swiper {
        height: 100%; }
      /* line 412, index.scss */
      .better__bottom-item img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      /* line 418, index.scss */
      .better__bottom-item p {
        position: absolute;
        left: clamp(6px, 4vw, 14px);
        bottom: clamp(11px, 3vw, 18px);
        z-index: 500;
        color: #FFF;
        font-size: clamp(7px, 4vw, 20px);
        font-weight: 400;
        transition: .2s ease; }
      @media screen and (min-width: 670px) {
        /* line 432, index.scss */
        .better__bottom-item:hover .better__bottom-controller {
          opacity: 1;
          pointer-events: all; }
        /* line 437, index.scss */
        .better__bottom-item:hover p {
          opacity: 0;
          pointer-events: none; } }
    /* line 444, index.scss */
    .better__bottom-controller {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 500;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      opacity: 0;
      pointer-events: none;
      transition: .2s ease;
      width: 100%;
      padding-inline: 25px;
      padding-bottom: 17px; }