.gb-section {
      padding: 100px 0;
      background: #fff;
      border-top: 1px solid var(--ml-border);
    }

    .gb-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
      align-items: stretch;
    }

    .gb-slide-container {
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 15px;
      overflow: hidden;
      aspect-ratio: 1 / 1;
    }

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

    .gb-swiper .swiper-slide {
      position: relative;
      height: 100%;
    }

    .gb-swiper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .gb-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
      height: 100%;
    }

    .gb-grid-item {
      position: relative;
      border-radius: 15px;
      overflow: hidden;
      aspect-ratio: 1 / 1;
      background: #f9f9f9;
      height: 100%;
    }

    .gb-grid-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s;
    }

    .gb-grid-item:hover img {
      transform: scale(1.08);
    }

    .gb-banner-desc {
      position: absolute;
      inset: 0;
      padding: 30px;
      display: flex;
      flex-direction: column;
      pointer-events: none;
      z-index: 2;
    }

    .gb-banner-desc.top-10 {
      justify-content: flex-start;
      padding-top: 40px;
    }

    .gb-banner-desc.bottom-20 {
      justify-content: flex-end;
      padding-bottom: 40px;
    }

    .gb-banner-desc.center {
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .gb-text-s3 {
      font-size: 13px;
      font-weight: 500;
      color: #888;
      text-transform: uppercase;
      margin-bottom: 8px;
    }

    .gb-text-s6 {
      font-size: 20px;
      font-weight: 800;
      line-height: 1.3;
      color: #111;
    }

    .gb-text-s8 {
      font-size: 28px;
      font-weight: 900;
      line-height: 1.2;
      color: #111;
    }

    .gb-text-s10 {
      font-size: 36px;
      font-weight: 900;
      line-height: 1.1;
      color: #fff;
    }

    .gb-white {
      color: #fff !important;
    }

    .gb-gray {
      color: #888 !important;
    }

    .gb-btn {
      display: inline-block;
      margin-top: 20px;
      padding: 10px 25px;
      background: #049fd9;
      color: #fff;
      border-radius: 30px;
      font-size: 13px;
      font-weight: 700;
      pointer-events: auto;
    }

    .gb-swiper .swiper-button-next,
    .gb-swiper .swiper-button-prev {
      width: 44px;
      height: 44px;
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(4px);
      border-radius: 50%;
      color: #000;
      opacity: 0;
      transition: 0.3s;
    }

    .gb-swiper:hover .swiper-button-next,
    .gb-swiper:hover .swiper-button-prev {
      opacity: 1;
    }

    .gb-swiper .swiper-button-next::after,
    .gb-swiper .swiper-button-prev::after {
      font-size: 18px;
      font-weight: 900;
    }

    .gb-swiper .swiper-pagination-bullet {
      background: #fff;
      opacity: 0.5;
    }

    .gb-swiper .swiper-pagination-bullet-active {
      background: #fff;
      opacity: 1;
      width: 24px;
      border-radius: 4px;
    }