.cafe {
      /* margin-top: 45px; */
  }

  @media (max-width: 991px) {
      .cafe {
          margin-top: 0px;
      }
  }

  .div {
      background-color: #fff;
      display: flex;
      padding-bottom: 0px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div {
          max-width: 100%;
      }
  }

  .div-2 {
      display: flex;
      margin-bottom: 27px;
      flex-direction: column;
      align-self: stretch;
  }

  @media (max-width: 991px) {
      .div-2 {
          max-width: 100%;
      }
  }

  .div-3 {
      justify-content: center;
      align-items: flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
      display: flex;
      flex-direction: column;
      align-self: stretch;
  }

  @media (max-width: 991px) {
      .div-3 {
          max-width: 100%;
      }
  }

  .div-4 {
      background-color: rgba(208, 158, 88, 0.5);
      display: flex;
      max-width: 100%;
      width: 1900px;
      min-height: 10px;
      flex-direction: column;
      align-self: center;
  }

  @media (max-width: 991px) {
      .div-4 {
          max-width: 100%;
      }
  }

  .div-5 {
      max-width: 100%;
      width: 1277px;
      margin-top: 30px;
      margin-left: 11px;
      align-self: center;
  }

  @media (max-width: 991px) {
      .div-5 {
          max-width: 100%;
      }
  }

  .div-6 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-6 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }
  }

  .column {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 37%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column {
          width: 100%;
      }
  }

  .div-7 {
      display: flex;
      margin-top: 5px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-7 {
          max-width: 100%;
          margin-top: 42px;
      }
  }

  .div-8 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 13px;
      align-self: start;
  }

  .a {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 110px;
      align-self: end;
  }

  .column-2 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 27%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-2 {
          width: 100%;
      }
  }

  .div-9 {
      display: flex;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-9 {
          margin-top: 37px;
      }
  }

  .img {
      aspect-ratio: 2.27;
      object-fit: contain;
      object-position: center;
      width: 175px;
      max-width: 100%;
      align-self: start;
  }

  .div-10 {
      display: flex;
      max-width: 100%;
      width: 319px;
      margin-top: 30px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      justify-content: space-between;
      gap: 20px;
  }

  .a-2 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 14px;
      min-width: 82px;
      margin-top: 18px;
      align-self: start;
  }

  .div-11 {
      display: flex;
      min-width: 149px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      gap: 0px;
  }

  @media (max-width: 991px) {
      .div-11 {
          justify-content: center;
      }
  }

  .a-3 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 14px;
      z-index: 1;
      margin-top: 18px;
      align-self: start;
  }

  .a-4 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 11px;
      align-self: start;
      justify-content: center;
      align-items: center;
      border-radius: 20px;
      background-color: #bbe981;
      padding-top: 6px;
      padding-right: 10px;
      padding-bottom: 8px;
      padding-left: 10px;
  }

  .a-5 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 19px;
      align-self: start;
  }

  .column-3 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 36%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-3 {
          width: 100%;
      }
  }

  .div-12 {
      display: flex;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-12 {
          max-width: 100%;
          margin-top: 37px;
      }
  }

  .div-13 {
      display: flex;
      max-width: 100%;
      width: 433px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-13 {
          max-width: 100%;
          flex-wrap: wrap;
          justify-content: center;
      }
  }

  .div-14 {
      border: 0.891px solid rgba(142, 142, 142, 0.3);
      background-color: var(--Gray-Light, #f4f5f8);
      display: flex;
      max-width: 100%;
      width: 195px;
      padding-top: 10px;
      padding-right: 20px;
      padding-bottom: 10px;
      padding-left: 10px;
      flex-direction: row;
      align-items: flex-start;
      align-self: center;
      justify-content: space-between;
      gap: 20px;
  }

  .a-6 {
      color: var(--8E8E8E, #8e8e8e);

      font-weight: 400;
      font-size: 8px;
      min-width: 48px;
      margin-top: 1px;
      align-self: center;
  }

  .img-2 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 100%;
      min-width: 12px;
      align-self: center;
  }

  .img-3 {
      aspect-ratio: 2.5;
      object-fit: contain;
      object-position: center;
      width: 100%;
      align-self: stretch;
  }

  .img-4 {
      aspect-ratio: 4.83;
      object-fit: contain;
      object-position: center;
      width: 100%;
      margin-top: -1px;
      align-self: center;
  }

  .a-7 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 93px;
      margin-left: 22px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .a-7 {
          margin-left: 10px;
      }
  }

  .div-15 {
      display: flex;
      max-width: 100%;
      width: 1290px;
      margin-top: 50px;
      margin-left: 6px;
      flex-direction: column;
      align-self: center;
      margin-bottom: 20px;
  }
  
  .div-15.no-image .img-9 {
      display: block !important;
  }

  .div-15.no-image+.div-19 {
      margin-top: 8px !important;
  }
  
  .div-15.no-image+.div-19 .div-22 {
      display: none !important;      
  }
  
  .div-15.no-image+.div-19 .div-28 {
      margin: 10px auto 10px !important;      
  }

  @media (max-width: 991px) {
      .div-15 {
          max-width: 100%;
          margin-top: 10px;
          margin-left: 0px;
      }
  }

  .img-5 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 24px;
      max-width: 100%;
      margin-left: 55px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .img-5 {
          margin-left: 10px;
      }
  }

  .div-16 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      z-index: 1;
      margin-top: 27px;
      margin-left: 1px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-16 {
          margin-left: 15px;
          margin-top: 0px;
      }
  }

  .a-8 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 29px;
      align-self: start;
      background-color: #fff;
      max-width: 100%;
      width: 1278px;
      /* margin-left: 1px; */
      padding-top: 22px;
      /* padding-right: 20px; */
      /* padding-bottom: 42px; */
      /* padding-left: 1px; */

  }

  @media (max-width: 991px) {
      .a-8 {
          max-width: 100%;
          margin-left: 1px;
          margin-top: 0px;
          margin-bottom: 0px;
          padding: 15px 0px 0px 1px;
      }

  }

  .div-17 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 19px;
      margin-top: 6px;
      margin-left: -6px;
      align-self: center;
  }

  @media (max-width: 991px) {
      .div-17 {
          margin: 0px;
      }

  }

  .div-18 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 29px;
      margin-top: 19px;
      margin-left: -10px;
      align-self: center;
  }

  .div-19 {
      max-width: 100%;
      width: 1277px;
      margin-top: 21px;
      margin-left: 1px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-19 {
          max-width: 100%;
          margin-left: 0px;
          margin-top: 0px;
      }
  }

  .div-20 {
      gap: 20px;
      display: flex;
  }

  /*
  @media (max-width: 991px) {
    .div-20 {
      flex-direction: column;
      align-items: stretch;
      gap: 0px;
    }
  } */

  .column-4 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin-left: 0px;
  }

  /* @media (max-width: 991px) {
    .column-4 {
      width: 100%;
    }
  } */

  .div-21 {
      display: flex;
      min-height: 371px;
      padding-top: 13px;
      padding-right: 17px;
      padding-bottom: 13px;
      /* padding-left: 17px; */
      flex-direction: column;
  }

  /* @media (max-width: 991px) {
    .div-21 {
      max-width: 100%;
      min-height: 357px;
      margin-top: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
    }
  } */

  .div-22 {
      display: flex;
      flex-direction: column;
      min-height: 415px;
      padding-right: 17px;
      padding-bottom: 13px;
      /* padding-left: 17px; */
      position: relative;
      justify-content: center !important;
      align-items: center !important;
  }

  /* .hover-effect_btn {
    transition: transform 0.3s, color 0.3s;
  } */

  /* .hover-effect_btn:hover {
    transform: scale(1.1);
  } */

  @media (max-width: 991px) {
      /* .hover-effect_btn:hover {
      transform: none;
    } */
  }

  .hover-btn:hover {
      transform: scale(1.1);
      background-color: rgb(223 176 112) !important;
  }

  /* @media (max-width: 991px) {
    .div-22 {
      max-width: 100%;
      min-height: 357px;
      margin-top: 31px;
      margin-left: -20px;
    }
  } */

  .img-6 {
      height: auto !important;
      width: 50% !important;
      border-radius: 28px;
      display: block;
      margin: 0 auto;
  }

  @media (max-width: 991px) {
      .img-6 {
          width: 100% !important;
          height: 196px !important;
      }
  }

  .div-23 {
      position: relative;
      border: 3px solid rgba(255, 255, 255, 0.6);
      display: flex;
      min-height: 333px;
      flex-direction: column;
      align-self: stretch;
      margin-left: 10px;
      margin-top: 10px;
      margin-bottom: 0px;
      margin-right: -25px
  }

  @media (max-width: 991px) {
      .div-23 {
          max-width: 100%;
      }
  }

  .column-5 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin-left: 20px;
  }

  /* @media (max-width: 991px) {
    .column-5 {
      width: 100%;
    }
  } */

  .div-24 {
      display: flex;
      min-height: 415px;
      padding-top: 13px;
      padding-right: 17px;
      padding-bottom: 13px;
      padding-left: 17px;
      flex-direction: column;
  }

  /* @media (max-width: 991px) {
    .div-24 {
      max-width: 100%;
      min-height: 357px;
      margin-top: 31px;
    }
  } */

  .div-25 {
      disply: flex;
      flex-direction: column;
      display: flex;
      min-height: 371px;
      padding-top: 13px;
      padding-right: 17px;
      padding-bottom: 13px;
      padding-left: 17px;
      position: relative;
  }

  /* @media (max-width: 991px) {
    .div-25 {
      max-width: 100%;
      min-height: 357px;
      margin-top: 31px;
      margin-left: -39px;
    }
  } */

  .img-7 {
      position: absolute;
      height: 100%;
      width: 100%;
      object-fit: contain;
      object-position: center;
  }

  .div-26 {
      position: relative;
      border: 3px solid rgba(255, 255, 255, 0.6);
      display: flex;
      min-height: 345px;
      flex-direction: column;
      align-self: stretch;
      margin-left: 33px;
  }

  @media (max-width: 991px) {
      .div-26 {
          max-width: 100%;
      }
  }

  .div-27 {
      display: flex;
      max-width: 100%;
      width: 1213px;
      margin-top: 25px;
      margin-left: -13px;
      flex-direction: row;
      align-items: flex-start;
      align-self: center;
      justify-content: space-between;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-27 {
          max-width: 100%;
          flex-wrap: wrap;
      }
  }

  .div-28 {
      color: #000;
      text-align: center !important;
      font-weight: 500;
      text-transform: capitalize;
      font-size: 17px;
      margin: 20px auto 55px;
      line-height: 1.3 !important;
  }

  @media (max-width: 991px) {
      .div-28 {
          text-align: center !important;
      }
  }

  .div-29 {
      color: #000;
      text-align: center;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 13px;
      min-width: 300px;
      flex-grow: 1;
      flex-basis: auto;
      align-self: start;
      /* margin-left:1px; */
      margin-left: 45px;
  }

  /* @media (max-width: 991px) {
    .div-29 {
      max-width: 100%;
      margin-left: 9px;
    }
  } */
  @media (max-width: 991px) {
      .div-20 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }

      .column-4,
      .column-5 {
          width: 100%;
          margin-left: 0;
          margin-top: 20px;
      }

      .div-21,
      .div-24 {
          min-height: auto;
          padding: 0 15px;
      }

      .div-22,
      .div-25 {
          margin-left: 0;
          padding: 0px;
          min-height: 245px;

      }

      .div-28,
      .div-29 {
          margin-left: 0;
          margin-top: 0px;
          text-align: start;
          padding: 0px 15px;
          text-align: center !important;
      }
  }

  .div-30 {
      margin-top: 105px;
      align-self: stretch;
  }

  @media (max-width: 991px) {
      .div-30 {
          margin-top: 0px;
          max-width: 100%;
      }
  }

  .div-31 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-31 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px
      }
  }

  .column-6 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 45%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-6 {
          width: 100%;
      }
  }

  .div-32 {
      display: flex;
      margin-top: 6px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-32 {
          max-width: 100%;
          margin-top: 50px;
      }
  }

  .div-33 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 19px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-33 {
          padding: 0 10px;
      }
  }

  .div-34 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 29px;
      margin-top: 19px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-34 {
          font-size: 23px;
          margin-top: 8px;
          padding: 0 15px;
      }
  }

  .div-35 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 13px;
      margin-top: 35px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-35 {
          max-width: 100%;
          margin-top: 7px;
          padding: 0 15px;
      }
  }

  .div-36 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 13px;
      margin-top: 19px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-36 {
          padding: 0 15px;
          max-width: 100%;
      }
  }

  .div-37 {
      background-color: var(--Primary-Color, #d09e58);
      display: flex;
      max-width: 100%;
      width: 149px;
      margin-top: 41px;
      padding-top: 16px;
      padding-right: 20px;
      padding-bottom: 9px;
      padding-left: 37px;
      flex-direction: column;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-37 {
          margin-left: 15px;
      }
  }

  .a-9 {
      color: var(--Gray-Light, #f4f5f8);

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: -1px;
      margin-left: -2px;
      align-self: center;
  }

  .column-7 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-7 {
          width: 100%;
          padding: 0px 15px;
          margin-left: 0px;
      }
  }

  .img-8 {
      aspect-ratio: 1.21;
      object-fit: contain;
      object-position: center;
      width: 100%;
  }

  @media (max-width: 991px) {
      .img-8 {
          max-width: 100%;
          margin-top: 10px;
          /* margin-left: -23px;  */
      }
  }

  @media (min-width: 992px) {
      .width-991-max {
          display: none;
      }
  }

  @media (max-width: 991px) {
      .width-991-min {
          display: none;
      }
  }

  .a-10 {
      color: #000;

      font-weight: 500;
      text-transform: capitalize;
      font-size: 29px;
      margin-left: -7px;
      align-self: center;
      display: flex;
      justify-content: center;
  }

  @media (max-width: 991px) {
      .a-10 {

          margin-top: 30px;
      }
  }

  .img-9 {
      aspect-ratio: 8.72;
      object-fit: contain;
      object-position: center;
      width: 157px;
      max-width: 100%;
      margin-top: 10px;
      margin-left: -5px;
      align-self: center;
  }

  .div-38 {
      color: #000;
      text-align: center;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 13px;
      margin-top: 18px;
      margin-left: -4px;
      align-self: center;
  }

  @media (max-width: 991px) {
      .div-38 {
          max-width: 100%;
          padding: 0 15px;
          text-align: start;
      }
  }

  .div-39 {
      display: flex;
      max-width: 100%;
      width: 1290px;
      margin-top: 39px;
      flex-direction: column;
      align-self: center;
  }


  @media (max-width: 991px) {
      .div-39 {
          max-width: 100%;
      }
  }

  .div-40 {
      max-width: 100%;
      width: 1590px;
      align-self: end;
  }

  @media (max-width: 991px) {
      .div-40 {
          max-width: 100%;
      }
  }

  .div-41 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-41 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }
  }

  .column-8 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 14%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-8 {
          width: 100%;
      }
  }

  .a-11 {
      color: #fff;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 16px;
      margin-top: 151px;
  }

  @media (max-width: 991px) {
      .a-11 {
          margin-top: 50px;
      }
  }

  .column-9 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 100%;
      /* margin-left: 20px; */
      padding: 0px 10px;

  }

  @media (max-width: 991px) {
      .column-9 {
          width: 100%;
          padding: 0px 15px;

      }
  }

  .div-42 {}

  @media (max-width: 991px) {
      .div-42 {
          max-width: 100%;
          margin-top: 0px;
      }
  }

  .div-43 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-43 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }
  }

  .column-10 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-10 {
          width: 100%;
      }
  }

  .img-10 {
      /* aspect-ratio: 0.74; */
      object-fit: contain;
      object-position: center;
      width: 100%;
      /* margin-left: -71px; */
      border-radius: 28px;
  }

  @media (max-width: 991px) {
      .img-10 {
          max-width: 100%;
          margin-top: 0px;
          margin-left: 0px;
          border-radius: 28px;
      }
  }

  .column-11 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 50%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-11 {
          width: 100%;
          margin-left: 0px;
      }
  }

  .img-11 {
      /* aspect-ratio: 0.74; */
      object-fit: contain;
      object-position: center;
      width: 100%;
      /* margin-left: -71px; */
      border-radius: 28px;
  }

  @media (max-width: 991px) {
      .img-11 {
          max-width: 100%;
          margin-top: 31px;
          margin-left: 0px;
          border-radius: 28px;
      }
  }

  .div-44 {
      max-width: 100%;
      width: 1278px;
      margin-top: 100px;
      margin-right: 1px;
      align-self: end;
  }

  @media (max-width: 991px) {
      .div-44 {
          max-width: 100%;
          margin-right: 0px;
          align-self: center;
      }
  }

  .div-45 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-45 {
          flex-direction: column;
          align-items: stretch;
          gap: 20px;
      }
  }

  .column-12 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 33%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-12 {
          width: 100%;
          padding: 0px 15px;
          margin-left: 0px;
      }
  }

  .img-12 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 100%;
      margin-left: -21px;
  }

  @media (max-width: 991px) {
      .img-12 {
          margin-top: 0px;
          margin-left: 0px;
      }
  }

  .column-13 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 67%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-13 {
          width: 100%;
          margin-left: 0px;
          padding: 0px 15px;
      }
  }

  .img-13 {
      aspect-ratio: 2.07;
      object-fit: contain;
      object-position: center;
      width: 100%;
      margin-left: -21px;
      height: 419px;
  }

  @media (max-width: 991px) {
      .img-13 {
          max-width: 100%;
          margin-top: 0px;
          margin-left: 0px;
          height: auto;
      }
  }

  .div-46 {
      max-width: 100%;
      width: 1278px;
      margin-top: 28px;
      /* margin-right: 1px;
    align-self: end; */
      margin-right: -100px;
      align-self: center;
  }

  @media (max-width: 991px) {
      .div-46 {
          max-width: 100%;
          margin-right: 0px;
          margin-top: 0px;
          align-self: center;
      }
  }

  .div-47 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-47 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }
  }

  .column-14 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 33%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-14 {
          width: 100%;
      }
  }

  .div-48 {
      display: flex;
      min-height: 406px;
      padding-top: 40px;
      padding-right: 20px;
      padding-bottom: 40px;
      padding-left: 20px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-48 {
          /* min-height: 278px; */
          margin-top: 0px;
          padding: 15px 15px 0px 15px;
          min-height: auto;
      }
  }

  .div-49 {
      display: flex;
      flex-direction: column;
      display: flex;
      min-height: 406px;
      padding-top: 40px;
      padding-right: 20px;
      padding-bottom: 40px;
      padding-left: 20px;
      position: relative;
  }

  @media (max-width: 991px) {
      .div-49 {
          margin-top: 0px;
          padding: 0px;
          min-height: 360px;
      }
  }

  .img-14 {
      position: absolute;
      height: 100%;
      width: 120%;
      object-fit: contain;
      object-position: center;
      margin-left: -74px;
      margin-top: -79px;
  }

  @media (max-width: 991px) {
      .img-14 {
          max-width: 100%;
          margin: 0;
          object-position: left;
      }
  }

  .img-15 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 24px;
      position: relative;
      max-width: 100%;
      margin-top: 64px;
      margin-left: 83px;
      margin-bottom: 238px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .img-15 {
          margin-left: 10px;
      }
  }

  .column-15 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 33%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-15 {
          width: 100%;
          padding: 15px;
          margin: 0px;
      }
  }

  .img-16 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 90.5%;
      margin-top: 2px;
      margin-left: -12px;

  }

  @media (max-width: 991px) {
      .img-16 {
          margin-left: 0px;
          width: 100%;
          margin-top: 0px;
      }
  }

  .column-16 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 33%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-16 {
          width: 100%;
          padding: 0 15px;
          margin-left: 0px;
      }
  }

  .img-17 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 108%;
      margin-left: -51px;
      margin-top: 3px;
      padding-bottom: 25px;
  }

  @media (max-width: 991px) {
      .img-17 {
          margin-top: 0px;
          margin-left: 0px;
          padding: 0px;
      }
  }

  .div-50 {
      max-width: 100%;
      width: 1278px;
      margin-top: 27px;
      /* margin-right: 1px; */
      /* align-self: end; */
      align-self: center;
      margin-right: -80px;
  }

  @media (max-width: 991px) {
      .div-50 {
          max-width: 100%;
          margin-right: 0px;
          margin-top: 0px;
          align-self: center;
      }
  }

  .div-51 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-51 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }
  }

  .column-17 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 67%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-17 {
          width: 100%;
          margin-left: 0px;
          padding: 20px 15px;
      }
  }

  .img-18 {
      aspect-ratio: 2.07;
      object-fit: contain;
      object-position: center;
      width: 98%;
      margin-left: -21px;
      margin-top: -60px;
  }

  @media (max-width: 991px) {
      .img-18 {
          max-width: 100%;
          margin-top: 0px;
          margin-left: 0px;
          width: 100%;
      }
  }

  .column-18 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 33%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-18 {
          width: 100%;
          margin-left: 0px;
          padding: 0 15px;
      }
  }

  .img-19 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 100%;
      margin-top: -58px;
      margin-left: -43px;
      padding-bottom: 19px;
  }

  @media (max-width: 991px) {
      .img-19 {
          margin-top: 0px;
          margin-left: 0px;
          padding: 0px;

      }
  }

  .div-52 {
      display: flex;
      margin-top: 79px;
      flex-direction: column;
      align-self: stretch;
  }

  @media (max-width: 991px) {
      .div-52 {
          max-width: 100%;
      }
  }

  .a-12 {
      color: #fff;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 16px;
      align-self: start;
  }

  .div-53 {
      align-items: flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
      display: flex;
      max-width: 100%;
      width: 1900px;
      margin-top: 7px;
      flex-direction: column;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-53 {
          max-width: 100%;
      }
  }

  .div-54 {
      display: flex;
      max-width: 100%;
      width: 1061px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      justify-content: space-between;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-54 {
          max-width: 100%;
          flex-wrap: wrap;
          justify-content: center;
      }
  }

  .div-55 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 19px;
      min-width: 300px;
      margin-top: 7px;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-55 {
          max-width: 100%;
      }
  }

  .img-20 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: auto;
      min-width: 47px;
      align-self: start;
  }

  .img-21 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: auto;
      min-width: 34px;
      align-self: start;
  }

  .div-56 {
      border: 0.993px solid var(--Primary-Color, #d09e58);
      display: flex;
      min-width: 300px;
      min-height: 46px;
      flex-direction: column;
      align-self: start;
  }

  .div-57 {
      display: flex;
      max-width: 100%;
      width: 1263px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      justify-content: space-between;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-57 {
          max-width: 100%;
          flex-wrap: wrap;
      }
  }

  .div-58 {
      background-color: var(--Primary-Color, #d09e58);
      display: flex;
      min-width: 162px;
      padding-top: 18px;
      padding-right: 20px;
      padding-bottom: 18px;
      padding-left: 20px;
      flex-direction: column;
      align-self: start;
  }

  .a-13 {
      color: var(--White, #fff);

      font-weight: 400;
      text-transform: capitalize;
      font-size: 11px;
      margin-left: -1px;
      align-self: center;
  }

  .div-59 {
      display: flex;
      min-width: 300px;
      margin-top: 9px;
      flex-direction: column;
      align-self: start;
  }

  .div-60 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-right: 9px;
      align-self: end;
  }

  @media (max-width: 991px) {
      .div-60 {
          margin-right: 9px;
      }
  }

  .div-61 {
      justify-content: center;
      color: var(--8E8E8E, #8e8e8e);
      text-align: center;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      align-self: start;
  }

  .div-62 {
      justify-content: center;
      color: var(--8E8E8E, #8e8e8e);
      text-align: center;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      /* margin-top: -43px; */
      align-self: end;
  }

  .div-63 {
      display: flex;
      max-width: 100%;
      width: 1546px;
      margin-top: 40px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      justify-content: space-between;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-63 {
          max-width: 100%;
          flex-wrap: wrap;
          justify-content: center;
      }
  }

  .div-64 {
      display: flex;
      min-width: 300px;
      flex-direction: column;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-64 {
          max-width: 100%;
      }
  }

  .div-65 {
      border: 0.993px solid var(--Primary-Color, #d09e58);
      display: flex;
      max-width: 100%;
      width: 283px;
      margin-right: 38px;
      padding-top: 19px;
      padding-right: 20px;
      padding-bottom: 19px;
      padding-left: 20px;
      flex-direction: column;
      align-self: end;
  }

  @media (max-width: 991px) {
      .div-65 {
          margin-right: 10px;
      }
  }

  .a-14 {
      color: var(--Primary-Color, #d09e58);

      font-weight: 400;
      text-transform: capitalize;
      font-size: 11px;
      margin-left: -7px;
      margin-bottom: -1px;
      align-self: center;
  }

  @media (max-width: 991px) {
      .a-14 {
          margin-bottom: 10px;
      }
  }

  .div-66 {
      color: var(--8E8E8E, #8e8e8e);

      font-weight: 400;
      text-transform: capitalize;
      font-size: 11px;
      margin-top: 4px;
      align-self: end;
  }

  @media (max-width: 991px) {
      .div-66 {
          max-width: 100%;
      }
  }

  .div-67 {
      display: flex;
      min-width: 300px;
      flex-direction: column;
      align-self: stretch;
  }

  @media (max-width: 991px) {
      .div-67 {
          max-width: 100%;
      }
  }

  .div-68 {
      border: 0.993px solid var(--Primary-Color, #d09e58);
      display: flex;
      max-width: 100%;
      width: 283px;
      padding-top: 18px;
      padding-right: 20px;
      padding-bottom: 18px;
      padding-left: 20px;
      flex-direction: column;
      align-self: start;
  }

  .a-15 {
      color: var(--Primary-Color, #d09e58);

      font-weight: 400;
      text-transform: capitalize;
      font-size: 11px;
      align-self: center;
  }

  .div-69 {
      display: flex;
      max-width: 100%;
      width: 512px;
      margin-top: 1px;
      flex-direction: row;
      align-items: flex-start;
      align-self: start;
      justify-content: space-between;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-69 {
          max-width: 100%;
          flex-wrap: wrap;
      }
  }

  .div-70 {
      border: 1px solid var(--8E8E8E, #8e8e8e);
      display: flex;
      min-width: 13px;
      min-height: 14px;
      flex-direction: column;
      align-self: start;
  }

  .div-71 {
      justify-content: center;
      color: var(--8E8E8E, #8e8e8e);

      font-weight: 400;
      font-size: 11px;
      min-width: 300px;
      margin-top: 5px;
      flex-grow: 1;
      flex-basis: auto;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-71 {
          max-width: 100%;
      }
  }

  .div-72 {
      color: #000;

      font-weight: 400;
      font-size: 11px;
      min-width: 204px;
      margin-top: 5px;
      align-self: center;
  }

  .img-22 {
      aspect-ratio: 4.53;
      object-fit: contain;
      object-position: center;
      width: auto;
      min-width: 69px;
      margin-top: 6px;
      align-self: center;
  }

  .div-73 {
      background-color: var(--Secondary-Color, #000);
      display: flex;
      max-width: 100%;
      width: 1900px;
      margin-top: 2px;
      padding-top: 40px;
      padding-right: 20px;
      padding-bottom: 40px;
      padding-left: 20px;
      flex-direction: column;
      align-self: start;
  }

  @media (max-width: 991px) {
      .div-73 {
          max-width: 100%;
      }
  }

  .div-74 {
      display: flex;
      max-width: 100%;
      width: 1201px;
      margin-top: 37px;
      margin-left: 4px;
      margin-bottom: 30px;
      flex-direction: row;
      align-items: flex-start;
      align-self: center;
      justify-content: space-between;
      gap: 20px;
  }

  @media (max-width: 991px) {
      .div-74 {
          max-width: 100%;
          flex-wrap: wrap;
          justify-content: center;
      }
  }

  .div-75 {
      display: flex;
      max-width: 100%;
      width: 399px;
      min-width: 300px;
      flex-direction: row;
      align-items: flex-start;
      align-self: stretch;
      justify-content: space-between;
      gap: 20px;
  }

  .div-76 {
      display: flex;
      min-width: 110px;
      margin-top: 2px;
      flex-direction: column;
      align-self: center;
  }

  .img-23 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 28px;
      max-width: 100%;
      align-self: center;
  }

  .div-77 {
      color: #fff;
      text-align: center;

      font-weight: 400;
      font-size: 11px;
      margin-top: 22px;
      align-self: center;
  }

  .div-78 {
      display: flex;
      min-width: 131px;
      flex-direction: column;
      align-self: center;
  }

  .img-24 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 34px;
      max-width: 100%;
      align-self: center;
  }

  .div-79 {
      color: #fff;
      text-align: center;

      font-weight: 400;
      font-size: 11px;
      margin-top: 22px;
      align-self: center;
  }

  .div-80 {
      display: flex;
      min-width: 95px;
      margin-top: 1px;
      flex-direction: column;
      align-self: stretch;
  }

  .img-25 {
      aspect-ratio: 1.04;
      object-fit: contain;
      object-position: center;
      width: 29px;
      max-width: 100%;
      margin-left: -2px;
      align-self: center;
  }

  .div-81 {
      color: #fff;
      text-align: center;

      font-weight: 400;
      font-size: 11px;
      margin-top: 26px;
      align-self: center;
  }

  .div-82 {
      display: flex;
      min-width: 83px;
      margin-top: 1px;
      flex-direction: column;
      align-self: stretch;
  }

  .img-26 {
      aspect-ratio: 1.04;
      object-fit: contain;
      object-position: center;
      width: 27px;
      max-width: 100%;
      margin-left: 3px;
      align-self: center;
  }

  .div-83 {
      color: #fff;
      text-align: center;

      font-weight: 400;
      font-size: 11px;
      margin-top: 28px;
      align-self: center;
  }

  .div-84 {
      display: flex;
      min-width: 77px;
      flex-direction: column;
      align-self: stretch;
  }

  .img-27 {
      aspect-ratio: 1;
      object-fit: contain;
      object-position: center;
      width: 28px;
      max-width: 100%;
      margin-left: -1px;
      align-self: center;
  }

  .div-85 {
      color: #fff;
      text-align: center;

      font-weight: 400;
      font-size: 11px;
      margin-top: 27px;
      align-self: center;
  }

  .div-86 {
      background-color: #fff;
      display: flex;
      padding-top: 40px;
      padding-right: 20px;
      padding-bottom: 40px;
      padding-left: 20px;
      flex-direction: column;
      align-self: stretch;
  }

  @media (max-width: 991px) {
      .div-86 {
          max-width: 100%;
      }
  }

  .div-87 {
      max-width: 100%;
      width: 1253px;
      margin-top: 19px;
      margin-left: -14px;
      margin-bottom: 1px;
      align-self: center;
  }

  @media (max-width: 991px) {
      .div-87 {
          max-width: 100%;
      }
  }

  .div-88 {
      gap: 20px;
      display: flex;
  }

  @media (max-width: 991px) {
      .div-88 {
          flex-direction: column;
          align-items: stretch;
          gap: 0px;
      }
  }

  .column-19 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 28%;
      margin-left: 0px;
  }

  @media (max-width: 991px) {
      .column-19 {
          width: 100%;
      }
  }

  .div-89 {
      display: flex;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-89 {
          margin-top: 50px;
      }
  }

  .img-28 {
      aspect-ratio: 2.32;
      object-fit: contain;
      object-position: center;
      width: 153px;
      max-width: 100%;
      align-self: start;
  }

  .div-90 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 28px;
      align-self: start;
  }

  .column-20 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 13%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-20 {
          width: 100%;
      }
  }

  .div-91 {
      display: flex;
      margin-top: 20px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-91 {
          margin-top: 50px;
      }
  }

  .a-16 {
      color: #000;

      font-weight: 500;
      font-size: 19px;
      align-self: start;
  }

  .div-92 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 55px;
      align-self: start;
  }

  .column-21 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 19%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-21 {
          width: 100%;
      }
  }

  .div-93 {
      display: flex;
      margin-top: 19px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-93 {
          margin-top: 50px;
      }
  }

  .a-17 {
      color: #000;

      font-weight: 500;
      font-size: 19px;
      align-self: start;
  }

  .div-94 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 52px;
      align-self: start;
  }

  .column-22 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 27%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-22 {
          width: 100%;
      }
  }

  .div-95 {
      display: flex;
      margin-top: 19px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-95 {
          margin-top: 50px;
      }
  }

  .div-96 {
      color: #000;

      font-weight: 500;
      font-size: 19px;
      align-self: start;
  }

  .div-97 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 55px;
      align-self: start;
  }

  .column-23 {
      display: flex;
      flex-direction: column;
      line-height: normal;
      width: 14%;
      margin-left: 20px;
  }

  @media (max-width: 991px) {
      .column-23 {
          width: 100%;
      }
  }

  .div-98 {
      display: flex;
      margin-top: 19px;
      flex-direction: column;
  }

  @media (max-width: 991px) {
      .div-98 {
          margin-top: 50px;
      }
  }

  .a-18 {
      color: #000;

      font-weight: 500;
      font-size: 19px;
      align-self: start;
  }

  .div-99 {
      color: #000;

      font-weight: 400;
      text-transform: capitalize;
      font-size: 14px;
      margin-top: 55px;
      align-self: start;
  }

  .grid-container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
      gap: 17px;
      margin-top: 110px;
  }

  .image-container {
      position: relative;
      overflow: hidden;
      border-radius: 5px;
  }

  .image-container img {
      width: 100%;
      height: auto;
      transition: transform 0.3s ease;
  }

  .image-container:hover img {
      transform: scale(1.1);
  }

  @media (max-width: 991px) {}