@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Vibur&display=swap');

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a,
    p,
    input,
    select,
    button,
    label {
      font-family: "Source Sans 3";
    }

    span {
      font-family: "Vibur";
    }

    .navbar-nav .header-link {
      color: #322A5B;
      font-size: 16px;
      font-weight: 400;
    }

    .navbar-nav .header-link.active {
      color: #322A5B;
      font-weight: 700;
      border-bottom: 2px solid #0B93E2;
    }

    .btn-book {
      color: #322A5B;
      padding: 6px 18px;
      border-radius: 12px;
      border: 1px solid #322A5B;
    }

    .btn-book:hover {
      background-color: #2a1d55;
      color: #fff;
    }

    .phone-text {
      font-weight: 500;
      margin-left: 5px;
      text-decoration: none;
      color: #322A5B;
    }

    .heading {
      color: #322A5B;
      font-size: 48px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .heading span {
      color: #0B93E2;
      font-size: 64px;
      font-weight: 400;
      text-transform: capitalize;
    }

    .ratings-img {
      height: 50px;
    }

    /* laundry section */

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      border-radius: 16px;
      background: #FFF;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
      padding: 8px 8px 16px 8px;
      display: flex;
      flex-direction: column;
    }

    .l-head {
      color: #3D3D3D;
      text-overflow: ellipsis;
      font-size: 16px;
      font-weight: 700;
    }

    .types {
      background-color: #F3F3F5;
      border-top-left-radius: 50px;
      border-top-right-radius: 50px;
    }

    .swiper-button-prev:after,
    .swiper-button-next:after {
      font-size: 22px;
      color: #000;
      background: #fff;
      padding: 19px;
      height: 53px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 24px;
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    }

    .swiper-slide {
      height: unset;
    }

    .swiper-wrapper {
      display: flex;
      align-items: stretch;
    }

    .swiper-button-prev {
      left: -46px;
    }

    .swiper-button-next {
      right: -46px;
    }

    .nav-link.clothing.active {
      border-radius: 8px;
      background: #706992;
      color: #fff;
    }

    .nav-link.clothing {
      border-radius: 8px;
      border: 1.5px solid #706992;
      color: #706992;
    }

    .why-content {
      color: #322A5B;
      font-size: 24px;
      font-weight: 700;
    }

    .why-subcontent {
      color: #878787;
      font-size: 16px;
      font-style: italic;
      font-weight: 400;
      margin-bottom: 0px;
    }

    /* monthly membership */
    .monthly {
      border-radius: 32px;
      background: #FFF;
      box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.10);
      margin-left: 90px;
      margin-right: 90px;
    }

    .members {
      border-radius: 16px;
      background: #EAE6FF;
      padding: 12px 12px 14px 12px;
      height: 100%;
    }

    .member-types {
      border-radius: 8px;
      background: #322A5B;
      padding: 10px;
    }

    .members h3 {
      color: #FFF;
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .members .price {
      color: #322A5B;
      font-size: 24px;
      font-weight: 700;
    }

    .members.item {
      color: #0C0B12;
      font-size: 16px;
      font-weight: 400;
    }

    .offer {
      border-radius: 8px;
      background: #FFF;
      padding: 6px 0;
    }

    .offer p {
      color: #0C0B12;
      font-size: 12px;
      font-weight: 400;
    }

    .member-points {
      list-style: none;
      padding-left: 0;
      margin: 0;
    }

    .member-points li {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #0C0B12;
      font-size: 12px;
      font-weight: 400;
      padding-bottom: 10px;
    }

    .member-points li::before {
      content: "";
      width: 18px;
      height: 18px;
      background: url('/assets/images/check.png') no-repeat center center;
      background-size: contain;
      flex-shrink: 0;
    }

    .customer-content {
      border-radius: 12px;
      background: #FFF;
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.09);
      padding: 24px;
    }

    .quote {
      right: 64px;
      top: 16px;
    }

    .customer-slide {
      background: none;
      box-shadow: none;
    }

    .profile-info .name {
      color: #000;
      font-size: 15px;
      font-weight: 700;
      font-style: italic;
    }

    .profile-info .city {
      color: #000;
      font-size: 12px;
      font-weight: 400;
    }

    .comment {
      color: #0C0B12;
      font-size: 16px;
      font-style: italic;
      font-weight: 700;
    }

    .customer-pagination .swiper-pagination-bullet-active {
      width: 36px !important;
      border-radius: 16px !important;
      background: #322A5B !important;
    }

    /* FAQs */
    .faq-button.accordion-button:focus {
      z-index: 3;
      border-color: none !important;
      outline: 0;
      box-shadow: none !important;
    }

    .faq-button.accordion-button.collapsed {
      border-radius: 16px;
      background: #FFF;
    }

    .faq-button.accordion-button {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
      color: #000;
      font-size: 20px;
      font-weight: 600;
    }

    .faq-button.accordion-button:not(.collapsed) {
      color: #000;
      background: none;
      box-shadow: none;
    }

    .accordion-button:not(.collapsed)::after {
      background-image: url(/assets/images/ic_baseline-minus.png);
    }

    .accordion-button::after {
      background-image: url(/assets/images/ic_outline-plus.png);
    }

    .faq-body {
      color: #000;
      font-size: 18px;
      font-weight: 400;
    }

    .faq-item.accordion-item {
      border-radius: 16px;
      border-bottom: 3px solid rgba(50, 42, 91, 0.20);
      background: #FFF;
      margin-bottom: 30px;
      padding: 5px 16px;
    }

    /* footer */

    .footer {
      background-color: #322A5B;
    }

    .footer-content {
      color: #FFF;
      font-size: 16px;
      font-weight: 400;
    }

    .btn-subscribe {
      background-color: #0B93E2;
      color: #fff;
    }

    .btn-subscribe:hover {
      background-color: #056298;
      color: #fff;
    }

    .rights,
    .rights span {
      color: #6F6C90;
      font-size: 16px;
      font-weight: 400;
    }

    /* modal */
    .form-label {
      color: #0C0B12;
      font-size: 16px;
      font-weight: 700;
    }

    .form-control {
      border-radius: 12px;
      background: #EEE;
    }

    .form-control:focus {
      background-color: var(--bs-body-bg);
      border-color: none;
      box-shadow: none;
    }

    .submit-form {
      border-radius: 12px;
      background: #322A5B;
    }

    @media screen and (max-width: 427px) {
      .heading {
        font-size: 38px;
      }

      .heading span {
        font-size: 45px !important;
      }

      .why-icon img {
        height: 45px !important;
      }

      .why-content .mb-0 {
        font-size: 22px;
      }

      .faq-item.accordion-item {
        padding: 5px 5px;
      }
    }

    @media screen and (max-width: 992px) {
      .navbar-nav .header-link.active {
        border-bottom: none;
     }
      .swiper-button-prev:after,
      .swiper-button-next:after {
        font-size: 16px !important;
        padding: 14px !important;
        height: 39px !important;
      }

      .swiper-button-next {
        right: -36px;
      }

      .swiper-button-prev {
        left: -36px;
      }

      .monthly {
        margin-left: 20px;
        margin-right: 20px;
      }
    }