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


    .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 {
      font-family: "Vibur";
      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("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cline x1='4' y1='8' x2='12' y2='8'/%3E%3C/svg%3E");
      transform: none !important;
    }

    .accordion-button::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cline x1='8' y1='4' x2='8' y2='12'/%3E%3Cline x1='4' y1='8' x2='12' y2='8'/%3E%3C/svg%3E");
      transform: none !important;
      background-size: 1.25rem;
    }

    .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;
      }
    }

    /* Hero Image Styling */
    .hero-img-wrap {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      overflow: hidden;
      border-radius: 24px;
    }

    .hero-img-wrap.has-blob::before {
      content: "";
      position: absolute;
      width: 120%;
      height: 120%;
      background: #0B93E2;
      opacity: 0.1;
      border-radius: 50%;
      z-index: 0;
      bottom: -10%;
      right: -10%;
    }

    .hero-img-wrap img {
      position: relative;
      z-index: 1;
      max-height: 500px;
      width: auto;
      object-fit: contain;
    }

    /* Form Loader */
    .spinner-border-sm {
      width: 1rem;
      height: 1rem;
      border-width: 0.2em;
    }

    .btn-loading {
      pointer-events: none;
      opacity: 0.8;
    }

    .request-info-card {
      background: #fff;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      border: 1px solid #eee;
    }

    @media screen and (min-width: 992px) {
      .request-info-card {
        position: sticky;
        top: 100px;
        z-index: 10;
      }
    }

    .request-info-card .card-title {
      color: #322A5B;
      font-size: 26px;
      font-weight: 700;
      margin-bottom: 15px;
    }

    .request-info-card .card-text {
      color: #6c757d;
      font-size: 16px;
      line-height: 1.5;
      margin-bottom: 25px;
    }

    .side-form .form-control {
      border: none;
      border-bottom: 1.5px solid #ccc;
      border-radius: 0;
      padding: 10px 0;
      font-size: 16px;
      background: transparent;
      transition: border-color 0.3s;
    }

    .side-form .form-control:focus {
      box-shadow: none;
      border-color: #322A5B;
    }

    .side-form .btn-advisor {
      background-color: #322A5B;
      color: #fff;
      width: 100%;
      padding: 14px;
      border-radius: 8px;
      font-weight: 600;
      margin-top: 20px;
      transition: background 0.3s;
    }

    .side-form .btn-advisor:hover {
      background-color: #2a1d55;
      color: #fff;
    }

    .side-form .form-check-label {
      font-size: 13px;
      color: #6c757d;
    }

    .side-form .form-check-input:checked {
      background-color: #322A5B;
      border-color: #322A5B;
    }

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

        /* Enhanced Comparison Table - Refined */
    .comparison {
      background-color: #F8F9FA;
      border-radius: 20px; /* Reduced border radius */
      margin: 40px 0;
    }

    .comparison-table-wrap {
      background: #fff;
      border-radius: 12px; /* Subtle border radius */
      box-shadow: 0 5px 20px rgba(50, 42, 91, 0.05);
      border: 1px solid rgba(50, 42, 91, 0.15);
      overflow: hidden;
      margin: 30px auto;
      max-width: 1000px;
    }

    .comparison-table {
      margin-bottom: 0;
      border-collapse: collapse; /* Changed to collapse for better grid lines */
      width: 100%;
    }

    .comparison-table thead th {
      background: #322A5B;
      color: #ffffff !important;
      font-weight: 700;
      font-size: 15px;
      padding: 15px 10px;
      text-align: left; /* Changed from center to left */
      vertical-align: middle;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .comparison-table thead th.feature-name {
      background: #2a2250;
      text-align: left;
      padding-left: 20px;
    }

    .comparison-table thead th.highlight-col {
      background: #0B93E2;
    }

    .comparison-table td {
      padding: 12px 15px;
      border: 1px solid rgba(50, 42, 91, 0.1);
      vertical-align: middle;
      font-size: 14px;
      color: #322A5B;
      text-align: left; /* Changed from center to left */
    }

    .comparison-table .feature-name {
      font-weight: 700;
      background: #f9f9fb;
      text-align: left !important;
      width: 25%;
    }

    .comparison-table .highlight-col-cell {
      background-color: rgba(11, 147, 226, 0.03);
      font-weight: 600;
    }

    .comparison-table i {
      font-size: 18px;
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle;
    }

    /* Icon text alignment */
    .comparison-table td span {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    .comparison-table .bi-check-circle-fill {
      color: #28a745;
    }

    .comparison-table .bi-x-circle-fill {
      color: #dc3545;
    }

    .comparison-table .bi-circle-fill {
      color: #6c757d;
      font-size: 10px;
    }

    @media screen and (max-width: 992px) {
      .comparison {
        border-radius: 15px;
        margin: 20px 10px;
      }
      .comparison-table thead th {
        font-size: 13px;
        padding: 12px 5px;
      }
      .comparison-table td {
        padding: 10px 5px;
        font-size: 12px;
      }
      .comparison-table .feature-name {
          width: 30%;
      }
    }

    .recommended-label {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #0B93E2;
      color: #fff;
      padding: 6px 20px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      z-index: 10;
      box-shadow: 0 4px 15px rgba(0,0,0,0.15);
      white-space: nowrap;
      border: 2px solid #fff;
    }

    .members.featured-card {
      transform: scale(1.03);
      border: 2px solid #322A5B !important;
      z-index: 5;
      background: #fff;
      box-shadow: 0 10px 30px rgba(50, 42, 91, 0.1) !important;
    }

    .members.featured-card .member-types {
      background: #322A5B !important;
    }