/* Hero Section */
    .hero-section {
        position: relative;
        width: 100%;
        background: #3e3739;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
      }

      .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      .hero-overlay .hero-video {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      .hero-overlay .hero-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
      }

      .hero-overlay:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          0deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.4) 100%);
        z-index: 1;
      }

      /* Hero Content */
      .hero-content {
        position: relative;
        z-index: 5;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
      }

      .hero-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.2;
        color: #ffffff;
        margin-bottom: 16px;
      }

      .hero-subtitle {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.3;
        color: #ffffff;
      }

      .single-slider {
        position: relative;
        display: flex;
        width: 100%;
        height: 100vh;
        min-height: 100dvh;
      }

      /* Owl Carousel Styles */
      #home-slider {
        width: 100%;
        height: 100%;
      }

      #home-slider .owl-stage-outer,
      #home-slider .owl-stage,
      #home-slider .owl-item {
        height: 100%;
      }
        /* .single-slider::after {
            content: '';
            background-image: url(../images/logo-vector.svg);
            position: absolute;
            top: 0;
            left: 0;
            background-size: contain;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-repeat: no-repeat;
        } */

      #home-slider .owl-item {
        opacity: 0;
        transition: opacity 0.5s ease;
      }

      #home-slider .owl-item.active {
        opacity: 1;
      }

      /* Hero Controls */
      .hero-controls {
        position: absolute;
        bottom:0;
        z-index: 5;
        width: 100%;
        padding: 32px 140px;
        display: flex;
        height:200px;
        justify-content: space-between;
        align-items: center;
        /* background: linear-gradient(to top, #231f20 25%, rgba(35, 31, 32, 0) 100%); */
        background: transparent;
      }
      .hero-controls {
        flex-direction: column;
        height: 100px;
        flex-wrap: wrap;
        padding: unset;
        .hero-nav-buttons {
          /* display:none; */
        }
      }

      .hero-controls::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 457px;
        background: linear-gradient(to bottom, rgba(62, 55, 57, 0) 0%, #3E3739 47%);
        display: none;
      }

      .hero-nav {
        display: flex;
        gap: 24px;
        align-items: center;
        z-index: 1;
      }
      .hero-nav-buttons {
        display: flex;
        gap: 12px;
        align-items: center;
      }

      .hero-btn {
        width: 68px;
        height: 68px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.16);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
      }

      .hero-btn:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.05);
      }

      .progress-holder {
        flex: 1;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        max-width: 680px;
        width: 100%;

      }

      .progress-bar {
        flex: 1;
        height: 4px;
        background: #FFFFFF;
        border-radius: 2px;
        width: 137px;
        overflow: hidden;
      }

      .progress-fill {
        height: 100%;
        width: 30%;
        background: #E6B00F;
        border-radius: 2px;
      }

      /* Company Stats Section */
      .stats-section {
        background: transparent;
        color: #ffffff;
        padding: 60px 16px 20px;
        position: relative;
        z-index: 5;
      }

      .stats-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        color: var(--color-anthracite);
        margin-bottom: 32px;
      }

      .stats-subtitle {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.2;
        text-align: center;
        color: var(--color-anthracite-soft);
      }

      /* Company Showcase */
      .showcase-section {
        position: relative;
        background: transparent;
      }

      .showcase-content {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        gap: 32px;
      }

      .showcase-section .owl-dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0px;
      }
      .company-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        background: rgba(20, 31, 57, 0.3);
      }

      .company-card {
        /* background: linear-gradient(0deg, rgba(35, 31, 32, 0.6) 0%, rgba(35, 31, 32, 0) 100%); */
        padding: 24px;
        height: 656px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
        z-index: 1;
      }

      #showcase-background {
        position: relative;
        overflow: hidden;
      }

      .bg-layer {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0;
        transition: opacity .4s ease-in-out;
        z-index: 0;
      }

      .bg-layer.active {
        opacity: 1;
      }

      .single-company {
        border-top: 1px solid #FFFFFF33;
        display: flex;
        padding: 15px 0;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
      }

      .single-company:last-child {
        border-bottom: 1px solid #FFFFFF33;
      }

      .single-company-name {
        font-size: 14px;
        font-weight: 400;
        color: #F6E9DC;
      }
      .single-company-divider {
        width: 1px;
        height: 30px;
        border: 1px solid #FFFFFF33;
      }

      .companies-list--logo {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 0;
      }

      .showcase-company-logo-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-decoration: none;
      }

      .showcase-company-logo {
        /* max-width: 180px; */
        /* max-height: 150px; */
        width: auto;
        height: auto;
        object-fit: contain;
        filter: brightness(0) invert(1);
      }

      .showcase-company-logo-name {
        font-size: 16px;
        font-weight: 500;
        color: #F6E9DC;
        text-align: left;
        line-height: 1.3;
      }

      .company-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
        img {
          width: 17px;
          height: 17px;
        }
      }
      .arrow-link {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border:1px solid #726c6a;
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
      }

      .company-name {
        font-size: 18px;
        font-weight: 500;
        color: #e8c7a9;
      }
      /* News Section */
      .news-section {
        background-color: #f5f5f5;
      }

      .news-title {
        font-size: 32px;
        font-weight: 800;
        color: var(--color-dark-brown);
        margin-bottom: 48px;
      }
      .news-subtitle {
        color: var(--color-brown);
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
      }

      .news-card {
        background: transparent;
        overflow: hidden;
        min-height: 517px;
        max-height: 517px;
        a {
          display: block;
          position: relative;
        }
      }

      /* .splide__slide:not(.is-active) a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(217, 217, 217, 0.50);
        mix-blend-mode: hue;
        z-index: 1;
      } */

      .news-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
      }

      .splide-nav {
        display:none;
      }
      /* Brands Section */
      .brands-section {
        text-align: center;
        padding-bottom: 80px;
      }

      .brands-title {
        font-size: 32px;
        font-weight: 600;
        color: #3e3739;
        margin-bottom: 16px;
      }

      .brands-description {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.4;
        color: #3e3739;
        margin-bottom: 40px;
        max-width: 1282px;
        margin-left: auto;
        margin-right: auto;
      }

      .brands-stack {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 36px;
      }

      .brands-primary-wrap {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 0;
      }

      .brand-card--primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        max-width: calc(100vw - 32px);
      }

      /* Üst kart sabit ölçü; logo kart içini doldurur (arka plan büyümez) */
      .brand-logo--primary {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        box-sizing: border-box;
      }

      .brands-sub {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
      }

      .brands-sub-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 18px 20px;
        justify-items: stretch;
        align-items: stretch;
        padding: 0 16px;
        width: 100%;
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
      }

      .brands-sub-grid .brand-card-wrap {
        width: 100%;
        max-width: none;
        min-width: 0;
        height: 100%;
        display: flex;
      }

      .brands-sub-carousel .owl-stage {
        display: flex;
        align-items: stretch;
      }

      .brands-sub-carousel .brand-card-wrap {
        height: 100%;
      }

      .brand-card {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        padding: 24px 4px;
        background: #ffffff;
        border: 1px solid rgba(62, 55, 57, 0.08);
        border-radius: 18px;
        box-shadow:
          0 1px 2px rgba(62, 55, 57, 0.05),
          0 6px 20px -6px rgba(62, 55, 57, 0.1);
        text-decoration: none;
        color: inherit;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }

      a.brand-card:hover,
      a.brand-card:focus-visible {
        transform: translateY(-2px);
        box-shadow:
          0 2px 4px rgba(62, 55, 57, 0.08),
          0 12px 28px -8px rgba(62, 55, 57, 0.18);
        text-decoration: none;
        color: inherit;
      }

      .brands-sub a.brand-card-link {
        display: block;
        height: 100%;
        text-decoration: none;
        color: inherit;
      }

      .brand-card.brand-card--primary {
        box-sizing: border-box;
        width: 288px;
        max-width: calc(100vw - 32px);
        height: 168px;
        min-height: 168px;
        max-height: 168px;
        padding: 8px 0px;
        border-radius: 18px;
        border: 1px solid rgba(62, 55, 57, 0.08);
        box-shadow:
          0 1px 2px rgba(62, 55, 57, 0.05),
          0 6px 20px -6px rgba(62, 55, 57, 0.1);
      }

      /* Alt marka kutuları: eşit kutu + ortalanmış logo (Chrome/Safari) */
      .brands-sub .brand-card {
        box-sizing: border-box;
        width: 100%;
        height: 148px;
        min-height: 148px;
        max-height: 148px;
        padding: 22px 16px;
        flex: 1 1 auto;
        align-self: stretch;
      }

      .brands-sub .brand-logo {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 88px;
        max-width: 100%;
        max-height: 88px;
        object-fit: contain;
        object-position: center center;
        margin: 0 auto;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
      }

      .brown-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 10px;
        border: 1px solid #6a4523;
        border-radius: 28px;
        background: transparent;
        color: #9c4c15;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        justify-content: space-between;
        svg {
          color:#6A4523;
        }
      }

      .brown-btn:hover {
        background-color: #6a4523;
        color: #ffffff;
        svg {
          color:#fff;
        }
      }

      .white-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 10px;
        border: 1px solid #fff;
        border-radius: 28px;
        background: transparent;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        justify-content: space-between;
        svg {
          color:#fff;
        }
      }
      .white-btn .arrow-btn {
        background: rgba(152, 162, 177, 0.50);
        backdrop-filter: blur(20px);
      }

      .white-btn:hover {
        background-color: #fff;
        color: #000;
        svg {
          color:#fff;
        }
      }
      /* Sustainability Section */
      .sustainability-section {
        background-position: center;
        background-size: cover;
        color: #ffffff;
        position: relative;
        margin-bottom: 100px;
        &:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: linear-gradient(87deg, rgba(156, 76, 21, 0) 0%, rgba(54, 26, 7, 0.65) 100%);
        }
      }

      .sustainability-title {
        font-size: 40px;
        font-weight: 300;
        line-height: 1.2;
      }
      .sustainability-content {
        z-index: 1;
        position: relative;
      }

      .sustainability-subtitle {
        font-size: 40px;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 32px;
      }

      .sustainability-text {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
        color: #f6e9dc;
        margin-bottom: 48px;
      }

      .sustainability-links {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }

      .sustainability-links .white-btn  {
        max-width: 400px;
      }

      .people-grid {
        width: 100%;
        grid-template-columns: repeat(7, 1fr);
        gap: 24px;
        background: #fff;
      }
      .person {
        background: #FFF;
        aspect-ratio: 3 / 4;
        overflow: hidden;
        width: 355px;
        height: 233px;
      }
      .person.yellowish {
        background: #FFF8F2
      }
      .person.white {
        background: #fff;
      }
      .person.grey {
        background: #F5F5F5;
      }
      .person.brownish {
        background: #F6E9DC;
      }
      .person img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .career-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.2;
        color: #6a4523;
        margin-bottom: 48px;
        text-align: left;
      }

      .career-description {
        font-size: 22px;
        font-weight: 300;
        line-height: 1.6;
        color: #343c47;
        margin-bottom: 32px;
        margin-left: auto;
      }

      /* Ana sayfa career değerleri — masaüstü grid + mobil carousel */
      .career-section {
        background: #fff;
      }

      /* Görünürlük: >=1024 iki satır grid | <1024 carousel */
      .career-values-desktop {
        display: none;
      }
      @media (min-width: 1024px) {
        .career-values-desktop {
          display: block;
        }
      }

      .career-values-carousel-host {
        display: none;
      }
      @media (max-width: 1023.98px) {
        .career-values-carousel-host {
          display: flex;
          flex-direction: column;
          gap: 28px;
        }
      }

      .career-values-wrap {
        position: relative;
      }

      .career-values-clip {
        overflow-x: clip;
        overflow-x: hidden;
        width: 100%;
        padding-right: 0;
      }

      .career-values-row {
        display: grid;
        gap: 24px;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
      }

      /*
       * translateX kullanmıyoruz: transform grid’i sola çizdiği halde yer kaplamayı
       * genişletmediği için sağda boş şerit kalıyordu. Tam genişlik + sağ kenar 0 boşluk.
       */
      .career-values-row--1 {
        grid-template-columns:
          minmax(40px, 0.38fr) minmax(130px, 1.1fr) minmax(110px, 1fr) minmax(110px, 1fr);
      }

      /* İkinci satır ofseti: sadece soldan içerik kaydırma (sağ yine flush) */
      .career-values-row--2 {
        margin-top: 24px;
        padding-left: clamp(24px, 5vw, 72px);
        grid-template-columns:
          minmax(110px, 1fr) minmax(110px, 1fr) minmax(130px, 1.12fr) minmax(110px, 1fr);
      }

      .career-value-card {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 196px;
        padding: 26px 20px;
      }

      .career-value-card__text {
        margin: 0;
        font-size: 26px;
        font-weight: 700;
        line-height: 1.35;
        color: #6b4722;
      }

      .career-value-card--dust {
        background: #eddbd1;
      }

      .career-value-card--mist {
        background: #f0efeb;
      }

      .career-value-card--cream {
        background: #fff1e7;
      }

      .career-value-card--edge {
        min-height: 180px;
      }

      /* Büyük kelimeler kutuda değil, doğrudan bölüm zemini üzerinde */
      .career-value-headline {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        min-height: 0;
        padding: 12px 16px;
      }

      .career-value-headline__text {
        font-size: clamp(46px, 5vw, 76px);
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.02em;
        color: #e49e31;
      }

      .career-value-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 248px;
        padding: 36px 24px;
      }

      .career-value-slide .career-value-card__text {
        font-size: 27px;
      }

      /* İkinci carousel: değer metinleri (renk masaüstü kartlarla aynı #6b4722) */
      .career-values-cards-carousel .career-value-card__text {
        color: #6b4722;
      }

      .career-value-slide--headline {
        background: transparent;
      }

      .career-value-slide--cream {
        background: #fff1e7;
      }

      .career-value-slide--mist {
        background: #f0efeb;
      }

      /* <1024: Özaklı / Olmak yan yana (carousel yok) */
      .career-values-headlines-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        gap: clamp(10px, 3vw, 36px);
        width: 100%;
        padding: 12px 0 20px;
        box-sizing: border-box;
      }

      .career-values-headlines-row__cell {
        flex: 0 1 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 0;
        text-align: center;
      }

      .career-value-headline__text--inline {
        font-size: clamp(28px, 7.5vw, 52px);
        line-height: 1.05;
      }

      .career-values-cards-carousel .owl-dots {
        margin-top: 12px !important;
      }

      .career-values-cards-carousel .owl-dot span {
        background: #e49e31 !important;
        opacity: 0.35;
      }

      .career-values-cards-carousel .owl-dot.active span {
        opacity: 1;
      }

      /* ÖzakKSEV CTA (ana sayfa: kariyer — öne çıkanlar arası) */
      .ozakksev-cta-section {
        position: relative;
        padding: 125px 0;
        background-color: #231f20;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }

      /* Yarı saydam katman: görünür kalsın, metin okunabilsin */
      .ozakksev-cta-section::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(
          105deg,
          rgba(35, 31, 32, 0.78) 0%,
          rgba(35, 31, 32, 0.42) 48%,
          rgba(35, 31, 32, 0.22) 100%
        );
        z-index: 0;
        pointer-events: none;
      }

      .ozakksev-cta-section .container {
        position: relative;
        z-index: 1;
      }

      .ozakksev-cta-content {
        position: relative;
        z-index: 1;
      }

      /* sustainability-content ile aynı tipografi (sustainability-title + sustainability-text) */
      .ozakksev-cta-title {
        font-size: 40px;
        font-weight: 300;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 32px;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
      }

      .ozakksev-cta-text {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
        color: #fff;
        margin-bottom: 48px;
        max-width: 520px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
      }

      .ozakksev-cta-section .grey-btn {
        border-color: #fff;
        color: #fff;
      }

      .ozakksev-cta-section .grey-btn:hover {
        background-color: #fff;
        color: #231f20;
      }

      @media (max-width: 991.98px) {
        .ozakksev-cta-btn--mobile {
          margin-top: 2.5rem;
        }
      }

      @media (max-width: 767px) {
        .ozakksev-cta-section {
          padding: 48px 0;
        }

      }

      #splide01 {
        overflow: hidden;
      }

      /* Responsive media queries */
      @media (min-width: 640px) {
        .company-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .hero-title {
          font-size: 42px;
        }

        .hero-subtitle {
          font-size: 42px;
        }

        .stats-title {
          font-size: 28px;
        }

        .stats-subtitle {
          font-size: 28px;
        }

        .news-title {
          font-size: 36px;
        }

        .brands-title {
          font-size: 36px;
        }

        .career-title {
          font-size: 36px;
        }

      }
      @media (min-width: 768px) {
        .hero-title {
          font-size: 48px;
        }
        .hero-controls {
          padding: 32px 24px;
          flex-direction: row;
          flex-wrap: nowrap;
          height: 400px;
          .hero-nav-buttons {
            display:flex;
          }
        }

        .hero-subtitle {
          font-size: 48px;
        }

        .hero-content {
          align-items: flex-start;
          padding-left: 0;
        }

        .stats-title {
          font-size: 32px;
        }

        .stats-subtitle {
          font-size: 32px;
        }

        .company-grid {
          grid-template-columns: repeat(3, 1fr);
        }

        .sustainability-content {
          /* padding-left: 56px; */
        }

        .single-slider::after {
          background-size: unset;
        }
        .single-slider {
          height: 100vh;
          min-height: 100dvh;
        }
        .hero-controls > div {
          padding-top: 80px;
        }
        /* .hero-content { margin-top: -100px; } — hero üstündeki yazı ile çakışmayı önlemek için kaldırıldı */
      }
      @media (min-width: 1024px) {
        .news-section .container {
          padding-right:0;
        }
        #current-new-text {
          max-height: 280px;
          min-height: 280px;
          overflow: hidden;
          position: relative;
          &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -29%, #f5f5f5 98%);
          }
        }
        .people-grid {
          display: grid;
        }
        #current-new-subtitle{
          min-height: 92px;
          display: block;
        }

        .career-values-desktop .career-value-card__text {
          font-size: 28px;
        }

        .news-section {
          padding: 120px 0;
          position: relative;
          background-position: 460px -344px;
          background-repeat: no-repeat;
        }
        .splide-nav {
          max-width: 100px;
          position: absolute;
          right: 120px;
          top: 0;
          display:flex;
          z-index: 1;
        }
        .splide__slide {
          height: 100%;
          transition: all 0.3s ease;
        }
        .splide__slide:not(.is-active) {
          /* height:300px; */
          transition: all 0.3s ease;
        }
        .splide__slide.is-active {
          width:600px !important;
        }
        .splide__list {
          align-items: center;
        }
        #current-new {
          width: 100%;
          flex: 0 0 400px;
        }
        .showcase-content {
          transform: translateY(50px);
          background-position: center 88%;
          background-repeat: no-repeat;
        }
        .company-card {
          padding: 24px 12px;
        }
        .arrow-link {
          width: 40px;
          height: 40px;
        }
        .company-card::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          background-color:rgba(0, 0, 0, 0.22);
          transition: all 0.3s ease;
        }

        .single-company {

          transition: all 0.3s ease;
        }

        .single-company:not(:hover) {
          opacity: 0.8;
        }

        .company-card:not(:hover) {
          .single-company, .arrow-link, .showcase-company-logo-link {
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
          }
        }

        .company-card:hover::before {
          opacity: 1;
          background-color:rgba(0, 0, 0, 0.22);
          transition: all 0.3s ease;
          z-index: -1;
        }
        .hero-title {
          font-size: 55px;
        }

        .hero-controls {
          padding: 32px 32px;
        }

        .hero-subtitle {
          font-size: 55px;
        }

        .stats-title {
          font-size: 37px;
        }

        .stats-subtitle {
          font-size: 37px;
        }

        .news-title {
          font-size: 45px;
        }

        .brands-title {
          font-size: 37px;
        }

        .career-title {
          font-size: 45px;
        }

        .ozakksev-cta-title {
          font-size: 60px;
        }

        .ozakksev-cta-text {
          font-size: 22px;
        }

        .sustainability-title {
          font-size: 60px;
        }

        .sustainability-subtitle {
          font-size: 60px;
        }

        .sustainability-text {
          font-size: 22px;
        }

        .company-grid {
          grid-template-columns: repeat(5, 1fr);
        }
      }
      @media (min-width: 1280px) {
        .hero-controls {
          height: 400px;
          padding: 32px 56px;
        }
        .company-card {
          padding: 24px;
        }
        .splide-nav {
          right: 120px;
          top: 0;
        }
      }
      @media (min-width: 1536px) {
        .hero-controls {
          padding: 32px 92px;
        }
        .company-name {
          font-size: 23px;
        }
        .arrow-link {
          width: 45px;
          height: 45px;
        }
        .company-link img {
          width: 15px !important;
          height: 15px;
        }
      }
      @media (max-width: 1200px) {
        .progress-holder {
          display: none;
        }
        .people-grid {
          display: flex;
          transform: unset !important;
        }
        .career-section .people-grid:first-child .person:nth-child(6), .career-section .people-grid:first-child .person:nth-child(5) {
          display: none;
        }
        .career-section .people-grid:first-child .person:nth-child(2) {
          flex-shrink: 0;
          width: 240px;
        }
        .career-section .people-grid:last-child .person:nth-child(3),.career-section .people-grid:last-child .person:nth-child(5), .career-section .people-grid:last-child .person:nth-child(6), .career-section .people-grid:last-child .person:nth-child(7) {
          display: none;
        }
        .career-section .people-grid:last-child .person:nth-child(4) {
          flex-shrink: 0;
          width: 240px;
        }
      }
      @media (max-width: 1023px) {
        .showcase-section .container {
          padding: 0 !important;
        }
        .company-card {
          padding-bottom: 60px;
        }
        .company-name {
          font-size: 24px;
        }
        .single-company img {
          width: 90px !important;
          flex-shrink: 0;
        }
        .single-company-name {
          font-size: 16px;
        }
        .single-company-divider {
          display:none;
        }
        .brand-card--primary {
          max-width: calc(100vw - 24px);
        }
        .brand-card.brand-card--primary {
          width: min(288px, calc(100vw - 24px));
          height: 148px;
          min-height: 148px;
          max-height: 148px;
          padding: 8px 14px;
        }
        .brands-sub .brand-logo {
          height: 72px;
          max-height: 72px;
        }
        .brands-sub .brand-card {
          height: 128px;
          min-height: 128px;
          max-height: 128px;
          padding: 18px 12px;
        }
        .brands-sub-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 14px 16px;
          padding: 0 12px;
        }
        .brands-sub-grid .brand-card-wrap {
          max-width: none;
        }
      }
      @media (max-width: 767px) {
        .brands-stack {
          gap: 28px;
        }
        .brand-card.brand-card--primary {
          width: min(260px, calc(100vw - 24px));
          height: 132px;
          min-height: 132px;
          max-height: 132px;
          padding: 6px 12px;
        }
        .brands-sub .brand-logo {
          height: 64px;
          max-height: 64px;
        }
        .brands-sub .brand-card {
          height: 112px;
          min-height: 112px;
          max-height: 112px;
          padding: 16px 10px;
        }
        .brands-sub-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px;
          padding: 0 8px;
        }
      }
      @media (max-width: 479px) {
        .brand-card.brand-card--primary {
          width: min(240px, calc(100vw - 16px));
          height: 118px;
          min-height: 118px;
          max-height: 118px;
          padding: 6px 10px;
        }
      }