@media screen and (width >= 1025px) {
  html {
    font-size: 62.5%;
  }

  body {
    color: #444;
    background-color: #f3f3f3;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    line-height: 1.9;
  }

  .section {
    width: 100%;
    padding: 0 3rem;
    transition: transform 1s, opacity 1s;
  }

  .section--hidden {
    opacity: 0;
    transform: translateY(8rem);
  }

  .section__title {
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto 8rem;
    display: grid;
  }

  .section__description {
    text-transform: uppercase;
    color: var(--color-primary-darker);
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: grid;
  }

  .section__header {
    text-wrap: pretty;
    font-size: clamp(5vw, 1.9vw, 4rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .video_container_realty {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 90%);
    width: 100vw;
    height: 60vh;
    position: relative;
    overflow: hidden;

    & h4 {
      color: #fff;
      background: linear-gradient(155deg, #000 8%, #000c 31%, #00000080 48%, #fff0 64%);
      width: 100%;
      height: 100%;
      padding: 100px 200px 50px 90px;
      position: absolute;
      top: 0;
    }

    & video {
      object-fit: cover;
      z-index: -1;
      width: 100vw;
      min-width: 100vw;
      height: auto;
      min-height: 100vh;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .btn {
    background-color: var(--color-primary);
    cursor: pointer;
    border: none;
    border-radius: 10rem;
    padding: 1.25rem 4.5rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  .btn:hover {
    background-color: var(--color-primary-darker);
  }

  .btn--text {
    color: var(--color-primary);
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    font-family: inherit;
    font-size: 1.7rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  p {
    color: #666;
  }

  button:focus {
    outline: none;
  }

  img {
    transition: filter .5s;
  }

  .lazy-img {
    filter: blur(20px);
  }

  .header {
    width: 100%;
    height: 10vh;

    & .nav {
      width: inherit;
      z-index: 100;
      grid-template-columns: 1fr 1fr;
      height: 7rem;
      padding: 1rem 6rem;
      display: grid;
    }

    & .nav.sticky {
      background-color: #fffffff2;
      position: fixed;
    }

    & .nav__logo {
      height: 4.5rem;
      transition: all .3s;
    }

    & .nav__links {
      justify-content: right;
      align-items: center;
      list-style: none;
      display: flex;
    }

    & .nav__item {
      margin-left: 4rem;
    }

    & .nav__link:link, & .nav__link:visited {
      color: inherit;
      font-size: 1.7rem;
      font-weight: 400;
      text-decoration: none;
      transition: all .3s;
      display: block;
    }

    & .nav__link--btn:link, & .nav__link--btn:visited {
      background-color: var(--color-primary);
      color: #222;
      border-radius: 3rem;
      padding: .8rem 2.5rem;
    }

    & .nav__link--btn:hover, & .nav__link--btn:active {
      color: #333;
      background-color: var(--color-primary-darker);
    }
  }

  .banner__section {
    justify-content: center;
    align-items: center;
    padding: 5rem 0 0;
    display: flex;

    & .banner__title {
      text-align: center;
      width: 60%;

      & h1 {
        font-size: clamp(4.7vw, 4vw, 6rem);
        line-height: 1.35;
      }
    }
  }

  h4 {
    font-size: 2.4rem;
    font-weight: 500;
  }

  .header__img {
    grid-area: 1 / 2 / span 4 / 3;
    width: 100%;
    transform: translateY(-6rem);
  }

  .highlight {
    position: relative;
  }

  .highlight:after {
    content: "";
    z-index: -1;
    opacity: .7;
    background-image: var(--gradient-primary);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(1.07, 1.05)skewX(-15deg);
  }

  .banner__video {
    width: 100%;
    height: 100%;

    & .video-container {
      width: 100%;
      height: 100%;
      position: relative;
    }

    & .content {
      color: #fff;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .model__container {
    justify-content: center;
    column-gap: 4rem;
    padding: 0 3rem;
    display: flex;

    & .model {
      cursor: pointer;
      grid-template-columns: 1fr;
      display: grid;
      position: relative;

      & .video_overlay {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        background-color: #00000080;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        transition: opacity .3s;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 0 0 3px 3px #00000082;

        & svg {
          fill: red;
          stroke-width: 20px;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          padding: 10rem;
          display: flex;
        }
      }

      & p {
        justify-content: center;
        align-items: center;
        height: auto;
        padding-bottom: 10px;
        font-size: clamp(4vw, 1.9vw, 4rem);
        font-weight: 400;
        line-height: 1.35;
        display: flex;
      }

      & img {
        max-width: 100%;
        height: auto;
      }

      & a {
        text-align: center;
      }
    }
  }

  .models__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .models__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .models__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .features {
    place-self: center;
    max-width: 1150px;
    margin: 0 3rem;
    display: grid;
  }

  .features__img {
    max-width: 468px;
  }

  .features__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin: 12rem auto 0;
    font-size: 1.5rem;
    display: grid;
  }

  .center {
    text-align: center;
  }

  .push__left {
    text-align: left;
  }

  .push__right {
    text-align: right;
  }

  .content__text__long {
    visibility: visible;
  }

  .content__text__short {
    visibility: hidden;
  }

  .features__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .features__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .features__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .operations {
    background-color: #fff;
    max-width: 100rem;
    margin: 12rem auto;
  }

  .operations__tab-container {
    justify-content: center;
    display: flex;
  }

  .operations__tab {
    border: 1px solid #999;
    margin-right: 2.5rem;
    transform: translateY(-50%);
  }

  .operations__tab span {
    margin-right: 1rem;
    font-weight: 600;
    display: inline-block;
  }

  .operations__tab--1 {
    background-color: #f5f5f5;
  }

  .operations__tab--1:hover {
    background-color: var(--color-tertiary-darker);
  }

  .operations__tab--2 {
    background-color: #f5f5f5;
  }

  .operations__tab--2:hover {
    background-color: var(--color-tertiary-darker);
  }

  .operations__tab--3 {
    background-color: #f5f5f5;
    margin: 0;
  }

  .operations__tab--3:hover {
    background-color: var(--color-tertiary-darker);
  }

  .operations__tab--active {
    background-color: var(--color-tertiary);
    transform: translateY(-66%);
  }

  .operations__content {
    padding: 2.5rem 7rem 6.5rem;
    font-size: 1.7rem;
    display: none;
  }

  .operations__content--active {
    grid-template-columns: 7rem 1fr;
    gap: .5rem 3rem;
    display: grid;
  }

  .operations__header {
    align-self: center;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .operations__icon {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    display: flex;
  }

  .operations__icon svg {
    width: 2.75rem;
    height: 2.75rem;
  }

  .operations__content p {
    grid-column: 2;
  }

  .operations__icon--1 {
    background-color: var(--color-secondary-opacity);
  }

  .operations__icon--2 {
    background-color: var(--color-primary-opacity);
  }

  .operations__icon--3 {
    background-color: var(--color-tertiary-opacity);
  }

  .operations__icon--1 svg {
    fill: var(--color-secondary-darker);
  }

  .operations__icon--2 svg {
    fill: var(--color-primary);
  }

  .operations__icon--3 svg {
    fill: var(--color-tertiary);
  }

  .slider {
    max-width: 100rem;
    height: 50rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50rem;
    transition: transform 1s;
    display: flex;
    position: absolute;
    top: 0;
  }

  .slide > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .slider__btn {
    z-index: 10;
    color: #333;
    cursor: pointer;
    background: #ffffffb3;
    border: none;
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    font-family: inherit;
    font-size: 3.25rem;
    position: absolute;
    top: 50%;
  }

  .slider__btn--left {
    left: 6%;
    transform: translate(-50%, -50%);
  }

  .slider__btn--right {
    right: 6%;
    transform: translate(50%, -50%);
  }

  .dots {
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }

  .dots__dot {
    opacity: .7;
    cursor: pointer;
    background-color: #b9b9b9;
    border: none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-right: 1.75rem;
    transition: all .5s;
  }

  .dots__dot:last-child {
    margin: 0;
  }

  .dots__dot--active {
    opacity: 1;
    background-color: #555;
  }

  .testimonial {
    width: 65%;
    position: relative;
  }

  .testimonial:before {
    content: "“";
    color: var(--color-primary);
    z-index: -1;
    font-family: inherit;
    font-size: 20rem;
    line-height: 1;
    position: absolute;
    top: -5.7rem;
    left: -6.8rem;
  }

  .testimonial__header {
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .testimonial__text {
    color: #666;
    margin-bottom: 3.5rem;
    font-size: 1.7rem;
  }

  .testimonial__author {
    grid-template-columns: 6.5rem 1fr;
    column-gap: 2rem;
    margin-left: 3rem;
    font-style: normal;
    display: grid;
  }

  .testimonial__photo {
    border-radius: 50%;
    grid-row: 1 / span 2;
    width: 6.5rem;
  }

  .testimonial__name {
    align-self: end;
    margin: 0;
    font-size: 1.7rem;
    font-weight: 500;
  }

  .testimonial__location {
    font-size: 1.5rem;
  }

  .section__title--testimonials {
    margin-bottom: 4rem;
  }

  .section--sign-up {
    text-align: center;
    background-color: #37383d;
    border-top: none;
    border-bottom: 1px solid #444;
    padding: 8rem 3rem 0;
  }

  .section--sign-up .section__header {
    color: #fff;
    text-align: center;
  }

  .section--sign-up .section__title {
    margin-bottom: 6rem;
  }

  .section--sign-up .btn {
    padding: 2rem 5rem;
    font-size: 1.9rem;
  }

  .footer {
    background-color: #37383d;
    padding: 10rem 3rem;
  }

  .footer__nav {
    justify-content: center;
    margin-bottom: 5rem;
    list-style: none;
    display: flex;
  }

  .footer__item {
    margin-right: 4rem;
  }

  .footer__link {
    color: #eee;
    font-size: 1.6rem;
    text-decoration: none;
  }

  .footer__logo {
    height: 5rem;
    margin: 0 auto 5rem;
    display: block;
  }

  .footer__copyright {
    color: #aaa;
    text-align: center;
    font-size: 1.4rem;
  }

  .footer__copyright .footer__link {
    font-size: 1.4rem;
  }

  .modal {
    z-index: 1000;
    background-color: #f3f3f3;
    max-width: 60rem;
    padding: 5rem 6rem;
    transition: all .5s;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4rem 6rem #0000004d;
  }

  .overlay {
    backdrop-filter: blur(4px);
    z-index: 100;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: fixed;
    top: 0;
    left: 0;
  }

  .modal__header {
    margin-bottom: 4.5rem;
    font-size: 3.25rem;
    line-height: 1.5;
  }

  .modal__form {
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 2.5rem;
    margin: 0 3rem;
    display: grid;
  }

  .modal__form label {
    font-size: 1.7rem;
    font-weight: 500;
  }

  .modal__form input {
    border: 1px solid #ddd;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    font-size: 1.7rem;
  }

  .modal__form button {
    grid-column: 1 / span 2;
    justify-self: center;
    margin-top: 1rem;
  }

  .btn--close-modal {
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 4rem;
    position: absolute;
    top: .5rem;
    right: 2rem;
  }

  .hidden {
    visibility: hidden;
    opacity: 0;
  }

  .cookie-message {
    color: #bbb;
    background-color: #fff;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
  }
}

@media screen and (width >= 701px) and (width <= 1024px) {
  html {
    font-size: 62.5%;
  }

  body {
    color: #444;
    background-color: #f3f3f3;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    line-height: 1.9;
  }

  .section {
    border-top: 1px solid #ddd;
    width: 100%;
    padding: 3rem;
    transition: transform 1s, opacity 1s;
  }

  .section--hidden {
    opacity: 0;
    transform: translateY(8rem);
  }

  .section__title {
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto 8rem;
    display: grid;
  }

  .section__description {
    text-transform: uppercase;
    color: var(--color-primary-darker);
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: grid;
  }

  .section__header {
    text-wrap: pretty;
    font-size: clamp(5vw, 1.9vw, 4rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .btn {
    background-color: var(--color-primary);
    cursor: pointer;
    border: none;
    border-radius: 10rem;
    padding: 1.25rem 4.5rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  .btn:hover {
    background-color: var(--color-primary-darker);
  }

  .btn--text {
    color: var(--color-primary);
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    font-family: inherit;
    font-size: 1.7rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  p {
    color: #666;
  }

  button:focus {
    outline: none;
  }

  img {
    transition: filter .5s;
  }

  .lazy-img {
    filter: blur(20px);
  }

  .header {
    width: 100%;
    height: 10vh;

    & .nav {
      width: inherit;
      z-index: 100;
      grid-template-columns: 1fr 1fr;
      height: 7rem;
      padding: 1rem 6rem;
      display: grid;
    }

    & .nav.sticky {
      background-color: #fffffff2;
      position: fixed;
    }

    & .nav__logo {
      height: 4.5rem;
      transition: all .3s;
    }

    & .nav__links {
      justify-content: right;
      align-items: center;
      list-style: none;
      display: flex;
    }

    & .nav__item {
      margin-left: 4rem;
    }

    & .nav__link:link, & .nav__link:visited {
      color: inherit;
      font-size: 1.7rem;
      font-weight: 400;
      text-decoration: none;
      transition: all .3s;
      display: block;
    }

    & .nav__link--btn:link, & .nav__link--btn:visited {
      background-color: var(--color-primary);
      color: #222;
      border-radius: 3rem;
      padding: .8rem 2.5rem;
    }

    & .nav__link--btn:hover, & .nav__link--btn:active {
      color: #333;
      background-color: var(--color-primary-darker);
    }
  }

  .banner__section {
    justify-content: center;
    align-items: center;
    padding: 5rem 0;
    display: flex;

    & .banner__title {
      text-align: center;
      width: 80%;

      & h1 {
        font-size: clamp(4.8vw, 6vw, 6rem);
        line-height: 1.35;
      }
    }
  }

  h4 {
    font-size: 2.4rem;
    font-weight: 500;
  }

  .header__img {
    grid-area: 1 / 2 / span 4 / 3;
    width: 100%;
    transform: translateY(-6rem);
  }

  .highlight {
    position: relative;
  }

  .highlight:after {
    content: "";
    z-index: -1;
    opacity: .7;
    background-image: var(--gradient-primary);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(1.07, 1.05)skewX(-15deg);
  }

  .model__container {
    justify-content: center;
    column-gap: 4rem;
    padding: 0 3rem;
    display: flex;

    & .model {
      cursor: pointer;
      grid-template-columns: 1fr;
      display: grid;
      position: relative;

      & .video_overlay {
        cursor: pointer;
        opacity: 1;
        z-index: 1;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;

        & svg {
          fill: #f00c;
          stroke-width: 20px;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          padding: 5vh;
          display: flex;
        }
      }

      & video {
        width: 100%;
        max-width: 400px;
        height: auto;
      }

      & p {
        justify-content: center;
        align-items: center;
        height: auto;
        padding: 0 5% 10px 0;
        font-size: clamp(4vw, 1.9vw, 4rem);
        font-weight: 400;
        line-height: 1.35;
        display: inline-block;
      }

      & img {
        max-width: 100%;
        height: auto;
      }

      & a {
        text-align: center;
      }
    }
  }

  .models__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .models__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .models__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .features {
    place-self: center;
    max-width: 1150px;
    margin: 0 3rem;
    display: grid;
  }

  .features__img {
    width: 100%;
    max-width: 400px;
  }

  .features__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-bottom: 60px;
    font-size: 1.5rem;
    display: grid;
  }

  .content__text__long {
    display: none;
  }

  .content__text__short {
    visibility: visible;
  }

  .content__text_short .features__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: none;
  }

  .features__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .features__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .operations {
    background-color: #fff;
    max-width: 100rem;
    margin: 12rem auto 0;
  }

  .operations__tab-container {
    justify-content: center;
    display: flex;
  }

  .operations__tab {
    margin-right: 2.5rem;
    transform: translateY(-50%);
  }

  .operations__tab span {
    margin-right: 1rem;
    font-weight: 600;
    display: inline-block;
  }

  .operations__tab--1 {
    background-color: var(--color-secondary);
  }

  .operations__tab--1:hover {
    background-color: var(--color-secondary-darker);
  }

  .operations__tab--3 {
    background-color: var(--color-tertiary);
    margin: 0;
  }

  .operations__tab--3:hover {
    background-color: var(--color-tertiary-darker);
  }

  .operations__tab--active {
    transform: translateY(-66%);
  }

  .operations__content {
    padding: 2.5rem 7rem 6.5rem;
    font-size: 1.7rem;
    display: none;
  }

  .operations__content--active {
    grid-template-columns: 7rem 1fr;
    gap: .5rem 3rem;
    display: grid;
  }

  .operations__header {
    align-self: center;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .operations__icon {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    display: flex;
  }

  .operations__icon svg {
    width: 2.75rem;
    height: 2.75rem;
  }

  .operations__content p {
    grid-column: 2;
  }

  .operations__icon--1 {
    background-color: var(--color-secondary-opacity);
  }

  .operations__icon--2 {
    background-color: var(--color-primary-opacity);
  }

  .operations__icon--3 {
    background-color: var(--color-tertiary-opacity);
  }

  .operations__icon--1 svg {
    fill: var(--color-secondary-darker);
  }

  .operations__icon--2 svg {
    fill: var(--color-primary);
  }

  .operations__icon--3 svg {
    fill: var(--color-tertiary);
  }

  .slider {
    max-width: 100rem;
    height: 50rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50rem;
    transition: transform 1s;
    display: flex;
    position: absolute;
    top: 0;
  }

  .slide > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .slider__btn {
    z-index: 10;
    color: #333;
    cursor: pointer;
    background: #ffffffb3;
    border: none;
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    font-family: inherit;
    font-size: 3.25rem;
    position: absolute;
    top: 50%;
  }

  .slider__btn--left {
    left: 6%;
    transform: translate(-50%, -50%);
  }

  .slider__btn--right {
    right: 6%;
    transform: translate(50%, -50%);
  }

  .dots {
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }

  .dots__dot {
    opacity: .7;
    cursor: pointer;
    background-color: #b9b9b9;
    border: none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-right: 1.75rem;
    transition: all .5s;
  }

  .dots__dot:last-child {
    margin: 0;
  }

  .dots__dot--active {
    opacity: 1;
    background-color: #555;
  }

  .testimonial {
    width: 65%;
    position: relative;
  }

  .testimonial:before {
    content: "“";
    color: var(--color-primary);
    z-index: -1;
    font-family: inherit;
    font-size: 20rem;
    line-height: 1;
    position: absolute;
    top: -5.7rem;
    left: -6.8rem;
  }

  .testimonial__header {
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .testimonial__text {
    color: #666;
    margin-bottom: 3.5rem;
    font-size: 1.7rem;
  }

  .testimonial__author {
    grid-template-columns: 6.5rem 1fr;
    column-gap: 2rem;
    margin-left: 3rem;
    font-style: normal;
    display: grid;
  }

  .testimonial__photo {
    border-radius: 50%;
    grid-row: 1 / span 2;
    width: 6.5rem;
  }

  .testimonial__name {
    align-self: end;
    margin: 0;
    font-size: 1.7rem;
    font-weight: 500;
  }

  .testimonial__location {
    font-size: 1.5rem;
  }

  .section__title--testimonials {
    margin-bottom: 4rem;
  }

  .section--sign-up {
    text-align: center;
    background-color: #37383d;
    border-top: none;
    border-bottom: 1px solid #444;
    padding: 8rem 3rem 0;
  }

  .section--sign-up .section__header {
    color: #fff;
    text-align: center;
  }

  .section--sign-up .section__title {
    margin-bottom: 6rem;
  }

  .section--sign-up .btn {
    padding: 2rem 5rem;
    font-size: 1.9rem;
  }

  .footer {
    background-color: #37383d;
    padding: 10rem 3rem;
  }

  .footer__nav {
    justify-content: center;
    margin-bottom: 5rem;
    list-style: none;
    display: flex;
  }

  .footer__item {
    margin-right: 4rem;
  }

  .footer__link {
    color: #eee;
    font-size: 1.6rem;
    text-decoration: none;
  }

  .footer__logo {
    height: 5rem;
    margin: 0 auto 5rem;
    display: block;
  }

  .footer__copyright {
    color: #aaa;
    text-align: center;
    font-size: 1.4rem;
  }

  .footer__copyright .footer__link {
    font-size: 1.4rem;
  }

  .modal {
    z-index: 1000;
    background-color: #f3f3f3;
    max-width: 60rem;
    padding: 5rem 6rem;
    transition: all .5s;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4rem 6rem #0000004d;
  }

  .overlay {
    backdrop-filter: blur(4px);
    z-index: 100;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: fixed;
    top: 0;
    left: 0;
  }

  .modal__header {
    margin-bottom: 4.5rem;
    font-size: 3.25rem;
    line-height: 1.5;
  }

  .modal__form {
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 2.5rem;
    margin: 0 3rem;
    display: grid;
  }

  .modal__form label {
    font-size: 1.7rem;
    font-weight: 500;
  }

  .modal__form input {
    border: 1px solid #ddd;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    font-size: 1.7rem;
  }

  .modal__form button {
    grid-column: 1 / span 2;
    justify-self: center;
    margin-top: 1rem;
  }

  .btn--close-modal {
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 4rem;
    position: absolute;
    top: .5rem;
    right: 2rem;
  }

  .hidden {
    visibility: hidden;
    opacity: 0;
  }

  .cookie-message {
    color: #bbb;
    background-color: #fff;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
  }
}

@media screen and (width >= 481px) and (width <= 700px) {
  html {
    font-size: 62.5%;
  }

  body {
    color: #444;
    background-color: #f3f3f3;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    line-height: 1.9;
  }

  .section {
    border-top: 1px solid #ddd;
    width: 100%;
    padding: 3rem;
    transition: transform 1s, opacity 1s;
  }

  .section--hidden {
    opacity: 0;
    transform: translateY(8rem);
  }

  .section__title {
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto 8rem;
    display: grid;
  }

  .section__description {
    text-transform: uppercase;
    color: var(--color-primary-darker);
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: grid;
  }

  .section__header {
    text-wrap: pretty;
    font-size: clamp(5vw, 1.9vw, 4rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .btn {
    background-color: var(--color-primary);
    cursor: pointer;
    border: none;
    border-radius: 10rem;
    padding: 1.25rem 3rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  .btn:hover {
    background-color: var(--color-primary-darker);
  }

  .btn--text {
    color: var(--color-primary);
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    font-family: inherit;
    font-size: 1.7rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  p {
    color: #666;
  }

  button:focus {
    outline: none;
  }

  img {
    transition: filter .5s;
  }

  .lazy-img {
    filter: blur(20px);
  }

  .header {
    width: 100%;
    height: 10vh;

    & .nav {
      width: inherit;
      z-index: 100;
      grid-template-columns: 1fr;
      place-items: center;
      height: 7rem;
      padding: 1rem;
      display: grid;
    }

    & .nav.sticky {
      background-color: #fffffff2;
      position: fixed;
    }

    & .nav__logo {
      height: 4.5rem;
      transition: all .3s;
    }

    & .nav__links {
      display: none;
    }

    & .nav__link:link, & .nav__link:visited {
      color: inherit;
      font-size: 1.7rem;
      font-weight: 400;
      text-decoration: none;
      transition: all .3s;
      display: block;
    }

    & .nav__link--btn:link, & .nav__link--btn:visited {
      background-color: var(--color-primary);
      color: #222;
      border-radius: 3rem;
      padding: .8rem 2.5rem;
    }

    & .nav__link--btn:hover, & .nav__link--btn:active {
      color: #333;
      background-color: var(--color-primary-darker);
    }
  }

  .banner__section {
    align-items: center;
    padding: 0 3rem 3rem;
    display: flex;

    & .banner__title {
      text-align: center;
      width: 100%;

      & h1 {
        font-size: clamp(4.8vw, 6vw, 6rem);
        line-height: 1.35;
      }
    }
  }

  h4 {
    font-size: 2.4rem;
    font-weight: 500;
  }

  .header__img {
    grid-area: 1 / 2 / span 4 / 3;
    width: 100%;
    transform: translateY(-6rem);
  }

  .highlight {
    position: relative;
  }

  .highlight:after {
    content: "";
    z-index: -1;
    opacity: .7;
    background-image: var(--gradient-primary);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(1.07, 1.05)skewX(-15deg);
  }

  .model__container {
    justify-content: center;
    column-gap: 4rem;
    padding: 0 3rem;
    display: flex;

    & .model {
      cursor: pointer;
      grid-template-columns: 1fr;
      display: grid;
      position: relative;

      & .video_overlay {
        cursor: pointer;
        opacity: 1;
        z-index: 1;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;

        & svg {
          fill: #f00c;
          stroke-width: 20px;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          padding: 5vh;
          display: flex;
        }
      }

      & video {
        width: 100%;
        max-width: 400px;
        height: auto;
      }

      & p {
        justify-content: center;
        align-items: center;
        height: auto;
        padding-bottom: 10px;
        font-size: clamp(4vw, 1.9vw, 4rem);
        font-weight: 400;
        line-height: 1.35;
        display: flex;
      }

      & img {
        max-width: 100%;
        height: auto;
      }
    }
  }

  .models__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .models__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .models__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .features {
    place-self: center;
    max-width: 1150px;
    margin: 0 3rem;
    display: grid;
  }

  .features__img {
    width: 100%;
    max-width: 400px;
  }

  .features__wrapper {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-bottom: 60px;
    font-size: 1.5rem;
    display: grid;

    & .image__container {
      place-content: center;
      display: flex;
    }
  }

  .content__wrapper {
    place-content: center;
  }

  .content__text__long {
    display: none;
  }

  .content__text__short {
    visibility: visible;
  }

  .content__text_short .features__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: none;
  }

  .features__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .features__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .operations {
    background-color: #fff;
    max-width: 100rem;
    margin: 12rem auto 0;
  }

  .operations__tab-container {
    justify-content: center;
    display: flex;
  }

  .operations__tab {
    margin-right: 2.5rem;
    transform: translateY(-50%);
  }

  .operations__tab span {
    margin-right: 1rem;
    font-weight: 600;
    display: inline-block;
  }

  .operations__tab--1 {
    background-color: var(--color-secondary);
  }

  .operations__tab--1:hover {
    background-color: var(--color-secondary-darker);
  }

  .operations__tab--3 {
    background-color: var(--color-tertiary);
    margin: 0;
  }

  .operations__tab--3:hover {
    background-color: var(--color-tertiary-darker);
  }

  .operations__tab--active {
    transform: translateY(-66%);
  }

  .operations__content {
    padding: 2.5rem 7rem 6.5rem;
    font-size: 1.7rem;
    display: none;
  }

  .operations__content--active {
    grid-template-columns: 7rem 1fr;
    gap: .5rem 3rem;
    display: grid;
  }

  .operations__header {
    align-self: center;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .operations__icon {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    display: flex;
  }

  .operations__icon svg {
    width: 2.75rem;
    height: 2.75rem;
  }

  .operations__content p {
    grid-column: 2;
  }

  .operations__icon--1 {
    background-color: var(--color-secondary-opacity);
  }

  .operations__icon--2 {
    background-color: var(--color-primary-opacity);
  }

  .operations__icon--3 {
    background-color: var(--color-tertiary-opacity);
  }

  .operations__icon--1 svg {
    fill: var(--color-secondary-darker);
  }

  .operations__icon--2 svg {
    fill: var(--color-primary);
  }

  .operations__icon--3 svg {
    fill: var(--color-tertiary);
  }

  .slider {
    max-width: 100rem;
    height: 50rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50rem;
    transition: transform 1s;
    display: flex;
    position: absolute;
    top: 0;
  }

  .slide > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .slider__btn {
    z-index: 10;
    color: #333;
    cursor: pointer;
    background: #ffffffb3;
    border: none;
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    font-family: inherit;
    font-size: 3.25rem;
    position: absolute;
    top: 50%;
  }

  .slider__btn--left {
    left: 6%;
    transform: translate(-50%, -50%);
  }

  .slider__btn--right {
    right: 6%;
    transform: translate(50%, -50%);
  }

  .dots {
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }

  .dots__dot {
    opacity: .7;
    cursor: pointer;
    background-color: #b9b9b9;
    border: none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-right: 1.75rem;
    transition: all .5s;
  }

  .dots__dot:last-child {
    margin: 0;
  }

  .dots__dot--active {
    opacity: 1;
    background-color: #555;
  }

  .testimonial {
    width: 65%;
    position: relative;
  }

  .testimonial:before {
    content: "“";
    color: var(--color-primary);
    z-index: -1;
    font-family: inherit;
    font-size: 20rem;
    line-height: 1;
    position: absolute;
    top: -5.7rem;
    left: -6.8rem;
  }

  .testimonial__header {
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .testimonial__text {
    color: #666;
    margin-bottom: 3.5rem;
    font-size: 1.7rem;
  }

  .testimonial__author {
    grid-template-columns: 6.5rem 1fr;
    column-gap: 2rem;
    margin-left: 3rem;
    font-style: normal;
    display: grid;
  }

  .testimonial__photo {
    border-radius: 50%;
    grid-row: 1 / span 2;
    width: 6.5rem;
  }

  .testimonial__name {
    align-self: end;
    margin: 0;
    font-size: 1.7rem;
    font-weight: 500;
  }

  .testimonial__location {
    font-size: 1.5rem;
  }

  .section__title--testimonials {
    margin-bottom: 4rem;
  }

  .section--sign-up {
    text-align: center;
    background-color: #37383d;
    border-top: none;
    border-bottom: 1px solid #444;
    padding: 8rem 3rem 0;
  }

  .section--sign-up .section__header {
    color: #fff;
    text-align: center;
  }

  .section--sign-up .section__title {
    margin-bottom: 6rem;
  }

  .section--sign-up .btn {
    padding: 2rem 5rem;
    font-size: 1.9rem;
  }

  .footer {
    background-color: #37383d;
    padding: 10rem 3rem;
  }

  .footer__nav {
    justify-content: center;
    margin-bottom: 5rem;
    list-style: none;
    display: flex;
  }

  .footer__item {
    margin-right: 4rem;
  }

  .footer__link {
    color: #eee;
    font-size: 1.6rem;
    text-decoration: none;
  }

  .footer__logo {
    height: 5rem;
    margin: 0 auto 5rem;
    display: block;
  }

  .footer__copyright {
    color: #aaa;
    text-align: center;
    font-size: 1.4rem;
  }

  .footer__copyright .footer__link {
    font-size: 1.4rem;
  }

  .modal {
    z-index: 1000;
    background-color: #f3f3f3;
    max-width: 60rem;
    padding: 5rem 6rem;
    transition: all .5s;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4rem 6rem #0000004d;
  }

  .overlay {
    backdrop-filter: blur(4px);
    z-index: 100;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: fixed;
    top: 0;
    left: 0;
  }

  .modal__header {
    margin-bottom: 4.5rem;
    font-size: 3.25rem;
    line-height: 1.5;
  }

  .modal__form {
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 2.5rem;
    margin: 0 3rem;
    display: grid;
  }

  .modal__form label {
    font-size: 1.7rem;
    font-weight: 500;
  }

  .modal__form input {
    border: 1px solid #ddd;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    font-size: 1.7rem;
  }

  .modal__form button {
    grid-column: 1 / span 2;
    justify-self: center;
    margin-top: 1rem;
  }

  .btn--close-modal {
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 4rem;
    position: absolute;
    top: .5rem;
    right: 2rem;
  }

  .hidden {
    visibility: hidden;
    opacity: 0;
  }

  .cookie-message {
    color: #bbb;
    background-color: #fff;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
  }
}

@media screen and (width <= 480px) {
  html {
    font-size: 50%;
  }

  body {
    color: #444;
    background-color: #f3f3f3;
    font-family: Poppins, sans-serif;
    font-weight: 300;
    line-height: 1.9;
  }

  .section {
    border-top: 1px solid #ddd;
    width: 100%;
    padding: 3rem;
    transition: transform 1s, opacity 1s;
  }

  .section--hidden {
    opacity: 0;
    transform: translateY(8rem);
  }

  .section__title {
    justify-content: center;
    align-items: center;
    max-width: 80rem;
    margin: 0 auto 4rem;
    display: grid;
  }

  .section__description {
    text-transform: uppercase;
    color: var(--color-primary-darker);
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    display: grid;
  }

  .section__header {
    text-wrap: pretty;
    font-size: clamp(5vw, 1.9vw, 4rem);
    font-weight: 500;
    line-height: 1.3;
  }

  .btn {
    background-color: var(--color-primary);
    cursor: pointer;
    border: none;
    border-radius: 10rem;
    padding: 1.25rem 3rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  .btn:hover {
    background-color: var(--color-primary-darker);
  }

  .btn--text {
    color: var(--color-primary);
    cursor: pointer;
    background: none;
    border: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    font-family: inherit;
    font-size: 1.7rem;
    font-weight: 500;
    transition: all .3s;
    display: inline-block;
  }

  p {
    color: #666;
  }

  button:focus {
    outline: none;
  }

  img {
    transition: filter .5s;
  }

  .lazy-img {
    filter: blur(20px);
  }

  .header {
    width: 100%;
    height: 10vh;

    & .nav {
      width: inherit;
      z-index: 100;
      grid-template-columns: 1fr;
      place-items: center;
      height: 7rem;
      padding: 1rem;
      display: grid;
    }

    & .nav.sticky {
      background-color: #fffffff2;
      position: fixed;
    }

    & .nav__logo {
      height: 4.5rem;
      transition: all .3s;
    }

    & .nav__links {
      display: none;
    }

    & .nav__link:link, & .nav__link:visited {
      color: inherit;
      font-size: 1.7rem;
      font-weight: 400;
      text-decoration: none;
      transition: all .3s;
      display: block;
    }

    & .nav__link--btn:link, & .nav__link--btn:visited {
      background-color: var(--color-primary);
      color: #222;
      border-radius: 3rem;
      padding: .8rem 2.5rem;
    }

    & .nav__link--btn:hover, & .nav__link--btn:active {
      color: #333;
      background-color: var(--color-primary-darker);
    }
  }

  .banner__section {
    align-items: center;
    padding: 0 3rem 3rem;
    display: flex;

    & .banner__title {
      text-align: center;
      width: 100%;

      & h1 {
        font-size: clamp(4.8vw, 6vw, 6rem);
        line-height: 1.35;
      }
    }
  }

  h4 {
    font-size: 2.4rem;
    font-weight: 500;
  }

  .header__img {
    grid-area: 1 / 2 / span 4 / 3;
    width: 100%;
    transform: translateY(-6rem);
  }

  .highlight {
    position: relative;
  }

  .highlight:after {
    content: "";
    z-index: -1;
    opacity: .7;
    background-image: var(--gradient-primary);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(1.07, 1.05)skewX(-15deg);
  }

  .model__container {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px;
    display: flex;

    & .model {
      cursor: pointer;
      grid-template-rows: 1fr;
      display: grid;
      position: relative;

      & .video_overlay {
        cursor: pointer;
        opacity: 1;
        z-index: 1;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;

        & svg {
          fill: #f00c;
          stroke-width: 20px;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 30vw;
          margin: 15vw auto;
          padding: 5vw;
          display: flex;
        }
      }

      & video {
        width: 100%;
        max-width: 400px;
        height: auto;
      }

      & p {
        justify-content: center;
        align-items: center;
        height: auto;
        padding-bottom: 10px;
        font-size: clamp(4vw, 1.9vw, 4rem);
        font-weight: 400;
        line-height: 1.35;
        display: flex;
      }

      & img {
        max-width: 100%;
        height: auto;
        max-height: 220px;
        margin: 0 auto;
      }
    }
  }

  .models__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .models__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .models__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .features {
    place-self: center;
    max-width: 1150px;
    margin: 0 3rem;
    display: grid;
  }

  .features__img {
    width: 100%;
    max-width: 400px;
  }

  .features__wrapper {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-bottom: 40px;
    font-size: 1.5rem;
    display: grid;

    & .image__container {
      place-content: center;
      display: flex;
    }
  }

  .content__wrapper {
    place-content: center;
  }

  .content__text__long {
    display: none;
  }

  .content__text__short {
    visibility: visible;
  }

  .content__text_short .features__icon {
    background-color: var(--color-primary-opacity);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-bottom: 2rem;
    display: none;
  }

  .features__icon svg {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--color-primary);
  }

  .features__header {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .operations {
    background-color: #fff;
    max-width: 100rem;
    margin: 12rem auto 0;
  }

  .operations__tab-container {
    justify-content: center;
    display: flex;
  }

  .operations__tab {
    margin-right: .5rem;
    transform: translateY(-50%);
  }

  .operations__tab span {
    margin-right: 1rem;
    font-weight: 600;
    display: inline-block;
  }

  .operations__tab--1 {
    background-color: var(--color-secondary);
  }

  .operations__tab--1:hover {
    background-color: var(--color-secondary-darker);
  }

  .operations__tab--3 {
    background-color: var(--color-tertiary);
    margin: 0;
  }

  .operations__tab--3:hover {
    background-color: var(--color-tertiary-darker);
  }

  .operations__tab--active {
    transform: translateY(-66%);
  }

  .operations__content {
    padding: 2.5rem 7rem 6.5rem;
    font-size: 1.7rem;
    display: none;
  }

  .operations__content--active {
    grid-template-columns: 7rem 1fr;
    gap: 2rem 3rem;
    display: grid;
  }

  .operations__header {
    text-wrap: pretty;
    align-self: center;
    margin-right: -15px;
    font-size: 1.9rem;
    font-weight: 500;
  }

  .operations__icon {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    display: flex;
  }

  .operations__icon svg {
    width: 2.75rem;
    height: 2.75rem;
  }

  .operations__content p {
    text-align: justify;
    grid-column: 1 / -1;
  }

  .operations__icon--1 {
    background-color: var(--color-secondary-opacity);
  }

  .operations__icon--2 {
    background-color: var(--color-primary-opacity);
  }

  .operations__icon--3 {
    background-color: var(--color-tertiary-opacity);
  }

  .operations__icon--1 svg {
    fill: var(--color-secondary-darker);
  }

  .operations__icon--2 svg {
    fill: var(--color-primary);
  }

  .operations__icon--3 svg {
    fill: var(--color-tertiary);
  }

  .slider {
    max-width: 100rem;
    height: 50rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50rem;
    transition: transform 1s;
    display: flex;
    position: absolute;
    top: 0;
  }

  .slide > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .slider__btn {
    z-index: 10;
    color: #333;
    cursor: pointer;
    background: #ffffffb3;
    border: none;
    border-radius: 50%;
    width: 5.5rem;
    height: 5.5rem;
    font-family: inherit;
    font-size: 3.25rem;
    position: absolute;
    top: 50%;
  }

  .slider__btn--left {
    left: 6%;
    transform: translate(-50%, -50%);
  }

  .slider__btn--right {
    right: 6%;
    transform: translate(50%, -50%);
  }

  .dots {
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
  }

  .dots__dot {
    opacity: .7;
    cursor: pointer;
    background-color: #b9b9b9;
    border: none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-right: 1.75rem;
    transition: all .5s;
  }

  .dots__dot:last-child {
    margin: 0;
  }

  .dots__dot--active {
    opacity: 1;
    background-color: #555;
  }

  .testimonial {
    width: 65%;
    position: relative;
  }

  .testimonial:before {
    content: "“";
    color: var(--color-primary);
    z-index: -1;
    font-family: inherit;
    font-size: 20rem;
    line-height: 1;
    position: absolute;
    top: -5.7rem;
    left: -6.8rem;
  }

  .testimonial__header {
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    font-weight: 500;
  }

  .testimonial__text {
    color: #666;
    margin-bottom: 3.5rem;
    font-size: 1.7rem;
  }

  .testimonial__author {
    grid-template-columns: 6.5rem 1fr;
    column-gap: 2rem;
    margin-left: 3rem;
    font-style: normal;
    display: grid;
  }

  .testimonial__photo {
    border-radius: 50%;
    grid-row: 1 / span 2;
    width: 6.5rem;
  }

  .testimonial__name {
    align-self: end;
    margin: 0;
    font-size: 1.7rem;
    font-weight: 500;
  }

  .testimonial__location {
    font-size: 1.5rem;
  }

  .section__title--testimonials {
    margin-bottom: 4rem;
  }

  .section--sign-up {
    text-align: center;
    background-color: #37383d;
    border-top: none;
    border-bottom: 1px solid #444;
    padding: 8rem 3rem 0;
  }

  .section--sign-up .section__header {
    color: #fff;
    text-align: center;
  }

  .section--sign-up .section__title {
    margin-bottom: 6rem;
  }

  .section--sign-up .btn {
    padding: 2rem 5rem;
    font-size: 1.9rem;
  }

  .footer {
    background-color: #37383d;
    padding: 10rem 3rem;
  }

  .footer__nav {
    justify-content: center;
    margin-bottom: 5rem;
    list-style: none;
    display: flex;
  }

  .footer__item {
    margin-right: 4rem;
  }

  .footer__link {
    color: #eee;
    font-size: 1.6rem;
    text-decoration: none;
  }

  .footer__logo {
    height: 5rem;
    margin: 0 auto 5rem;
    display: block;
  }

  .footer__copyright {
    color: #aaa;
    text-align: center;
    font-size: 1.4rem;
  }

  .footer__copyright .footer__link {
    font-size: 1.4rem;
  }

  .modal {
    z-index: 1000;
    background-color: #f3f3f3;
    max-width: 60rem;
    padding: 5rem 6rem;
    transition: all .5s;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4rem 6rem #0000004d;
  }

  .overlay {
    backdrop-filter: blur(4px);
    z-index: 100;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: fixed;
    top: 0;
    left: 0;
  }

  .modal__header {
    margin-bottom: 4.5rem;
    font-size: 3.25rem;
    line-height: 1.5;
  }

  .modal__form {
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 2.5rem;
    margin: 0 3rem;
    display: grid;
  }

  .modal__form label {
    font-size: 1.7rem;
    font-weight: 500;
  }

  .modal__form input {
    border: 1px solid #ddd;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    font-size: 1.7rem;
  }

  .modal__form button {
    grid-column: 1 / span 2;
    justify-self: center;
    margin-top: 1rem;
  }

  .btn--close-modal {
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 4rem;
    position: absolute;
    top: .5rem;
    right: 2rem;
  }

  .hidden {
    visibility: hidden;
    opacity: 0;
  }

  .cookie-message {
    color: #bbb;
    background-color: #fff;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
  }
}

:root {
  --color-primary: #56c869;
  --color-secondary: #e5e559;
  --color-tertiary: #36e48d;
  --color-primary-darker: #55d37f;
  --color-secondary-darker: #d8d850;
  --color-tertiary-darker: #2ed17f;
  --color-primary-opacity: #5dd8e137;
  --color-secondary-opacity: #ffcd0331;
  --color-tertiary-opacity: #54e19a37;
  --gradient-primary: linear-gradient(to top left, #25963f, #6df496);
  --gradient-secondary: linear-gradient(to top left, #ffb003, #ffcb03);
  --color-gold: #bba53d;
  --model-img-padding: 6rem;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.circle_img img {
  border: 4px solid #333;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
/*# sourceMappingURL=index.035688a4.css.map */