.possibility-section {
  background-color: #F2F4F7;
}

.possibility-section .image-translate-container {
  height: 864px;
}

.possibility-section .outline-text-marquee .outline-marquee {
  justify-content: flex-start;
  overflow: hidden;
}

.image-translate-container .center-img-1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  z-index: 10;
}

.image-translate-container .center-img-1 img {
  max-width: 556px !important;
}

.image-translate-container .center-img-2 {
  left: 25%;
  top: 32%;
  transform: translate(-25%,-32%);
  z-index: 16;
  transition: all 1s ease;
} 

.image-translate-container:hover .center-img-2 {
  left: -1%;
  top: 5%;
  transform: translate(1%, -5%);
  z-index: 16;
  transition: all 1s ease;
}


.image-translate-container .center-img-3 {
  left: 52%;
  top: 10%;
  transform: translate(-52%,-10%);
  z-index: 1;
  transition: all 1s ease;
}

.image-translate-container .center-img-2 img,
.image-translate-container .center-img-3 img,
.image-translate-container .center-img-4 img,
.image-translate-container .center-img-6 img,
.image-translate-container .center-img-7 img {
  max-width: 400px !important;
}

.image-translate-container:hover .center-img-3 {
  left: 55%;
  top: 0%;
  transform: translate(-55%, -5%);
  transition: all 1s ease;
}

.image-translate-container .center-img-4 {
  right: 33%;
  top: 32%;
  transform: translate(33%,-33%);
  z-index: 2;
  transition: all 1s ease;
}

.image-translate-container:hover .center-img-4 {
  right: 10%;
  top: 24%;
  transform: translate(10%,-24%); 
  transition: all 1s ease;
}

.image-translate-container .center-img-5 {
  right: 32%;
  top: 45%;
  transform: translate(32%,-45%);
  z-index: 15;
  transition: all 1s ease;
}

.image-translate-container .center-img-5 img {
  max-width: 375px !important;
}

.image-translate-container:hover .center-img-5 {
  right: 12%;
  top: 54%;
  transform: translate(12%,-54%); 
  transition: all 1s ease;
}

.image-translate-container .center-img-6 {
  bottom: 24%;
  right: 33%;
  top: auto;
  transform: translate(33%, 24%);
  z-index: 15;
  transition: all 1s ease;
}

.image-translate-container:hover .center-img-6 {
  bottom: 10%;
  right: 18%; 
  transform: translate(18%,10%); 
  transition: all 1s ease;
}

.image-translate-container .center-img-7 {
  bottom: 24%;
  left: 32%;
  top: auto;
  transform: translate(-32%, 24%);
  z-index: 5;
  transition: all 1s ease;
}

.image-translate-container:hover .center-img-7 {
  bottom: 10%;
  left: 15%; 
  transform: translate(-15%,10%); 
  transition: all 1s ease;
}

.image-translate-container .center-img-8 {
  left: 25%;
  top: 30%;
  transform: translate(-25%,-30%);
  transition: all 1s ease;
  z-index: 5;
}

.image-translate-container .center-img-8 img {
  max-width: 340px !important;
}

.image-translate-container:hover .center-img-8 {
  left: 15%;
  top: 54%;
  transform: translate(-15%,-54%);
  transition: all 1s ease;
  z-index: 5;
}

.possibilitymarquee {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 0;
}

.possibilitymarquee .marquee-content {
  margin-bottom: 80px;
}


.possibilitymarquee .marquee-content .tickkertext { 
  color: white;
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.2px; 
  padding: 0 40px !important;
  white-space: nowrap;
}

@supports((text-stroke: 1.5px #101828) or (-webkit-text-stroke: 1.5px #101828)) {
  .possibilitymarquee .marquee-content .tickkertext { 
    color: transparent;
    -webkit-text-stroke: 1.5px #8B9099;
    text-stroke: 1.5px #8B9099;
    text-shadow: none;
  }
}



.possibilitymarquee .marquee-content {
  display: flex;
  grid-column-gap: 1rem;
  animation: scrolling 15s linear infinite;
}

.possibilitymarquee .marquee-content.reverse { 
  animation: scrollingReverse 18s linear infinite;
}

.possibilitymarquee .marquee-item {
  flex: 0 0 auto;
  margin: 0px 40px; 
} 

/* @keyframes scrolling {
  0% { transform: translateX(0); }
  100% {transform: translateX(-75%);}
}

@keyframes scrollingReverse {
  0% {transform: translateX(-75%); }
  100% { transform: translatex(0vw); }
} */


.possibilitymarqueeInner {
  max-width: 100%;
} 

.possibilitymarqueeInner[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  display: flex;
  column-gap: 30px;
  animation: scroll var(--_animation-duration, 60s)
    var(--_animation-direction, forwards) linear infinite;
}

.possibilitymarqueeInner[data-direction="right"] {
  --_animation-direction: reverse;
}

.possibilitymarqueeInner[data-direction="left"] {
  --_animation-direction: forwards;
}

.possibilitymarqueeInner[data-speed="fast"] {
  --_animation-duration: 20s;
}

.possibilitymarqueeInner[data-speed="slow"] {
  --_animation-duration: 80s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
} 

@media (max-width: 1399.98px) {
  .idea-section .idea-frame-outer .frame-name {
    font-size: 14px; 
    line-height: 26px;
    right: 98%;
    bottom: -20px;
  }
  .idea-section { 
    padding-bottom: 950px;
  }
}

@media (max-width: 991.98px) {

  .possibility-section { 
    padding-bottom: 160px !important;
  }
  .possibility-section .image-translate-container {
    height: auto;
  }

  .possibilitymarquee { 
    top: auto;
    transform: none;  
    bottom: 15px;
  }
}

@media (max-width: 767.98px) { 
  .possibility-section {
    padding-bottom: 100px !important;
}
  .possibilitymarquee { 
    transform: none; 
  }
  .possibilitymarquee .marquee-content {
    margin-bottom: 20px;
  }
  .possibilitymarquee .marquee-content .tickkertext { 
    font-size: 40px; 
    padding: 0 15px !important;
  }
}