.fsm_sup_v4 {
  --dur: 6500ms;
  --trans: 750ms;
  --bar-color: #2668d3;
  --tag-bg: #2668d3;
  --bg: #020b24;
  --overlay: rgba(14,13,14,0.48);
  width: 100%;
  margin: 0; padding: 0;
  position: relative;
  overflow: hidden;
  background: var(--bg);
  line-height: normal;
  font-family: 'Titillium Web', sans-serif;
}

.fsm_sup_v4 *, .fsm_sup_v4 *::before, .fsm_sup_v4 *::after {
  box-sizing: border-box;
  font-family: 'Titillium Web', sans-serif !important;
}

.fsm_sup_v4 h1,.fsm_sup_v4 h2,.fsm_sup_v4 h3,
.fsm_sup_v4 h4,.fsm_sup_v4 h5,.fsm_sup_v4 h6,
.fsm_sup_v4 p { margin:0; padding:0; }

.fsm_sup_v4 img, .fsm_sup_v4 video {
  display:block !important; width:100%;
  max-width:none !important; border:0; outline:0;
}

.fsm_sup_v4 .fsm_section {
  position:relative; width:100%;
  height:100vh; height:100svh;
  min-height:520px;
  background:var(--bg);
  overflow:hidden; margin:0; padding:0;
  isolation:isolate;
}

.fsm_sup_v4 .fsm_carousel {
  position:relative; width:100%; height:100%;
  overflow:hidden; background:var(--bg);
  touch-action: pan-y;
}

.fsm_sup_v4 .fsm_slides {
  position:absolute; inset:0; width:100%; height:100%;
}

.fsm_sup_v4 .fsm_slide {
  position:absolute; inset:0; width:100%; height:100%;
  opacity:0; visibility:hidden; pointer-events:none;
  z-index:1; transform:scale(1.03);
  transition:
    opacity   var(--trans) ease,
    transform var(--trans) ease,
    visibility 0s linear var(--trans);
  background:var(--bg);
}

.fsm_sup_v4 .fsm_slide.fsm_active {
  opacity:1; visibility:visible; pointer-events:auto;
  z-index:2; transform:scale(1);
  will-change: opacity, transform;
  transition:
    opacity   var(--trans) ease,
    transform var(--trans) ease,
    visibility 0s linear 0s;
}

.fsm_sup_v4 .fsm_slide.fsm_settled { will-change:auto; }

.fsm_sup_v4 .fsm_media {
  position:absolute; inset:0; width:100%; height:100%;
  overflow:hidden; background:var(--bg);
}

.fsm_sup_v4 .fsm_media img,
.fsm_sup_v4 .fsm_media video {
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  background:var(--bg);
}

