[button-id="14776000015533304"] {
  position: relative;
  bottom: -190px;
}


[data-id="14776000015533611"],
[data-id="14776000015533618"],
[data-id="14776000015533625"],
[data-id="14776000015533632"],
[data-id="14776000015533650"],
[data-id="14776000015533742"] {
  border: 1px soild gray;
  background-color: #f5f5f5;
  padding: 30px;
  border-radius: 10px;
}

/* Flip Down Animation */
/* section[data-section-id="14776000015533605"] {
  opacity: 0;
  transform: perspective(2500px) rotateX(30deg);
  transform-origin: center top;
}

section[data-section-id="14776000015533605"].aos-animate {
  animation: flipDown 0.8s ease forwards;
}

@keyframes flipDown {
  from {
    opacity: 0;
    transform: perspective(2500px) rotateX(30deg);
  }

  to {
    opacity: 1;
    transform: perspective(2500px) rotateX(0deg);
  }
} */


/* Flip Up */
/* section[data-section-id="14776000015502381"] {
  opacity: 0;
  transform: perspective(1000px) rotateX(90deg);
  transform-origin: center top;
}

section[data-section-id="14776000015502381"].aos-animate {
  animation: flipUp 1.2s ease forwards;
}

@keyframes flipUp {
  from {
    opacity: 0;
    transform: perspective(1000px) rotateX(90deg);
  }

  to {
    opacity: 1;
    transform: perspective(1000px) rotateX(0deg);
  }
} */


/* Fade Right */
[data-id="14776000015533827"],
[data-id="14776000015533841"] {
  opacity: 0;
  transform: translateX(-80px);
}

[data-id="14776000015533827"].aos-animate,
[data-id="14776000015533841"].aos-animate {
  animation: fadeRight 0.8s ease forwards;
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(-80px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* Fade Left */
[data-id="14776000015533834"],
[data-id="14776000015533848"] {
  opacity: 0;
  transform: translateX(80px);
}

[data-id="14776000015533834"].aos-animate,
[data-id="14776000015533848"].aos-animate {
  animation: fadeLeft 0.8s ease forwards;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(80px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}




/* ========================= */
/* FAN SHAPE SPONSOR SECTION */
/* ========================= */

/* Bigger square sponsor cards */
[data-element-id="14776000015533991"] .li-item {
  width: 160px !important;
  height: 160px !important;
  flex-shrink: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  padding: 0px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  transform-origin: center bottom !important;
  cursor: pointer;
  position: relative;
}

/* Image wrappers */
[data-element-id="14776000015533991"] .li-item .list-image,
[data-element-id="14776000015533991"] .li-item .media-element,
[data-element-id="14776000015533991"] .li-item .media-image {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

/* Actual logo image */
[data-element-id="14776000015533991"] .li-item .fluid-image {
  width: 150px !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  background: white !important;
}

/* Fan layout */
[data-element-id="14776000015533991"] .bs-mtList-wgt {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: center !important;
  gap: 0 !important;
  padding-bottom: 100px !important;
}

/* ========================= */
/* FAN ANGLES */
/* ========================= */

[data-element-id="14776000015533991"] .li-item:nth-child(1) {
  transform: rotate(-45deg) translate(-65px, 156px);
  z-index: 1;
}

[data-element-id="14776000015533991"] .li-item:nth-child(2) {
  transform: rotate(-30deg) translate(-20px, 80px);
  z-index: 2;
}

[data-element-id="14776000015533991"] .li-item:nth-child(3) {
  transform: rotate(-18deg) translateY(25px);
  z-index: 3;
}

[data-element-id="14776000015533991"] .li-item:nth-child(4) {
  transform: rotate(-6deg) translateY(6px);
  z-index: 4;
}

[data-element-id="14776000015533991"] .li-item:nth-child(5) {
  transform: rotate(6deg) translateY(6px);
  z-index: 4;
}

[data-element-id="14776000015533991"] .li-item:nth-child(6) {
  transform: rotate(18deg) translateY(25px);
  z-index: 3;
}

[data-element-id="14776000015533991"] .li-item:nth-child(7) {
  transform: rotate(30deg) translate(20px, 80px);
  z-index: 2;
}

[data-element-id="14776000015533991"] .li-item:nth-child(8) {
  transform: rotate(45deg) translate(65px, 156px);
  z-index: 1;
}

/* ========================= */
/* HOVER EFFECT */
/* ========================= */

/* Smooth hover animation */
[data-element-id="14776000015533991"] .li-item {
  transition: transform 0.35s ease, z-index 0.35s ease !important;
}

/* Hover effect */
[data-element-id="14776000015533991"] .li-item:hover {
  z-index: 10 !important;
}

/* Keep original fan transforms while hovering */
[data-element-id="14776000015533991"] .li-item:nth-child(1):hover {
  transform: rotate(-45deg) translateY(20px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(2):hover {
  transform: rotate(-30deg) translateY(-5px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(3):hover {
  transform: rotate(-18deg) translateY(-20px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(4):hover {
  transform: rotate(-6deg) translateY(-35px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(5):hover {
  transform: rotate(6deg) translateY(-35px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(6):hover {
  transform: rotate(18deg) translateY(-20px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(7):hover {
  transform: rotate(30deg) translateY(-5px) scale(1.05) !important;
}

[data-element-id="14776000015533991"] .li-item:nth-child(8):hover {
  transform: rotate(45deg) translateY(20px) scale(1.05) !important;
}




@media only screen and (max-width: 767px) {
[data-section-id="14776000015533986"]{
  display: none;
}
}