
    .laundry-section{
      max-width:100%;
      margin:auto;
      background:#fff;
      overflow:hidden;

    }

    .main-wrapper{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:40px;
      padding:50px;
      flex-wrap:wrap;
    }

    /* LEFT SIDE */
    .mobile-wrapper{
      display:flex;
      align-items:flex-end;
      gap:20px;
      flex:1;
      justify-content:center;
      min-width:320px;
    }

    .phone{
      width:250px;
      height:520px;
      background:#fff;
      border:10px solid #111;
      border-radius:40px;
      overflow:hidden;
      position:relative;
      box-shadow:0 10px 30px rgba(0,0,0,0.2);
    }

    .phone::before{
      content:'';
      width:120px;
      height:25px;
      background:#111;
      position:absolute;
      top:10px;
      left:50%;
      transform:translateX(-50%);
      border-radius:20px;
      z-index:10;
    }

    .screen{
      padding:40px 15px 20px;
      height:100%;
      overflow:hidden;
    }

    .screen h4{
      font-size:16px;
      margin-bottom:15px;
      color:#222;
    }

    .map{
      height:auto;
      background:#ececec;
      border-radius:15px;
      margin-bottom:20px;
      position:relative;
      overflow:hidden;
    }



    .location1,
    .location2{
      width:18px;
      height:18px;
      border-radius:50%;
      position:absolute;
    }

    .location1{
      background:#0b56ff;
      top:60px;
      left:40px;
    }

    .location2{
      background:#00c853;
      bottom:40px;
      right:40px;
    }

    .status-list{
      display:flex;
      flex-direction:column;
      gap:15px;
    }

    .status-item{
      display:flex;
      align-items:center;
      gap:12px;
      font-size:14px;
      color:#555;
    }

    .dot{
      width:12px;
      height:12px;
      background:#00c853;
      border-radius:50%;
    }

    .menu-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      margin-top:20px;
    }

    .menu-box{
      background:#082b63;
      color:#fff;
      padding:20px 10px;
      border-radius:15px;
      text-align:center;
      font-size:14px;
      font-weight:500;
      transition:0.3s;
      cursor:pointer;
    }

    .menu-box:hover{
      transform:translateY(-5px);
      background:#f5b400;
      color:#111;
    }

    .track-btn{
      margin-top:20px;
      width:100%;
      padding:14px;
      border:none;
      background:#082b63;
      color:#fff;
      border-radius:10px;
      font-size:15px;
      cursor:pointer;
    }

    /* RIGHT SIDE */
    .content{
      flex:1;
      min-width:320px;
    }

    .content h1{
      font-size:52px;
      line-height:1.2;
      color:#111;
      margin-bottom:20px;
    }

    .content h1 span{
      color:#f4b400;
    }

    .content p{
      color:#555;
      font-size:18px;
      line-height:1.8;
      margin-bottom:35px;
    }

    .stats{
      display:flex;
      gap:20px;
      flex-wrap:wrap;
      margin-bottom:30px;
    }

    .stat-box{
      background:#fff;
      border-radius:20px;
      padding:25px;
      flex:1;
      min-width:220px;
      box-shadow:0 5px 20px rgba(0,0,0,0.08);
      transition:0.3s;
    }

    .stat-box:hover{
      transform:translateY(-5px);
    }

    .stat-box h2{
      font-size:42px;
      color:#082b63;
      margin-top:10px;
    }

    .stat-box p{
      margin:0;
      font-size:15px;
      line-height:1.5;
    }

    .stores{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:20px;
    }

    .store{
      position:relative;
      overflow:hidden;
      border-radius:20px;
    }

    .store img{
      width:100%;
      height:240px;
      object-fit:cover;
      display:block;
      transition:0.4s;
    }

    .store:hover img{
      transform:scale(1.08);
    }

    .store-tag{
      position:absolute;
      bottom:15px;
      left:15px;
      background:#f4b400;
      color:#111;
      padding:10px 18px;
      border-radius:10px;
      font-weight:600;
      font-size:14px;
    }

    /* BOTTOM BAR */
    .bottom-bar{
      background:#082b63;
      color:#fff;
      padding:22px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
    }

    .bottom-item{
      text-align:center;
      font-size:14px;
      line-height:1.6;
    }

    .bottom-item i{
      font-size:28px;
      color:#f4b400;
      margin-bottom:10px;
      display:block;
    }

    /* MOBILE */
    @media(max-width:992px){

      .main-wrapper{
        padding:30px 20px;
      }

      .content h1{
        font-size:38px;
      }

      .stores{
        grid-template-columns:1fr;
      }
    }

    @media(max-width:768px){

      .mobile-wrapper{
        flex-direction:column;
        align-items:center;
      }

      .phone{
        width:100%;
        max-width:320px;
      }

      .content{
        text-align:center;
      }

      .content h1{
        font-size:32px;
      }

      .content p{
        font-size:16px;
      }

      .stats{
        flex-direction:column;
      }

      .bottom-bar{
        grid-template-columns:1fr 1fr;
      }
    }

    @media(max-width:500px){

      .bottom-bar{
        grid-template-columns:1fr;
      }

      .content h1{
        font-size:28px;
      }
    }