/* Gaya Dasar Halaman Uji Coba */
  body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #e9e9f0;
    min-height: 100vh;
    box-sizing: border-box;
  }

  .trigger-button-container {
    padding: 40px;
    text-align: center;
  }

  .tombol-pemicu-galeri {
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
    color: white;
    background-color: #007bff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s ease, transform 0.1s ease;
  }

  .tombol-pemicu-galeri:hover {
    background-color: #0056b3;
  }

  .tombol-pemicu-galeri:active {
    transform: scale(0.98);
  }

  /* CSS untuk Galeri Kustom (cg- prefixed) */
  .cg-popup-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(30, 30, 30, 0.92) !important;
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 999999 !important;
    padding: 10px;
    box-sizing: border-box !important;
  }

  .cg-popup-overlay.active {
    display: flex !important;
    opacity: 1 !important;
  }

  .cg-gallery-container {
    background-color: #2d333b;
    width: 100%;
    height: 100%;
    max-width: 1400px;
    max-height: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    border: 1px solid #444c56;
  }

  .cg-top-toolbar {
    background-color: #22272e;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #444c56;
    flex-shrink: 0;
    color: #c9d1d9;
    min-height: 48px;
    box-sizing: border-box;
  }

  .cg-toolbar-group {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .cg-toolbar-button {
    background-color: transparent;
    color: #c9d1d9;
    border: 1px solid #58a6ff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
  }

  .cg-toolbar-button:hover {
    background-color: #388bfd;
    color: #ffffff;
  }

  .cg-toolbar-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #444c56;
    background-color: transparent !important;
    color: #6e7681 !important;
  }

  .cg-toolbar-button .cg-icon {
    width: 16px;
    height: 16px;
  }

  #cgSidebarToggleBtn {
    /* Tombol toggle sidebar */
    display: flex;
    /* Default hidden di desktop, akan tampil di mobile/tablet via media query */
    align-items: center;
  }

  .cg-image-counter {
    font-size: 13px;
    margin: 0 8px;
    min-width: 70px;
    text-align: center;
  }

  .cg-main-content-area {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    /* Untuk positioning sidebar overlay di mobile */
  }

  .cg-thumbnail-sidebar {
    width: 180px;
    /* Lebar default di desktop */
    background-color: #22272e;
    padding: 10px;
    overflow-y: auto;
    flex-shrink: 0;
    border-right: 1px solid #444c56;
    box-sizing: border-box;
    transition: width 0.3s ease, padding 0.3s ease, border 0.3s ease, margin-left 0.3s ease, transform 0.3s ease-in-out;
  }

  .cg-thumbnail-sidebar.hidden {
    /* Untuk desktop hide */
    width: 0;
    padding: 0;
    border-right: none;
    margin-left: 0;
    /* Dulu -10px, coba 0 dulu */
    overflow: hidden;
  }


  .cg-sidebar-thumbnail-item {
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    margin-bottom: 8px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s ease;
    background-color: #0d1117;
  }

  .cg-sidebar-thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .cg-sidebar-thumbnail-item:hover {
    border-color: #58a6ff;
  }

  .cg-sidebar-thumbnail-item.active {
    border-color: #1f6feb;
    box-shadow: 0 0 8px #1f6feb;
  }

  .cg-image-display-area {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0d1117;
    padding: 10px;
    overflow: hidden;
    position: relative;
  }

  .cg-popup-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    transition: transform 0.2s ease-out, opacity 0.3s ease;
  }

  .cg-popup-image.loading {
    opacity: 0.5;
  }

  .cg-close-button-viewer {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(34, 39, 46, 0.8);
    color: #c9d1d9;
    border: 1px solid #444c56;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    z-index: 1010;
    /* Lebih tinggi dari sidebar jika sidebar overlay */
  }

  .cg-close-button-viewer:hover {
    background-color: #c9302c;
    color: white;
  }

  .cg-icon {
    width: 20px;
    height: 20px;
  }

  /* --- Media Queries untuk Tablet --- */
  @media (max-width: 1024px) {
    .cg-gallery-container {
      max-height: calc(100vh - 20px);
    }

    #cgSidebarToggleBtn {
      /* Mulai tampilkan tombol toggle di tablet */
      display: flex;
    }

    .cg-thumbnail-sidebar {
      width: 160px;
      /* Sidebar sedikit lebih kecil */
    }

    .cg-toolbar-button {
      padding: 5px 8px;
      font-size: 12px;
    }

    .cg-toolbar-button .cg-icon {
      width: 14px;
      height: 14px;
    }

    .cg-image-counter {
      font-size: 12px;
      min-width: 60px;
    }
  }

  /* --- Media Queries untuk Mobile --- */
  @media (max-width: 767px) {
    .cg-popup-overlay {
      padding: 5px;
    }

    .cg-gallery-container {
      max-height: calc(100vh - 10px);
      border-radius: 4px;
    }

    .cg-thumbnail-sidebar {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      /* Mengisi tinggi .cg-main-content-area */
      z-index: 50;
      /* Di atas area gambar, di bawah toolbar/tombol close utama */
      transform: translateX(-100%);
      /* Sembunyi di luar layar kiri by default */
      width: 220px;
      /* Lebar saat jadi overlay mobile */
      max-width: 80%;
      /* Maksimal 80% lebar layar */
      /* padding dan border sudah ada, transisi juga */
    }

    .cg-thumbnail-sidebar.visible-mobile {
      /* Class untuk menampilkan sidebar overlay di mobile */
      transform: translateX(0);
    }

    /* Hapus class .hidden jika ada di mobile, karena kita pakai .visible-mobile */
    .cg-thumbnail-sidebar.hidden {
      /* Properti .hidden tidak relevan di mobile jika kita pakai transform */
    }


    .cg-top-toolbar {
      padding: 6px 8px;
      min-height: 44px;
      flex-wrap: wrap;
      justify-content: space-around;
    }

    .cg-toolbar-group {
      gap: 6px;
    }

    .cg-toolbar-button {
      padding: 4px 6px;
      font-size: 11px;
    }

    .cg-toolbar-button .cg-icon {
      width: 14px;
      height: 14px;
    }

    .cg-image-counter {
      font-size: 11px;
      margin: 0 5px;
      min-width: auto;
      flex-shrink: 1;
    }

    .cg-image-display-area {
      padding: 5px;
    }

    .cg-close-button-viewer {
      width: 28px;
      height: 28px;
      font-size: 18px;
      line-height: 26px;
      top: 8px;
      right: 8px;
    }
  }

  @media (max-width: 480px) {
    .cg-top-toolbar {
      justify-content: space-between;
      /* Kembali ke space-between agar lebih rapi */
    }

    .cg-toolbar-group:nth-child(2) {
      /* Grup tengah (navigasi) */
      flex-grow: 1;
      justify-content: center;
    }

    .cg-toolbar-button {
      padding: 4px 5px;
    }

    /* Sembunyikan teks download, hanya ikon */
    #cgDownloadBtn .button-text-label {
      /* Beri class "button-text-label" pada teks di tombol download */
      display: none;
    }

    #cgDownloadBtn .cg-icon {
      /* Pastikan ikon tetap terlihat */
      margin-right: 0;
    }
  }

  .u-section-1 {
    background-repeat: no-repeat, no-repeat;
    /*background-image: linear-gradient(to bottom, rgba(114, 100, 76, 0.45), rgba(114, 100, 76, 0.45)), url('images/cfed56f33b7547fc80098b75dd8d593a_thumbnails_1170x450.jpg');*/
    background-size: cover, cover;
  }

  .u-section-1 .u-sheet-1 {
    min-height: 416px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3.75rem;
    font-family: "Bricolage Grotesque";
    font-weight: 600;
    margin: 270px 625px 60px 0;
  }

  @media (max-width: 1199px) {
    .u-section-1 {
      background-position: 50% 50%;
    }

    .u-section-1 .u-sheet-1 {
      min-height: 343px;
    }

    .u-section-1 .u-text-1 {
      margin-right: 425px;
    }
  }

  @media (max-width: 991px) {
    .u-section-1 .u-sheet-1 {
      min-height: 263px;
    }

    .u-section-1 .u-text-1 {
      margin-right: 205px;
    }
  }

  @media (max-width: 767px) {
    .u-section-1 .u-sheet-1 {
      min-height: 197px;
    }

    .u-section-1 .u-text-1 {
      font-size: 3rem;
      margin-right: 25px;
    }
  }

  @media (max-width: 575px) {
    .u-section-1 .u-sheet-1 {
      min-height: 124px;
    }

    .u-section-1 .u-text-1 {
      font-size: 2.25rem;
      margin-right: 0;
    }
  }

  .u-section-2 .u-sheet-1 {
    min-height: 528px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: 85px;
    margin-bottom: 9px;
  }

  .u-section-2 .u-layout-cell-1 {
    --radius: 8px;
    min-height: 388px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-2 .u-container-layout-1 {
    padding: 0;
  }

  .u-section-2 .u-image-1 {
    height: 174px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .u-section-2 .u-icon-1 {
    width: 32px;
    height: 32px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 5px;
    display: inline-block;
  }

  .u-section-2 .u-icon-2 {
    width: 32px;
    height: 32px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
  }

  .u-section-2 .u-icon-3 {
    width: 32px;
    height: 32px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 5px;
    display: inline-block;
  }

  .u-section-2 .u-icon-4 {
    width: 32px;
    height: 32px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 5px;
    display: inline-block;
  }

  .u-section-2 .u-icon-5 {
    width: 32px;
    height: 32px;
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 0 5px;
    display: inline-block;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 388px;
  }

  .u-section-2 .u-container-layout-2 {
    padding: 0;
  }

  .u-section-2 .u-text-1 {
    font-family: "Bricolage Grotesque";
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-weight: 600;
    margin: 0 20px 0 0;
  }

  .u-section-2 .u-text-2 {
    --animation-custom_in-translate_x: 300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-size: 0.875rem;
    margin: 14px 0 0;
  }

  @media (max-width: 1199px) {
    .u-section-2 .u-sheet-1 {
      min-height: 460px;
    }

    .u-section-2 .u-layout-cell-1 {
      min-height: 320px;
    }

    .u-section-2 .u-image-1 {
      height: 143px;
    }

    .u-section-2 .u-icon-1 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-3 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-4 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-5 {
      margin: 0 5px;
    }

    .u-section-2 .u-layout-cell-2 {
      min-height: 320px;
    }

    .u-section-2 .u-text-1 {
      margin-right: 0;
    }
  }

  @media (max-width: 991px) {
    .u-section-2 .u-sheet-1 {
      min-height: 461px;
    }

    .u-section-2 .u-layout-wrap-1 {
      margin-bottom: 85px;
    }

    .u-section-2 .u-layout-cell-1 {
      min-height: 522px;
    }

    .u-section-2 .u-image-1 {
      height: 110px;
      margin-top: 175px;
    }

    .u-section-2 .u-icon-1 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-3 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-4 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-5 {
      margin: 0 5px;
    }

    .u-section-2 .u-layout-cell-2 {
      min-height: 100px;
    }
  }

  @media (max-width: 767px) {
    .u-section-2 .u-sheet-1 {
      min-height: 763px;
    }

    .u-section-2 .u-layout-wrap-1 {
      margin-top: 60px;
      margin-bottom: -12px;
    }

    .u-section-2 .u-layout-cell-1 {
      min-height: 202px;
    }

    .u-section-2 .u-image-1 {
      height: 141px;
      margin-top: 8px;
    }

    .u-section-2 .u-icon-1 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-3 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-4 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-5 {
      margin: 0 5px;
    }

    .u-section-2 .u-layout-cell-2 {
      min-height: 435px;
    }
  }

  @media (max-width: 575px) {
    .u-section-2 .u-sheet-1 {
      min-height: 719px;
    }

    .u-section-2 .u-layout-wrap-1 {
      margin-bottom: 60px;
    }

    .u-section-2 .u-layout-cell-1 {
      min-height: 181px;
    }

    .u-section-2 .u-image-1 {
      height: 89px;
      margin-top: 0;
    }

    .u-section-2 .u-icon-1 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-3 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-4 {
      margin: 0 5px;
    }

    .u-section-2 .u-icon-5 {
      margin: 0 5px;
    }

    .u-section-2 .u-layout-cell-2 {
      min-height: 100px;
    }
  }

  .u-section-3 {
    background-position: 50% 50%, 50% 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
  }

  .u-section-3 .u-sheet-1 {
    min-height: 335px;
  }

  .u-section-3 .u-text-1 {
    font-size: 1.5rem;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-weight: 600;
    margin: 80px 0 0;
  }

  .u-section-3 .u-btn-1 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.9375rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 20px auto 2px;
    padding: 8px 17px 9px 16px;
  }

  @media (max-width: 1199px) {
    .u-section-3 .u-sheet-1 {
      min-height: 276px;
    }
  }

  @media (max-width: 991px) {
    .u-section-3 .u-sheet-1 {
      min-height: 289px;
    }

    .u-section-3 .u-btn-1 {
      margin-bottom: 80px;
    }
  }

  @media (max-width: 767px) {
    .u-section-3 .u-sheet-1 {
      min-height: 217px;
    }

    .u-section-3 .u-text-1 {
      font-size: 1.3333333333333333rem;
    }
  }

  @media (max-width: 575px) {
    .u-section-3 .u-sheet-1 {
      min-height: 187px;
    }

    .u-section-3 .u-text-1 {
      margin-top: 85px;
      font-size: 1rem;
    }

    .u-section-3 .u-btn-1 {
      margin-bottom: 85px;
    }
  }

  .u-section-4 .u-sheet-1 {
    min-height: 525px;
  }

  .u-section-4 .u-text-1 {
    font-family: "Bricolage Grotesque";
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-weight: 600;
    font-size: 1.5rem;
    margin: 85px 1015px 0 0;
  }

  .u-section-4 .u-btn-1 {
    --radius: 8px;
    font-size: 0.625rem;
    background-image: none;
    font-weight: 600;
    border-style: solid;
    text-transform: none;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -26px auto 0 1062px;
    padding: 5px 14px;
  }

  .u-section-4 .u-icon-1 {
    font-size: 0.6667em;
  }

  .u-section-4 .u-list-1 {
    margin-bottom: 0;
    margin-top: 32px;
  }

  .u-section-4 .u-repeater-1 {
    grid-auto-columns: calc(33.3333% - 13.3333px);
    grid-template-columns: repeat(3, calc(33.3333% - 13.3333px));
    min-height: 227px;
    --gap: 20px;
  }

  .u-section-4 .u-list-item-1 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-4 .u-container-layout-1 {
    padding: 0;
  }

  .u-section-4 .u-image-1 {
    height: 227px;
    --radius: 8px;
    width: 182px;
    margin: 0 185px 0 0;
  }

  .u-section-4 .u-text-2 {
    font-family: "Bricolage Grotesque";
    font-weight: 600;
    font-size: 1.125rem;
    margin: -208px 0 0 201px;
  }

  .u-section-4 .u-text-3 {
    font-size: 0.875rem;
    margin: 10px 0 0 201px;
  }

  .u-section-4 .u-btn-2 {
    --radius: 8px;
    font-size: 0.9375rem;
    background-image: none;
    font-weight: 600;
    border-style: solid;
    margin: 20px 54px 0 auto;
    padding: 8px 33px;
  }

  .u-section-4 .u-list-item-2 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-4 .u-container-layout-2 {
    padding: 0;
  }

  .u-section-4 .u-image-2 {
    height: 227px;
    --radius: 8px;
    width: 182px;
    margin: 0 185px 0 0;
  }

  .u-section-4 .u-text-4 {
    font-family: "Bricolage Grotesque";
    font-weight: 600;
    font-size: 1.125rem;
    margin: -208px 0 0 201px;
  }

  .u-section-4 .u-text-5 {
    font-size: 0.875rem;
    margin: 10px 0 0 201px;
  }

  .u-section-4 .u-btn-3 {
    --radius: 8px;
    font-size: 0.9375rem;
    background-image: none;
    font-weight: 600;
    border-style: solid;
    margin: 20px 54px 0 auto;
    padding: 8px 33px;
  }

  .u-section-4 .u-list-item-3 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-4 .u-container-layout-3 {
    padding: 0;
  }

  .u-section-4 .u-image-3 {
    height: 227px;
    --radius: 8px;
    width: 182px;
    margin: 0 185px 0 0;
  }

  .u-section-4 .u-text-6 {
    font-family: "Bricolage Grotesque";
    font-weight: 600;
    font-size: 1.125rem;
    margin: -208px 0 0 201px;
  }

  .u-section-4 .u-text-7 {
    font-size: 0.875rem;
    margin: 10px 0 0 201px;
  }

  .u-section-4 .u-btn-4 {
    --radius: 8px;
    font-size: 0.9375rem;
    background-image: none;
    font-weight: 600;
    border-style: solid;
    margin: 20px 54px 0 auto;
    padding: 8px 33px;
  }

  .u-section-4 .u-list-2 {
    width: 501px;
    margin: 32px auto -41px;
  }

  .u-section-4 .u-repeater-2 {
    --gap: 10px;
    grid-auto-columns: calc(10% - 9px);
    grid-template-columns: repeat(10, calc(10% - 9px));
    min-height: 38px;
  }

  .u-section-4 .u-list-item-4 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-4 {
    padding: 10px;
  }

  .u-section-4 .u-text-8 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-5 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-5 {
    padding: 10px;
  }

  .u-section-4 .u-text-9 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-6 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-6 {
    padding: 10px;
  }

  .u-section-4 .u-text-10 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-7 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-7 {
    padding: 10px;
  }

  .u-section-4 .u-text-11 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-8 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-8 {
    padding: 10px;
  }

  .u-section-4 .u-text-12 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-9 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-9 {
    padding: 10px;
  }

  .u-section-4 .u-text-13 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-10 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-10 {
    padding: 10px;
  }

  .u-section-4 .u-text-14 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-11 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-11 {
    padding: 10px;
  }

  .u-section-4 .u-text-15 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-12 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-12 {
    padding: 10px;
  }

  .u-section-4 .u-text-16 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  .u-section-4 .u-list-item-13 {
    --radius: 10px;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 0.3;
  }

  .u-section-4 .u-container-layout-13 {
    padding: 10px;
  }

  .u-section-4 .u-text-17 {
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0 auto;
  }

  @media (max-width: 1199px) {
    .u-section-4 .u-text-1 {
      margin-right: 815px;
    }

    .u-section-4 .u-btn-1 {
      margin-left: 862px;
    }

    .u-section-4 .u-text-2 {
      margin-top: 20px;
      margin-left: 1px;
    }

    .u-section-4 .u-text-3 {
      margin-left: 1px;
    }

    .u-section-4 .u-btn-2 {
      margin-right: 0;
    }

    .u-section-4 .u-text-4 {
      margin-top: 20px;
      margin-left: 1px;
    }

    .u-section-4 .u-text-5 {
      margin-left: 1px;
    }

    .u-section-4 .u-btn-3 {
      margin-right: 0;
    }

    .u-section-4 .u-text-6 {
      margin-top: 20px;
      margin-left: 1px;
    }

    .u-section-4 .u-text-7 {
      margin-left: 1px;
    }

    .u-section-4 .u-btn-4 {
      margin-right: 0;
    }
  }

  @media (max-width: 991px) {
    .u-section-4 .u-sheet-1 {
      /* min-height: 718px; */
    }

    .u-section-4 .u-text-1 {
      margin-right: 595px;
    }

    .u-section-4 .u-btn-1 {
      margin-left: 642px;
    }

    .u-section-4 .u-repeater-1 {
      min-height: 403px;
    }

    .u-section-4 .u-image-1 {
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-text-2 {
      width: auto;
      margin-left: 0;
    }

    .u-section-4 .u-text-3 {
      width: auto;
      margin-left: 0;
    }

    .u-section-4 .u-btn-2 {
      margin-right: auto;
    }

    .u-section-4 .u-image-2 {
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-text-4 {
      width: auto;
      margin-left: 0;
    }

    .u-section-4 .u-text-5 {
      width: auto;
      margin-left: 0;
    }

    .u-section-4 .u-btn-3 {
      margin-right: auto;
    }

    .u-section-4 .u-image-3 {
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-text-6 {
      width: auto;
      margin-left: 0;
    }

    .u-section-4 .u-text-7 {
      width: auto;
      margin-left: 0;
    }

    .u-section-4 .u-btn-4 {
      margin-right: auto;
    }

    .u-section-4 .u-list-2 {
      width: 628px;
      margin-bottom: 40px;
    }

    .u-section-4 .u-repeater-2 {
      min-height: 55px;
    }
  }

  @media (max-width: 767px) {
    .u-section-4 .u-sheet-1 {
      /* min-height: 1125px; */
    }

    .u-section-4 .u-text-1 {
      margin-right: 415px;
    }

    .u-section-4 .u-btn-1 {
      margin-left: 462px;
    }

    .u-section-4 .u-repeater-1 {
      grid-auto-columns: calc(50% - 9.999975px);
      grid-template-columns: repeat(2, calc(50% - 9.999975px));
      min-height: 430px;
    }

    .u-section-4 .u-list-2 {
      width: 501px;
      margin-bottom: 85px;
    }

    .u-section-4 .u-repeater-2 {
      min-height: 44px;
    }
  }

  @media (max-width: 575px) {
    .u-section-4 .u-sheet-1 {
      min-height: 1844px;
    }

    .u-section-4 .u-text-1 {
      margin-right: 215px;
    }

    .u-section-4 .u-btn-1 {
      margin-left: 262px;
    }

    .u-section-4 .u-repeater-1 {
      grid-auto-columns: calc(100% - 0px);
      grid-template-columns: 100%;
    }

    .u-section-4 .u-image-1 {
      height: 339px;
      width: 272px;
    }

    .u-section-4 .u-text-2 {
      width: 272px;
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-text-3 {
      width: 272px;
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-image-2 {
      height: 339px;
      width: 272px;
    }

    .u-section-4 .u-text-4 {
      width: 272px;
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-text-5 {
      width: 272px;
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-image-3 {
      height: 339px;
      width: 272px;
    }

    .u-section-4 .u-text-6 {
      width: 272px;
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-text-7 {
      width: 272px;
      margin-left: auto;
      margin-right: auto;
    }

    .u-section-4 .u-list-2 {
      width: 320px;
      margin-bottom: -129px;
    }

    .u-section-4 .u-repeater-2 {
      min-height: 26px;
    }

    .u-section-4 .u-container-layout-4 {
      padding: 0;
    }

    .u-section-4 .u-text-8 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-5 {
      padding: 0;
    }

    .u-section-4 .u-text-9 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-6 {
      padding: 0;
    }

    .u-section-4 .u-text-10 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-7 {
      padding: 0;
    }

    .u-section-4 .u-text-11 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-8 {
      padding: 0;
    }

    .u-section-4 .u-text-12 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-9 {
      padding: 0;
    }

    .u-section-4 .u-text-13 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-10 {
      padding: 0;
    }

    .u-section-4 .u-text-14 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-11 {
      padding: 0;
    }

    .u-section-4 .u-text-15 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-12 {
      padding: 0;
    }

    .u-section-4 .u-text-16 {
      font-size: 0.4375rem;
    }

    .u-section-4 .u-container-layout-13 {
      padding: 0;
    }

    .u-section-4 .u-text-17 {
      font-size: 0.4375rem;
    }
  }



  .u-section-5 .u-text-1 {
    font-family: "Bricolage Grotesque";
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-weight: 600;
    font-size: 1.5rem;
    margin: 85px 953px 0 0;
  }

  .u-section-5 .u-btn-1 {
    --radius: 8px;
    font-size: 0.625rem;
    background-image: none;
    font-weight: 600;
    border-style: solid;
    text-transform: none;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -26px 135px 0 auto;
    padding: 5px 14px;
  }

  .u-section-5 .u-icon-1 {
    font-size: 0.6667em;
  }

  .u-section-5 .u-btn-2 {
    --radius: 8px;
    font-size: 0.625rem;
    background-image: none;
    border-style: solid;
    text-transform: none;
    font-weight: 400;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -26px 0 0 auto;
    padding: 5px 14px;
  }

  .u-section-5 .u-icon-2 {
    font-size: 0.6667em;
  }

  .u-section-5 .u-text-2 {
    font-family: "Bricolage Grotesque";
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-weight: 600;
    font-size: 1.125rem;
    margin: 32px 953px 0 0;
  }

  .u-section-5 .u-line-1 {
    margin-top: 12px;
    margin-bottom: 0;
    transform-origin: left center;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    height: 2px;
  }

  .u-section-5 .u-list-1 {
    margin-bottom: 0;
    margin-top: 12px;
    height: auto;
  }

  .u-section-5 .u-repeater-1 {
    grid-auto-columns: calc(33.3333% - 20px);
    grid-template-columns: repeat(3, calc(33.3333% - 20px));
    /* min-height: 477px; */
    --gap: 30px;
  }

  .u-section-5 .u-list-item-1 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-1 {
    padding: 0;
  }

  .u-section-5 .u-text-3 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-3 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-4 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-5 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-2 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-2 {
    padding: 0;
  }

  .u-section-5 .u-text-4 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-6 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-7 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-8 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-3 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-3 {
    padding: 0;
  }

  .u-section-5 .u-text-5 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-9 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-10 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-11 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-4 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-4 {
    padding: 0;
  }

  .u-section-5 .u-text-6 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-12 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-13 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-14 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-5 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-5 {
    padding: 0;
  }

  .u-section-5 .u-text-7 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-15 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-16 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-17 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-6 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-6 {
    padding: 0;
  }

  .u-section-5 .u-text-8 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-18 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-19 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-20 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-7 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-7 {
    padding: 0;
  }

  .u-section-5 .u-text-9 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-21 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-22 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-23 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-8 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-8 {
    padding: 0;
  }

  .u-section-5 .u-text-10 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-24 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-25 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-26 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-9 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-9 {
    padding: 0;
  }

  .u-section-5 .u-text-11 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-27 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-28 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-29 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-text-12 {
    font-family: "Bricolage Grotesque";
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    font-weight: 600;
    font-size: 1.125rem;
    margin: 32px 953px 0 0;
  }

  .u-section-5 .u-line-2 {
    margin-top: 12px;
    margin-bottom: 0;
    transform-origin: left center;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-list-2 {
    margin-bottom: 60px;
    margin-top: 12px;
    height: auto;
  }

  .u-section-5 .u-repeater-2 {
    grid-auto-columns: calc(33.3333% - 20px);
    grid-template-columns: repeat(3, calc(33.3333% - 20px));
    min-height: 477px;
    --gap: 30px;
  }

  .u-section-5 .u-list-item-10 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-10 {
    padding: 0;
  }

  .u-section-5 .u-text-13 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-30 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-31 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-32 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-11 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-11 {
    padding: 0;
  }

  .u-section-5 .u-text-14 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-33 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-34 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-35 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-12 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-12 {
    padding: 0;
  }

  .u-section-5 .u-text-15 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-36 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-37 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-38 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-13 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-13 {
    padding: 0;
  }

  .u-section-5 .u-text-16 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-39 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-40 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-41 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-14 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-14 {
    padding: 0;
  }

  .u-section-5 .u-text-17 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-42 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-43 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-44 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-15 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-15 {
    padding: 0;
  }

  .u-section-5 .u-text-18 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-45 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-46 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-47 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-16 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-16 {
    padding: 0;
  }

  .u-section-5 .u-text-19 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-48 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-49 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-50 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-17 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-17 {
    padding: 0;
  }

  .u-section-5 .u-text-20 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-51 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-52 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-53 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-list-item-18 {
    --radius: 8px;
    --animation-custom_in-translate_x: -300px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-5 .u-container-layout-18 {
    padding: 0;
  }

  .u-section-5 .u-text-21 {
    font-size: 0.875rem;
    margin: 0;
  }

  .u-section-5 .u-btn-54 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: 14px auto 0 0;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-55 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px auto 0 84px;
    padding: 8px 17px 9px 16px;
  }

  .u-section-5 .u-btn-56 {
    --radius: 4px;
    background-image: none;
    border-style: solid;
    font-size: 0.75rem;
    letter-spacing: 0px;
    --animation-custom_in-translate_x: -200px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
    margin: -36px 66px 0 auto;
    padding: 8px 17px 9px 16px;
  }

  @media (max-width: 1199px) {
    .u-section-5 .u-text-1 {
      margin-right: 753px;
    }

    .u-section-5 .u-btn-1 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-2 {
      margin-top: 20px;
    }

    .u-section-5 .u-text-2 {
      margin-right: 753px;
    }

    .u-section-5 .u-btn-4 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-5 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-7 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-8 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-10 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-11 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-13 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-14 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-16 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-17 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-19 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-20 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-22 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-23 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-25 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-26 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-28 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-29 {
      margin-right: 0;
    }

    .u-section-5 .u-text-12 {
      margin-right: 753px;
    }

    .u-section-5 .u-btn-31 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-32 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-34 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-35 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-37 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-38 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-40 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-41 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-43 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-44 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-46 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-47 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-49 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-50 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-52 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-53 {
      margin-right: 0;
    }

    .u-section-5 .u-btn-55 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-56 {
      margin-right: 0;
    }
  }

  @media (max-width: 991px) {
    .u-section-5 .u-sheet-1 {
      /* min-height: 1935px; */
    }

    .u-section-5 .u-text-1 {
      width: auto;
      margin-top: 60px;
      margin-right: 533px;
    }

    .u-section-5 .u-btn-1 {
      margin-right: auto;
      margin-left: 463px;
    }

    .u-section-5 .u-btn-2 {
      margin-top: -26px;
      margin-right: auto;
      margin-left: 599px;
    }

    .u-section-5 .u-text-2 {
      margin-right: 533px;
    }

    .u-section-5 .u-repeater-1 {
      grid-auto-columns: calc(50% - 15px);
      grid-template-columns: repeat(2, calc(50% - 15px));
    }

    .u-section-5 .u-btn-4 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-5 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-7 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-8 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-10 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-11 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-13 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-14 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-16 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-17 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-19 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-20 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-22 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-23 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-25 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-26 {
      margin-right: 51px;
    }

    .u-section-5 .u-btn-28 {
      margin-top: -36px;
      margin-left: 84px;
    }

    .u-section-5 .u-btn-29 {
      margin-right: 51px;
    }

    .u-section-5 .u-text-12 {
      margin-right: 533px;
    }

    .u-section-5 .u-list-2 {
      margin-bottom: -219px;
    }

    .u-section-5 .u-repeater-2 {
      grid-auto-columns: calc(50% - 15px);
      grid-template-columns: repeat(2, calc(50% - 15px));
    }

    .u-section-5 .u-btn-31 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-32 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-34 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-35 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-37 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-38 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-40 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-41 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-43 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-44 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-46 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-47 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-49 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-50 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-52 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-53 {
      margin-right: 45px;
    }

    .u-section-5 .u-btn-55 {
      margin-top: -36px;
      margin-left: 87px;
    }

    .u-section-5 .u-btn-56 {
      margin-right: 45px;
    }
  }

  @media (max-width: 767px) {
    .u-section-5 .u-sheet-1 {
      /* min-height: 2214px; */
    }

    .u-section-5 .u-text-1 {
      margin-right: 353px;
    }

    .u-section-5 .u-btn-1 {
      margin-left: 283px;
    }

    .u-section-5 .u-btn-2 {
      margin-left: 419px;
    }

    .u-section-5 .u-text-2 {
      margin-right: 353px;
    }

    .u-section-5 .u-repeater-1 {
      grid-auto-columns: calc(100% - 0px);
      grid-template-columns: 100%;
    }

    .u-section-5 .u-btn-4 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-5 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-7 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-8 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-10 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-11 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-13 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-14 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-16 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-17 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-19 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-20 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-22 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-23 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-25 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-26 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-28 {
      margin-left: 87px;
    }

    .u-section-5 .u-btn-29 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-text-12 {
      margin-right: 353px;
    }

    .u-section-5 .u-list-2 {
      margin-bottom: 60px;
    }

    .u-section-5 .u-repeater-2 {
      grid-auto-columns: calc(100% - 0px);
      grid-template-columns: 100%;
    }

    .u-section-5 .u-btn-32 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-35 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-38 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-41 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-44 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-47 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-50 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-53 {
      margin-right: auto;
      margin-left: 199px;
    }

    .u-section-5 .u-btn-56 {
      margin-right: auto;
      margin-left: 199px;
    }
  }

  @media (max-width: 575px) {
    .u-section-5 .u-sheet-1 {
      /* min-height: 3357px; */
    }

    .u-section-5 .u-text-1 {
      margin-right: 153px;
    }

    .u-section-5 .u-btn-1 {
      margin-top: 20px;
      margin-left: 0;
    }

    .u-section-5 .u-btn-2 {
      margin-right: 78px;
      margin-left: auto;
    }

    .u-section-5 .u-text-2 {
      margin-top: 52px;
      margin-right: 153px;
    }

    .u-section-5 .u-repeater-1 {
      grid-auto-columns: 100%;
    }

    .u-section-5 .u-btn-4 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-5 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-7 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-8 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-10 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-11 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-13 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-14 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-16 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-17 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-19 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-20 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-22 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-23 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-25 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-26 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-28 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-29 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-text-12 {
      margin-right: 153px;
    }

    .u-section-5 .u-list-2 {
      margin-bottom: -2308px;
    }

    .u-section-5 .u-repeater-2 {
      grid-auto-columns: 100%;
    }

    .u-section-5 .u-btn-31 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-32 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-34 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-35 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-37 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-38 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-40 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-41 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-43 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-44 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-46 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-47 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-49 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-50 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-52 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-53 {
      margin-right: 46px;
      margin-left: auto;
    }

    .u-section-5 .u-btn-55 {
      margin-left: 84px;
    }

    .u-section-5 .u-btn-56 {
      margin-right: 46px;
      margin-left: auto;
    }
  }

  .u-expanded-height.u-palette-3-base.u-shape.u-shape-rectangle.u-shape-1 {
    transition: all 0.3s ease;
  }

  .u-align-center.u-container-align-center.u-container-style.u-custom-item.u-group.u-palette-3-light-3.u-radius.u-shape-round.u-group-1.animated.customAnimationIn-played:hover .u-expanded-height.u-palette-3-base.u-shape.u-shape-rectangle.u-shape-1,
  .u-align-right.u-container-style.u-custom-item.u-group.u-palette-3-light-3.u-radius.u-shape-round.u-group-1.animated.customAnimationIn-played:hover .u-expanded-height.u-palette-3-base.u-shape.u-shape-rectangle.u-shape-1 {
    width: 100%;
    border-radius: inherit;
  }

  .u-clearfix.u-group-elements.u-group-elements-1 {
    transition: all 0.3s ease;
  }

  .u-align-center.u-container-align-center.u-container-style.u-custom-item.u-group.u-palette-3-light-3.u-radius.u-shape-round.u-group-1.animated.customAnimationIn-played:hover .u-clearfix.u-group-elements.u-group-elements-1,
  .u-align-right.u-container-style.u-custom-item.u-group.u-palette-3-light-3.u-radius.u-shape-round.u-group-1.animated.customAnimationIn-played:hover .u-clearfix.u-group-elements.u-group-elements-1 {
    filter: brightness(0) saturate(100%) invert(92%) sepia(26%) saturate(180%) hue-rotate(349deg);
  }

  .brand-promo-section-fix {
    position: relative;
    padding-bottom: 3rem;
    background: #fdf8ee;
    /* Match the main background, remove yellow separator */
  }

  .brand-promo-section-fix .swiper-pagination,
  .brand-promo-section-fix .slick-dots {
    position: static !important;
    margin-top: 1.5rem;
    background: transparent;
  }

  /* Remove white background from pagination container if any */
  .brand-promo-section-fix .slick-dots li,
  .brand-promo-section-fix .swiper-pagination-bullet {
    background-clip: padding-box;
  }

  /* Custom pagination color for promo section */
  .brand-promo-section-fix .swiper-pagination-bullet,
  .brand-promo-section-fix .slick-dots li button {
    background: #f5d07a !important;
    /* light gold for inactive */
    color: #7a5a1e !important;
    opacity: 1;
    border-radius: 8px;
    border: none;
    transition: background 0.2s;
  }

  .brand-promo-section-fix .swiper-pagination-bullet-active,
  .brand-promo-section-fix .slick-dots li.slick-active button {
    background: #eab308 !important;
    /* gold for active */
    color: #fff !important;
  }

  /* Optional: add a little shadow for better contrast */
  .brand-promo-section-fix .swiper-pagination-bullet,
  .brand-promo-section-fix .slick-dots li button {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  }