.hero {
  --bg-hero-url: url("assets/images/bg-hero-home.webp");
}



.hero__cta-box {
  gap: 14px;
}

@media (width <= 1439px) {
  .hero__title {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (width >= 1440px) {
  .hero__title {
    position: relative;
  }

  .hero__title .mp {
    margin: 0 auto;
  }

  .hero__title .sp {
    max-width: 272px;
    position: absolute;
    top: calc(100% + 64px);
    left: 0;
  }

  .hero__title .pa {
    position: absolute;
    top: calc(100% - 7px);
    right: 20px;
  }
}

.reviews__container {
  flex-direction: column;
  gap: 40px;
  display: flex;
}

.reviews__item {
    width: 430px;
}

.reviews__top-box {
  flex-direction: column;
  gap: 30px;
  display: flex;
}

.reviews__list {
  --gap: 24px;
}

.reviews__finish-box {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
}

.reviews__finish-text {
  color: var(--color-secondary-light-blue);
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}

.review {
  background-color: var(--color-section-bg);
  border-radius: 20px;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  display: flex;
}

.review__header,
.review__footer {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.review__body {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 10px;
  font-weight: 500;
  line-height: 120%;
}

.review__footer {
  margin-top: auto;
}

.review__customer-photo {
  object-fit: cover;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

.review__customer-info {
  letter-spacing: -0.14px;
  line-height: 120%;
}

.review__service-logo {
  object-fit: contain;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

.review--main {
  gap: 35px;
}

.review--main .review__header {
  align-items: flex-start;
}

.review--main .reviews__msg {
  letter-spacing: -0.28px;
  line-height: 20px;
}

.review--main .reviews__msg a {
  text-decoration-skip-ink: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.review--main .reviews__msg .yelp {
  color: var(--color-primary-button);
}

.review--main .reviews__msg .google {
  color: var(--color-secondary-light-blue);
}

.review--main .review__customers-photos {
  align-items: center;
  display: flex;
}

.review--main .review__customers-photos img:not(:first-child) {
  margin-left: -9px;
}

.review--main .review__customers-count {
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
}

@media (width <= 1439px) {
  .reviews__title-box .section-title {
    text-align: center;
  }

  .reviews__title-box .section-subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .reviews__btn-cta {
    max-width: 200px;
    height: 40px;
    padding: 5px 5px 5px 28px;
  }

  .reviews__btn-cta span {
    width: 30px;
    height: 30px;
  }
}

@media (width >= 768px) {
  .reviews__list {
    --items: 2;
  }
}

@media (width >= 1440px) {
  .reviews {
    padding-bottom: 0;
  }

  .reviews__top-box {
    flex-direction: row;
    gap: 24px;
  }

  /* .reviews__title-box {
    align-items: flex-end;
  } */

  .reviews__list {
    --items: 3;
  }

  .reviews__finish-box {
    flex-direction: row;
    justify-content: space-between;
  }

  .reviews__finish-text {
    font-size: 21px;
  }

  .reviews__btn-cta {
    max-width: 215px;
  }

  .review {
    gap: 20px;
    padding: 40px;
  }

  .review__body {
    padding: 10px 0 30px;
    line-height: 150%;
  }

  .review__customer-photo {
    width: 40px;
    height: 40px;
  }

  .review__customer-info {
    letter-spacing: -0.16px;
    line-height: 125%;
  }

  .review--main {
    flex-shrink: 0;
    width: 460px;
    height: 144px;
    margin-top: auto;
    margin-left: auto;
    padding: 20px;
  }

  .review--main .reviews__msg {
    letter-spacing: -0.32px;
  }

  .review--main .review__customers-photos img {
    width: 48px;
    height: 48px;
  }

  .review--main .review__customers-photos img:not(:first-child) {
    margin-left: -14px;
  }
}

.benefits__container,
.benefits__title-wrap {
  flex-direction: column;
  gap: 30px;
  display: flex;
}

.benefits__text {
  color: #00000080;
  letter-spacing: -0.48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.benefits-grid {
  gap: 20px;
  display: grid;
}

.benefits-grid svg {
  width: 20px;
  height: 20px;
}

.benefit-grid {
  background: var(--color-section-bg);
  border-radius: 20px;
  flex-direction: column;
  gap: 17px;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.benefit-grid--img {
  padding: 0;
}

.benefit-grid__title {
  letter-spacing: -0.4px;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.benefit-grid__text {
  letter-spacing: -0.14px;
  line-height: 150%;
}

.benefit-grid__text span {
  font-weight: 900;
}

.benefit-grid__img {
  object-fit: cover;
  width: 100%;
  height: 222px;
}

@media (width <= 1439px) {
  .benefits__title {
    text-align: center;
  }

  .benefits__subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .benefits-grid__item--img {
    margin-bottom: 10px;
  }
}

@media (width >= 768px) and (width <= 1439px) {
  .benefits-grid {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    gap: 14px;
  }

  .benefit-grid {
    padding: 40px;
  }

  .benefit-grid svg {
    width: 40px;
    height: 40px;
  }

  .benefit-grid--img {
    grid-column: 1 / 3;
    padding: 0;
  }

  .benefit-grid__img {
    height: auto;
  }
}

@media (width >= 1440px) {
  .benefits__container {
    gap: 100px;
  }

  .benefits__title-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .benefits__title {
    max-width: 760px;
  }

  .benefits__text {
    letter-spacing: -0.6px;
    flex-shrink: 0;
    font-size: 20px;
  }

  .benefits-grid {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto 545px;
    gap: 14px;
  }

  .benefit-grid {
    padding: 40px;
  }

  .benefit-grid svg {
    width: 40px;
    height: 40px;
  }

  .benefit-grid--img {
    grid-row: 1 / 3;
    padding: 0;
  }

  .benefit-grid__title {
    letter-spacing: -0.5px;
    font-size: 25px;
  }

  .benefit-grid__text {
    letter-spacing: -0.14px;
  }

  .benefit-grid__img {
    height: auto;
  }
}

.gallery__container {
  --gap: 30px;
}

.mini-benefits__list {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.mini-benefit {
  letter-spacing: -0.48px;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 70%;
  display: flex;
}

.mini-benefit svg {
  aspect-ratio: 1;
  width: 20px;
  height: 20px;
  fill: var(--color-secondary-light-blue);
  flex-shrink: 0;
}

@media (width <= 1439px) {
  .gallery__btn-cta {
    max-width: 190px;
    height: 40px;
    padding: 5px 5px 5px 28px;
  }

  .gallery__btn-cta span {
    width: 30px;
    height: 30px;
  }

  .gallery .title-box,
  .gallery__mini-benefits {
    order: -1;
  }
}

@media (width >= 1440px) {
  .gallery__container {
    --gap: 52px;
    position: relative;
  }

  .gallery__btn-cta {
    bottom: 0;
    right: var(--plr);
    max-width: 237px;
    position: absolute;
  }

  .gallery__mini-benefits {
    margin-top: 20px;
  }

  .mini-benefits__list {
    flex-direction: row;
    gap: 30px;
  }

  .mini-benefit {
    letter-spacing: -0.6px;
    font-size: 20px;
  }

  .mini-benefit svg {
    width: 24px;
    height: 24px;
  }
}

.reliable-service__container {
  flex-direction: column;
  gap: 30px;
  display: flex;
}

.reliable-service__text {
  text-align: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  line-height: 90%;
}

.reliable-service__text--2 {
  letter-spacing: -0.28px;
}

.reliable-service__desc-box-wrap {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.reliable-service__desc-box {
  background: var(--color-section-bg);
  border-radius: 20px;
  flex-direction: column;
  gap: 17px;
  width: 100%;
  padding: 20px;
  display: flex;
}

.reliable-service__desc-title {
  color: var(--color-primary-button);
  text-align: justify;
  font-size: 19px;
  font-weight: 500;
  line-height: 100%;
}

.reliable-service__desc-text {
  line-height: 150%;
}

.reliable-service__desc-text span {
  font-weight: 900;
}

.reliable-service-swiper {
  overflow: visible;
}

.reliable-service-pagination {
  margin-top: 30px;
}

.rsi {
  background: var(--color-section-bg);
  border-radius: 20px;
  flex-direction: column;
  gap: 10px;
  width: 236px;
  height: 174px;
  padding: 14px 20px;
  display: flex;
}

.rsi svg {
  width: 20px;
  height: 20px;
  fill: var(--color-primary-button);
  aspect-ratio: 1;
  flex-shrink: 0;
  margin-bottom: auto;
}

.rsi__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.rsi__text {
  line-height: 120%;
}

@media (width >= 768px) {
  .reliable-service__desc-box-wrap {
    flex-direction: row;
  }
}

@media (width >= 1440px) {
  .reliable-service {
    padding: 0;
  }

  .reliable-service__container {
    gap: 0;
  }

  .reliable-service__title {
    max-width: 888px;
  }

  .reliable-service__text {
    max-width: 680px;
    font-size: 24px;
    line-height: 120%;
  }

  .reliable-service__text--1 {
    margin-top: -10px;
  }

  .reliable-service__text--2 {
    margin-bottom: 44px;
  }

  .reliable-service__desc-box-wrap {
    flex-direction: row;
    margin: 70px 0;
  }

  .reliable-service__desc-box {
    padding: 30px 38px;
  }

  .reliable-service__desc-title {
    margin-bottom: auto;
  }

  .reliable-service__desc-text span {
    font-size: 18px;
  }

  .reliable-service-list {
    --items: 3;
    --gap: 24px;
    gap: var(--gap);
    flex-wrap: wrap;
    display: flex;
  }

  .rsi {
    width: calc(
      (100% - var(--gap, 16px) * (var(--items, 1) - 1)) / var(--items, 1)
    );
    gap: 20px;
    padding: 14px;
  }

  .rsi svg {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
  }

  .rsi__title {
    font-size: 24px;
    line-height: 100%;
  }
}

.options-pagination {
  margin-top: 20px;
}

.options__container {
  --gap: 30px;
  gap: var(--gap);
  flex-direction: column;
  display: flex;
}

.options-swiper {
  overflow: visible;
}

.option {
  background: #4878a10d;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 357px;
  padding: 20px;
  display: flex;
  position: relative;
}

.option:before {
  color: #a6a6a6;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  position: absolute;
  top: 20px;
  left: 20px;
}

.option:first-of-type:before {
  content: "01";
}

.option:nth-of-type(2):before {
  content: "02";
}

.option:nth-of-type(3):before {
  content: "03";
}

.option:nth-of-type(4):before {
  content: "04";
}

.option:nth-of-type(5):before {
  content: "05";
}

.option:nth-of-type(6):before {
  content: "06";
}

.option:nth-of-type(7):before {
  content: "07";
}

.option:nth-of-type(8):before {
  content: "08";
}

.option:nth-of-type(9):before {
  content: "09";
}

.option:nth-of-type(10):before {
  content: "010";
}

.option:nth-of-type(11):before {
  content: "011";
}

.option:nth-of-type(12):before {
  content: "012";
}

.option:nth-of-type(13):before {
  content: "013";
}

.option:nth-of-type(14):before {
  content: "014";
}

.option:nth-of-type(15):before {
  content: "015";
}

.option:nth-of-type(16):before {
  content: "016";
}

.option:nth-of-type(17):before {
  content: "017";
}

.option:nth-of-type(18):before {
  content: "018";
}

.option:nth-of-type(19):before {
  content: "019";
}

.option:nth-of-type(20):before {
  content: "020";
}

.option:nth-of-type(21):before {
  content: "021";
}

.option:nth-of-type(22):before {
  content: "022";
}

.option:nth-of-type(23):before {
  content: "023";
}

.option:nth-of-type(24):before {
  content: "024";
}

.option:nth-of-type(25):before {
  content: "025";
}

.option:nth-of-type(26):before {
  content: "026";
}

.option:nth-of-type(27):before {
  content: "027";
}

.option:nth-of-type(28):before {
  content: "028";
}

.option:nth-of-type(29):before {
  content: "029";
}

.option:nth-of-type(30):before {
  content: "030";
}

.option:nth-of-type(31):before {
  content: "031";
}

.option:nth-of-type(32):before {
  content: "032";
}

.option:nth-of-type(33):before {
  content: "033";
}

.option:nth-of-type(34):before {
  content: "034";
}

.option:nth-of-type(35):before {
  content: "035";
}

.option:nth-of-type(36):before {
  content: "036";
}

.option:nth-of-type(37):before {
  content: "037";
}

.option:nth-of-type(38):before {
  content: "038";
}

.option:nth-of-type(39):before {
  content: "039";
}

.option:nth-of-type(40):before {
  content: "040";
}

.option:nth-of-type(41):before {
  content: "041";
}

.option:nth-of-type(42):before {
  content: "042";
}

.option:nth-of-type(43):before {
  content: "043";
}

.option:nth-of-type(44):before {
  content: "044";
}

.option:nth-of-type(45):before {
  content: "045";
}

.option:nth-of-type(46):before {
  content: "046";
}

.option:nth-of-type(47):before {
  content: "047";
}

.option:nth-of-type(48):before {
  content: "048";
}

.option:nth-of-type(49):before {
  content: "049";
}

.option:nth-of-type(50):before {
  content: "050";
}

.option:nth-of-type(51):before {
  content: "051";
}

.option:nth-of-type(52):before {
  content: "052";
}

.option:nth-of-type(53):before {
  content: "053";
}

.option:nth-of-type(54):before {
  content: "054";
}

.option:nth-of-type(55):before {
  content: "055";
}

.option:nth-of-type(56):before {
  content: "056";
}

.option:nth-of-type(57):before {
  content: "057";
}

.option:nth-of-type(58):before {
  content: "058";
}

.option:nth-of-type(59):before {
  content: "059";
}

.option:nth-of-type(60):before {
  content: "060";
}

.option:nth-of-type(61):before {
  content: "061";
}

.option:nth-of-type(62):before {
  content: "062";
}

.option:nth-of-type(63):before {
  content: "063";
}

.option:nth-of-type(64):before {
  content: "064";
}

.option:nth-of-type(65):before {
  content: "065";
}

.option:nth-of-type(66):before {
  content: "066";
}

.option:nth-of-type(67):before {
  content: "067";
}

.option:nth-of-type(68):before {
  content: "068";
}

.option:nth-of-type(69):before {
  content: "069";
}

.option:nth-of-type(70):before {
  content: "070";
}

.option:nth-of-type(71):before {
  content: "071";
}

.option:nth-of-type(72):before {
  content: "072";
}

.option:nth-of-type(73):before {
  content: "073";
}

.option:nth-of-type(74):before {
  content: "074";
}

.option:nth-of-type(75):before {
  content: "075";
}

.option:nth-of-type(76):before {
  content: "076";
}

.option:nth-of-type(77):before {
  content: "077";
}

.option:nth-of-type(78):before {
  content: "078";
}

.option:nth-of-type(79):before {
  content: "079";
}

.option:nth-of-type(80):before {
  content: "080";
}

.option:nth-of-type(81):before {
  content: "081";
}

.option:nth-of-type(82):before {
  content: "082";
}

.option:nth-of-type(83):before {
  content: "083";
}

.option:nth-of-type(84):before {
  content: "084";
}

.option:nth-of-type(85):before {
  content: "085";
}

.option:nth-of-type(86):before {
  content: "086";
}

.option:nth-of-type(87):before {
  content: "087";
}

.option:nth-of-type(88):before {
  content: "088";
}

.option:nth-of-type(89):before {
  content: "089";
}

.option:nth-of-type(90):before {
  content: "090";
}

.option:nth-of-type(91):before {
  content: "091";
}

.option:nth-of-type(92):before {
  content: "092";
}

.option:nth-of-type(93):before {
  content: "093";
}

.option:nth-of-type(94):before {
  content: "094";
}

.option:nth-of-type(95):before {
  content: "095";
}

.option:nth-of-type(96):before {
  content: "096";
}

.option:nth-of-type(97):before {
  content: "097";
}

.option:nth-of-type(98):before {
  content: "098";
}

.option:nth-of-type(99):before {
  content: "099";
}

.option:nth-of-type(100):before {
  content: "0100";
}

.option__icon {
  margin-left: auto;
}

.option__icon svg {
  width: 30px;
  height: 30px;
}

.option__desc li {
  line-height: 1.5;
}

.option__title {
  color: #000;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}

@media (width <= 1439px) {
  .options {
    padding-bottom: 80px;
  }

  .options__title-box h2,
  .options__title-box p {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }

  .options-swiper-btn-wrap {
    display: none;
  }

  .option {
    max-width: 315px;
  }

  .option__btn-cta {
    height: 40px;
  }

  .option__btn-cta span {
    width: 30px;
    height: 30px;
  }

  .option__btn-cta svg {
    width: 14px;
    height: 14px;
  }
}

@media (width >= 1440px) {
  .options__container {
    --gap: 60px;
  }

  .options-swiper-btn-wrap {
    top: calc((var(--gap) + var(--swiper-btn-d)) * -1);
    position: absolute;
    right: 0;
  }

  .options-pagination {
    display: none;
  }

  .option {
    justify-content: flex-start;
    min-height: 576px;
  }

  .option:before {
    font-size: 32px;
  }

  .option__icon svg {
    width: 40px;
    height: 40px;
    margin-bottom: 120px;
  }

  .option__desc {
    flex-grow: 1;
    margin-top: auto;
    margin-bottom: 30px;
  }

  .option__desc li {
    color: #0009;
    text-align: justify;
    font-size: 24px;
    line-height: 150%;
  }

  .option__title {
    font-size: 24px;
  }
}

.all-you-need__title {
  max-width: 740px;
}
.reviews__slider-viewport {
  width: 100%;
}

.reviews__slider-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  will-change: transform;
  transform: translate3d(0,0,0);
  padding: 0;
  margin: 0;
  list-style: none;
}

.reviews__slider-track .reviews__item {
  flex: 0 0 auto;
}


@media (max-width: 768px){
  .hero{
    background-image: url("/assets/images/bg-hero-home.png") !important;
  }
.reviews__slider-viewport {
  width: 100%;
}
.reviews__item {
    width: 340px;
}
.reviews__slider-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  will-change: transform;
  transform: translate3d(0,0,0);
  padding: 0;
  margin: 0;
  list-style: none;
}

.reviews__slider-track .reviews__item {
  flex: 0 0 auto;
}
.reviews__slider-viewport{
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

.reviews__slider-track{
  will-change: transform;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
}

.reviews__slider-track.is-dragging *{
  pointer-events: none;
}

}