.fsm_sup_v4 .fsm_media video {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.fsm_sup_v4 .fsm_media::after {
  content:""; position:absolute; inset:0;
  background:var(--overlay); z-index:1; pointer-events:none;
}

.fsm_sup_v4 .fsm_paksat .fsm_media::after {
  background:linear-gradient(90deg,
    rgba(0,0,0,0.38) 0%, rgba(0,0,0,0.22) 38%,
    rgba(0,0,0,0.12) 65%, rgba(0,0,0,0.16) 100%);
}

.fsm_sup_v4 .fsm_content {
  position:absolute; top:40%; left:4%;
  transform:translateY(-40%);
  width:90%; color:#fff; z-index:5;
}

.fsm_sup_v4 .fsm_tag_wrap {
  display:inline-flex; overflow:hidden;
  opacity:0; transform:translateY(18px);
  transition:opacity 0.55s ease 0.15s, transform 0.55s ease 0.15s;
}

.fsm_sup_v4 .fsm_tag {
  display:inline-block; font-size:0.95em; line-height:1.1;
  background:var(--tag-bg); color:#fff;
  padding:6px 18px; letter-spacing:0.03em;
}

.fsm_sup_v4 .fsm_title {
  font-weight:700 !important; font-size:1.95em; line-height:1.25;
  color:#fff; text-shadow:0 2px 8px rgba(0,0,0,0.55);
  margin-top:0.4em; max-width:100%;
  overflow-wrap:break-word; hyphens:auto;
  opacity:0; transform:translateY(26px);
  transition:opacity 0.6s ease 0.22s, transform 0.6s ease 0.22s;
}

.fsm_sup_v4 .fsm_slide.fsm_active .fsm_tag_wrap,
.fsm_sup_v4 .fsm_slide.fsm_active .fsm_title {
  opacity:1; transform:translateY(0);
}

.fsm_sup_v4 .fsm_progress {
  position:absolute; bottom:0; left:0;
  height:3px; width:0%;
  background:var(--bar-color); z-index:20;
  transform-origin:left center;
  transition:none;
}
.fsm_sup_v4 .fsm_progress.fsm_bar_run {
  transition:width var(--dur) linear;
}

.fsm_sup_v4 .fsm_cards {
  position:absolute; left:50%; bottom:0;
  transform:translateX(-50%); width:95%;
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:14px; z-index:10; background:transparent;
}

.fsm_sup_v4 .fsm_card {
  position:relative; background:rgba(14,13,14,0.68);
  color:#fff; padding:16px 20px; opacity:0.38;
  cursor:pointer; min-height:118px;
  border:0; outline:0; line-height:normal;
  transition:opacity 0.25s linear, background 0.25s linear;
  border-radius:2px;
  text-align:left;
  width:100%;
}
.fsm_sup_v4 .fsm_card:hover { opacity:0.85; }
.fsm_sup_v4 .fsm_card:focus-visible {
  outline:3px solid #38bdf8;
  outline-offset:3px;
}
.fsm_sup_v4 .fsm_card.fsm_card_active {
  opacity:1; background:rgba(14,13,14,0.88); cursor:default;
}

.fsm_sup_v4 .fsm_card_head {
  display:flex; justify-content:space-between;
  align-items:center; gap:10px;
  font-size:0.8em; line-height:1.2;
}
.fsm_sup_v4 .fsm_card_tag { color:#9ea6b8; line-height:1.2; }
.fsm_sup_v4 .fsm_card_date { color:#fff; line-height:1.2; white-space:nowrap; }
.fsm_sup_v4 .fsm_card_title {
  font-weight:400 !important; font-size:0.95em;
  line-height:1.5; margin-top:10px; color:#fff;
}

.fsm_sup_v4 .fsm_mobile_nav {
  display:none; position:absolute; left:50%; bottom:18px;
  transform:translateX(-50%); z-index:12;
  align-items:center; gap:10px;
}
.fsm_sup_v4 .fsm_dot {
  width:44px; height:44px; border-radius:50%;
  background:transparent; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.fsm_sup_v4 .fsm_dot::after {
  content:'';
  width:10px; height:10px; border-radius:50%;
  background:rgba(255,255,255,0.35);
  transition:transform 0.2s ease, background 0.2s ease;
  display:block;
}
.fsm_sup_v4 .fsm_dot:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}
.fsm_sup_v4 .fsm_dot.fsm_dot_active::after {
  background:#fff; transform:scale(1.25);
}

.fsm_sup_v4 .fsm_sr_only {
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.fsm_sup_v4 .fsm_pause_badge {
  position:absolute; top:18px; right:18px; z-index:30;
  background:rgba(0,0,0,0.55); color:#fff;
  font-size:0.7em; letter-spacing:0.1em;
  padding:4px 10px; opacity:0; pointer-events:none;
  transition:opacity 0.3s ease;
}
.fsm_sup_v4.fsm_ready.fsm_is_paused .fsm_pause_badge { opacity:1; }

@media screen and (min-width:768px) {
  .fsm_sup_v4 .fsm_title { font-size:2.1em; }
}
@media screen and (min-width:1440px) {
  .fsm_sup_v4 .fsm_content { width:45%; }
  .fsm_sup_v4 .fsm_cards { left:80%; transform:translateX(-80%); max-width:70%; }
}
@media screen and (max-width:1023px) {
  .fsm_sup_v4 .fsm_cards { display:none; }
  .fsm_sup_v4 .fsm_mobile_nav { display:flex; }
}
@media screen and (max-width:767px) {
  .fsm_sup_v4 .fsm_section { height:100svh; min-height:460px; }
  .fsm_sup_v4 .fsm_content { left:5%; width:90%; top:32%; transform:translateY(-32%); padding-right:5%; }
  .fsm_sup_v4 .fsm_title { font-size:clamp(1.4em,5.8vw,1.8em); }
  .fsm_sup_v4 .fsm_tag { font-size:0.9em; padding:5px 14px; }
  .fsm_sup_v4 .fsm_paksat .fsm_media::after {
    background:linear-gradient(180deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.18) 45%, rgba(0,0,0,0.22) 100%);
  }
}
@media screen and (max-width:480px) {
  .fsm_sup_v4 .fsm_content { left:6%; width:88%; top:28%; transform:translateY(-28%); }
  .fsm_sup_v4 .fsm_title { font-size:clamp(0.95em,4.2vw,1.15em); line-height:1.35; }
  .fsm_sup_v4 .fsm_tag_wrap { margin-bottom:0.6em; }
}
@media (prefers-reduced-motion:reduce) {
  .fsm_sup_v4 .fsm_slide, .fsm_sup_v4 .fsm_tag_wrap,
  .fsm_sup_v4 .fsm_title, .fsm_sup_v4 .fsm_card,
  .fsm_sup_v4 .fsm_dot, .fsm_sup_v4 .fsm_progress,
  .fsm_sup_v4 .fsm_pause_badge {
    transition:none !important; animation:none !important; will-change:auto !important;
  }
}

.carousel-section_id5 * { box-sizing: border-box; margin: 0; padding: 0; }

    .carousel-section_id5 {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 4rem 0;
      background: #0b0f1a;
      font-family: 'Titillium Web', sans-serif;
      width: 100%;
    }

    .carousel-section_id5 h2 {
      font-size: clamp(1.8rem, 5vw, 3.2rem);
      text-align: center;
      margin-bottom: 3rem;
      color: #ffffff;
      text-shadow: 0 2px 12px rgba(0,0,0,0.6);
    }

    .carousel-outer_id5 {
      position: relative;
      width: 100%;
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 70px;
    }

    .carousel-window_id5 {
      overflow: hidden;
      width: 100%;
    }

    .carousel-track_id5 {
      display: flex;
      will-change: transform;
    }

    .carousel-card_id5 {
      flex: 0 0 calc(33.333% - 14px);
      margin: 0 7px;
      background: linear-gradient(135deg, rgba(30,41,59,0.85), rgba(15,23,42,0.9));
      border-radius: 1.2rem;
      overflow: hidden;
      border: 1px solid rgba(94,234,212,0.2);
      box-shadow: 0 8px 32px rgba(0,0,0,0.4);
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
    }

    .carousel-card_id5:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.55);
      border-color: rgba(94,234,212,0.45);
    }

    .carousel-card-link_id5 {
      display: flex;
      flex-direction: column;
      text-decoration: none !important;
      color: inherit;
      height: 100%;
    }

    .carousel-card-link_id5:focus-visible {
      outline: 3px solid #38bdf8;
      outline-offset: 3px;
      border-radius: 1.2rem;
    }

    .carousel-card-link_id5:focus:not(:focus-visible) {
      outline: none;
    }

    .card-image-container_id5 {
      aspect-ratio: 16 / 9;
      overflow: hidden;
      flex-shrink: 0;
    }

    .card-image_id5 {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.6s ease;
    }

    .carousel-card_id5:hover .card-image_id5 {
      transform: scale(1.06);
    }

    .card-content_id5 {
      padding: 1.75rem;
      color: #f1f5f9;
      flex: 1;
    }

    .card-title_id5 {
      font-size: clamp(1.05rem, 2vw, 1.3rem);
      font-weight: 700;
      margin-bottom: 0.75rem;
      letter-spacing: 0.5px;
      color: #e2f8ff;
    }

    .card-description_id5 {
      font-size: clamp(0.88rem, 1.5vw, 0.98rem);
      line-height: 1.65;
      color: rgba(241,245,249,0.82);
      font-weight: 300;
    }

    .carousel-button_id5 {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(12,74,110,0.55);
      color: #38bdf8;
      border: none;
      border-radius: 50%;
      width: 52px;
      height: 52px;
      min-width: 44px;
      min-height: 44px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 30;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1;
      backdrop-filter: blur(8px);
      transition: background 0.25s ease, opacity 0.25s ease;
    }

    .carousel-button_id5:hover { background: rgba(12,74,110,0.9); }

    .carousel-button_id5:focus-visible {
      outline: 3px solid #38bdf8;
      outline-offset: 3px;
    }

    .carousel-button_id5:focus:not(:focus-visible) { outline: none; }

    .carousel-button_id5.prev_id5 { left: 0; }
    .carousel-button_id5.next_id5 { right: 0; }

    .carousel-button_id5.is-dim {
      opacity: 0.3;
      pointer-events: none;
    }

    .carousel-indicators_id5 {
      display: flex;
      justify-content: center;
      gap: 12px;
      margin-top: 2.5rem;
    }

    .indicator_id5 {
      width: 26px;
      height: 5px;
      background: rgba(56,189,248,0.25);
      border-radius: 3px;
      cursor: pointer;
      transition: background 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;
    }

    .indicator_id5:hover { background: rgba(56,189,248,0.5); }

    .indicator_id5.active_id5 {
      background: #38bdf8;
      width: 40px;
      box-shadow: 0 0 12px #38bdf8;
    }

    .indicator_id5:focus-visible {
      outline: 3px solid #38bdf8;
      outline-offset: 4px;
    }

    .indicator_id5:focus:not(:focus-visible) { outline: none; }

    @media (max-width: 900px) {
      .carousel-card_id5 { flex: 0 0 calc(50% - 14px); }
    }

    @media (max-width: 580px) {
      .carousel-section_id5 { padding: 2.5rem 0; }

      .carousel-outer_id5 { padding: 0; }

      .carousel-window_id5 {
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      .carousel-window_id5::-webkit-scrollbar { display: none; }

      .carousel-track_id5 {
        transform: none !important;
        transition: none !important;
        display: flex;
        width: max-content;
      }

      .carousel-card_id5 {
        flex: 0 0 88vw;
        width: 88vw;
        margin: 0 4vw;
        scroll-snap-align: center;
        scroll-snap-stop: always;
      }

      .carousel-card_id5:first-child { margin-left: 6vw; }
      .carousel-track_id5 { padding-right: 2vw; }

      .carousel-button_id5 { display: none !important; }

      .carousel-card_id5:hover {
        transform: none;
      }
    }

    @media (hover: none) {
      .carousel-card_id5:hover {
        transform: none;
        box-shadow: 0 8px 32px rgba(0,0,0,0.4);
        border-color: rgba(94,234,212,0.2);
      }
      .carousel-card_id5:hover .card-image_id5 {
        transform: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .carousel-card_id5,
      .carousel-card_id5 .card-image_id5,
      .indicator_id5 {
        transition: none !important;
      }
    }

.carousel-section_id6 * { box-sizing: border-box; margin: 0; padding: 0; }

    .carousel-section_id6 {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
      padding: 4rem 0;
      overflow: hidden;
      width: 100%;
      background: #0b0f1a;
      font-family: 'Titillium Web', sans-serif;
    }

    .carousel-section_id6 h2 {
      font-size: clamp(1.8rem, 5vw, 3.2rem);
      text-align: center;
      margin-bottom: 3rem;
      color: #ffffff;
      text-shadow: 0 2px 12px rgba(0,0,0,0.6);
    }

    
    .carousel-container_id6 {
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      position: relative;
      padding: 2rem 0;
      overflow: visible;
    }

    
    .carousel-wrapper_id6 {
      width: 1092px;
      max-width: calc(100% - 180px);
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      perspective: 1800px;   
    }

    
    .carousel-track_id6 {
      display: flex;
      position: relative;   
      will-change: transform;
      
    }

    
    .carousel-card_id6 {
      flex-shrink: 0;
      width: 320px;
      margin: 0 18px;
      background: linear-gradient(135deg, rgba(30,41,59,0.85), rgba(15,23,42,0.9));
      border-radius: 1.2rem;
      overflow: hidden;
      position: relative;
      border: 1px solid rgba(94,234,212,0.2);
      box-shadow: 0 8px 32px rgba(0,0,0,0.4);
      
      transition: box-shadow 0.35s ease, border-color 0.35s ease, opacity 0.6s ease;
      transform-origin: center center;
    }

    
    .carousel-card_id6 {
      transform: scale(0.84) rotateY(18deg) translateZ(-40px);
      opacity: 0.28;
      z-index: 4;
    }

    
    .carousel-card_id6.is-active_id6 {
      transform: scale(1) rotateY(0deg) translateZ(0);
      opacity: 1;
      z-index: 20;
    }

    
    .carousel-card_id6.is-prev_id6 {
      transform-origin: right center;
      transform: scale(0.88) rotateY(14deg) translateX(-4px) translateZ(-28px);
      opacity: 0.72;
      z-index: 12;
    }

    .carousel-card_id6.is-next_id6 {
      transform-origin: left center;
      transform: scale(0.88) rotateY(-14deg) translateX(4px) translateZ(-28px);
      opacity: 0.72;
      z-index: 12;
    }

    
    .carousel-card_id6:hover {
      box-shadow: 0 16px 48px rgba(0,0,0,0.5);
      border-color: rgba(94,234,212,0.4);
    }

    
    .carousel-card-link_id6 {
      display: flex;
      flex-direction: column;
      text-decoration: none !important;
      outline: none !important;
      color: inherit;
      height: 100%;
      cursor: pointer;
    }

    .carousel-card-link_id6:hover { color: #67e8f9; }

    .card-image-container_id6 {
      height: 200px;
      overflow: hidden;
      flex-shrink: 0;
    }

    .card-image_id6 {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 1.5s ease;
    }

    .carousel-card_id6.is-active_id6 .card-image_id6 {
      transform: scale(1.05);
    }

    .card-content_id6 {
      padding: 1.75rem;
      color: #f1f5f9;
      flex: 1;
    }

    .card-title_id6 {
      font-size: clamp(1.1rem, 2.2vw, 1.4rem);
      font-weight: 700;
      margin-bottom: 0.9rem;
      letter-spacing: 1px;
      color: #e2f8ff;
    }

    .card-description_id6 {
      font-size: clamp(0.9rem, 1.6vw, 1rem);
      line-height: 1.6;
      color: rgba(241,245,249,0.85);
      font-weight: 300; 
    }

    
    .carousel-button_id6 {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(12,74,110,0.5);
      color: #67e8f9;
      border: 1px solid rgba(103,232,249,0.35);
      border-radius: 50%;
      width: 52px;
      height: 52px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 40;
      transition: background 0.3s ease, box-shadow 0.3s ease;
      backdrop-filter: blur(8px);
      box-shadow: 0 0 22px rgba(56,189,248,0.16);
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1;
    }

    .carousel-button_id6:hover {
      background: rgba(12,74,110,0.85);
      box-shadow: 0 0 26px rgba(103,232,249,0.3);
    }

    .carousel-button_id6.prev_id6 { left: 20px; }
    .carousel-button_id6.next_id6 { right: 20px; }

    .carousel-button_id6.is-dim {
      opacity: 0.3;
      pointer-events: none;
    }

    
    .carousel-indicators_id6 {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 2.5rem;
      padding: 0 1rem;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }

    .indicator_id6 {
      width: 26px;
      height: 5px;
      background: rgba(56,189,248,0.25);
      border-radius: 3px;
      cursor: pointer;
      transition: background 0.3s ease, width 0.3s ease, box-shadow 0.3s ease;
    }

    .indicator_id6:hover { background: rgba(56,189,248,0.5); }

    .indicator_id6.active_id6 {
      background: #38bdf8;
      width: 40px;
      box-shadow: 0 0 12px #38bdf8;
    }

    
    @media (max-width: 1180px) {
      .carousel-container_id6 { max-width: 96%; }
      .carousel-wrapper_id6 {
        width: 972px;
        max-width: calc(100% - 130px);
      }
      .carousel-card_id6 { width: 280px; margin: 0 14px; }
      .card-image-container_id6 { height: 180px; }
    }

    @media (max-width: 768px) {
      .carousel-section_id6 { min-height: 90vh; padding: 2rem 0; }
      .carousel-section_id6 h2 { font-size: 2rem; margin-bottom: 2rem; }
      .carousel-container_id6 { perspective: 1200px; }
      .carousel-wrapper_id6 { width: auto; max-width: calc(100% - 80px); }
      .carousel-card_id6 { width: min(320px, 80vw); margin: 0 15px; }
      .carousel-card_id6:not(.is-active_id6) {
        transform: scale(0.9) rotateY(14deg) translateZ(-30px);
        opacity: 0.55;
      }
      .carousel-card_id6.is-prev_id6,
      .carousel-card_id6.is-next_id6 { opacity: 0.72; }
      .card-image-container_id6 { height: 160px; }
      .carousel-button_id6 { width: 44px; height: 44px; font-size: 1.3rem; }
      .carousel-button_id6.prev_id6 { left: 10px; }
      .carousel-button_id6.next_id6 { right: 10px; }
    }

    
    @media (max-width: 580px) {
      .carousel-container_id6 {
        max-width: 100%;
        padding: 1rem 0;
        perspective: none;
        overflow: hidden;
      }

      .carousel-wrapper_id6 {
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        width: 100%;
        max-width: 100%;
        
        padding: 0 10vw;
      }

      .carousel-wrapper_id6::-webkit-scrollbar { display: none; }

      
      .carousel-track_id6 {
        transform: none !important;
        transition: none !important;
        display: flex;
        width: max-content;
      }

      
      .carousel-card_id6,
      .carousel-card_id6.is-active_id6,
      .carousel-card_id6.is-prev_id6,
      .carousel-card_id6.is-next_id6 {
        width: 80vw;
        margin: 0 5vw;
        transform: none !important;
        opacity: 1 !important;
        z-index: auto !important;
        filter: none !important;
        scroll-snap-align: center;
        scroll-snap-stop: always;
      }

      .card-image-container_id6 { height: 140px; }
      .card-title_id6 { font-size: 1.15rem; }
      .card-description_id6 { font-size: 0.9rem; }
      .carousel-button_id6 { display: none !important; }
    }

    @media (prefers-reduced-motion: reduce) {
      .carousel-card_id6,
      .carousel-card_id6 .card-image_id6,
      .carousel-track_id6,
      .indicator_id6 { transition: none !important; }
    }

.suparco-links-collabs-wrap {
  position: relative !important;
  width: 100vw !important;
  min-height: auto !important;
  background: #0b0f1a !important;
  overflow: hidden !important;
  padding: 50px 15px 30px !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  box-sizing: border-box !important;
}

.bgvid-fullwidth {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.suparco-block-section {
  position: relative !important;
  z-index: 5 !important;
  max-width: 1600px !important;
  margin: 0 auto 36px !important;
}

.suparco-block-section-collab {
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

.collab-heading-full {
  position: relative !important;
  z-index: 5 !important;
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(1.4rem, 6vw, 4.2rem) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 0 30px !important;
  letter-spacing: 2px !important;
  text-shadow: 0 4px 20px rgba(0,0,0,0.8) !important;
}

.logos-grid-fullwidth {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 28px !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  padding: 0 10px !important;
}

.logo-card-full {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  width: 132px !important;
  padding: 15px 0 !important;
  transition: transform 0.35s ease !important;
}

.logo-card-full:hover {
  transform: translateY(-6px) !important;
}

.logo-image-full {
  width: 92px !important;
  height: 92px !important;
  border-radius: 14px !important;
  background: rgba(15, 23, 42, 0.82) !important;
  border: 1px solid rgba(94, 234, 212, 0.22) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.50) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1) !important;
  padding: 8px !important;
}

.logo-image-full img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

.logo-card-full:hover .logo-image-full {
  transform: scale(1.08) !important;
  border-color: rgba(94,234,212,0.55) !important;
  box-shadow: 0 12px 38px rgba(94,234,212,0.22) !important;
}

.logo-text-full {
  margin-top: 12px !important;
  font-family: 'Titillium Web', sans-serif !important;
  color: #d7dde7 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  line-height: 1.35 !important;
  letter-spacing: 0.2px !important;
  transition: all 0.3s ease !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  min-height: 2.7em !important;
}

.logo-card-full:hover .logo-text-full {
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.logos-slider-wrap-full,
.logos-grid-slider-full {
  overflow: visible !important;
}

@media (max-width: 768px) {
  .suparco-links-collabs-wrap {
    min-height: auto !important;
    padding: 40px 12px 22px !important;
  }

  .suparco-block-section {
    margin: 0 auto 26px !important;
  }

  .collab-heading-full {
    font-size: clamp(1.7rem, 7vw, 2.4rem) !important;
    margin: 0 0 22px !important;
    letter-spacing: 1.2px !important;
  }

  .logos-grid-slider-full {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-behavior: smooth !important;
    padding: 8px 10px 12px !important;
    align-items: flex-start !important;
  }

  .logos-grid-slider-full::-webkit-scrollbar {
    display: none !important;
  }

  .logos-grid-slider-full .logo-card-full {
    flex: 0 0 calc((100% - 28px) / 3) !important;
    width: calc((100% - 28px) / 3) !important;
    min-width: calc((100% - 28px) / 3) !important;
    padding: 10px 0 !important;
  }

  .logos-grid-slider-full .logo-image-full {
    width: 82px !important;
    height: 82px !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    padding: 7px !important;
  }

  .logos-grid-slider-full .logo-text-full {
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    min-height: 3.2em !important;
    padding: 0 2px !important;
  }

  .logos-grid-slider-full .logo-card-full:hover {
    transform: none !important;
  }

  .logos-grid-slider-full .logo-card-full:hover .logo-image-full {
    transform: none !important;
  }

  .logos-grid-slider-full .logo-card-full:hover .logo-text-full {
    transform: none !important;
  }
}

@media (max-width: 480px) {
  .suparco-links-collabs-wrap {
    padding: 34px 10px 18px !important;
  }

  .collab-heading-full {
    font-size: 2rem !important;
  }

  .logos-grid-slider-full {
    gap: 12px !important;
    padding: 6px 8px 10px !important;
  }

  .logos-grid-slider-full .logo-card-full {
    flex: 0 0 calc((100% - 24px) / 3) !important;
    width: calc((100% - 24px) / 3) !important;
    min-width: calc((100% - 24px) / 3) !important;
  }

  .logos-grid-slider-full .logo-image-full {
    width: 76px !important;
    height: 76px !important;
    padding: 6px !important;
  }

  .logos-grid-slider-full .logo-text-full {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    min-height: 3.3em !important;
  }
}

.carousel-section_id5,
.carousel-section_id6 {
  min-height: auto !important;
  padding: 2.5rem 0 !important;
}

.carousel-section_id6 {
  padding-bottom: 0 !important;
}

.carousel-section_id6 + .suparco-links-collabs-wrap {
  padding-top: 10px !important;
}