.feature-cta-txt p {

    max-width: 85%;
}

.holder-holder {
  position: relative;
      z-index: 5;
  margin: 60px auto;
  max-width: 1340px;
}

.feature-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;

  overflow: hidden;
  position: relative;
  z-index: 2;
}

.feature-cta-img {
  height: 400px;
}

.feature-cta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.feature-cta-txt {
  padding: 40px;
  text-align: left;
}











/* Decorative Cashews */
.cashews {
  position: absolute;
  width: 200px; /* Increased from 120px */
  height: auto;
  z-index: 1;
  opacity: 1;
  transition: transform 0.3s ease;
}

.cashews.one {
    top: -20px;
    left: -10px; /* Brought closer from -60px */
    transform: rotate(-15deg);
    width: 180px;
}

.cashews.two {
   top: 220px; /* Changed from 60px to push it down */
    left: -60px;
    transform: rotate(25deg);
    width: 160px;
    z-index: 3;
}

.cashews.three {
    bottom: -30px;
    right: -30px; /* Brought closer from -50px */
    transform: rotate(45deg);
    width: 170px;
}

.cashews.four {
    bottom: 0px;
    right: -50px; /* Brought closer from -70px */
    transform: rotate(-20deg);
    width: 190px;
}

/* Scroll-based animations */
.cashews {
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

@keyframes rotate1 {
    0% { 
        transform: rotate(-15deg) scale(1);
        top: -20px;
        left: -40px; /* Updated to match new starting position */
    }
    100% { 
        transform: rotate(10deg) scale(1.05);
        top: -150px;
        left: -10px; /* Brought closer from -30px */
    }
}

@keyframes rotate2 {
    0% { 
        transform: rotate(25deg) scale(1);
        top: 220px; /* Must match the CSS position above */
        left: -60px;
    }
    100% { 
        transform: rotate(-15deg) scale(1.1);
        top: 290px;
        left: -30px;
    }
}

@keyframes rotate3 {
  0% { 
    transform: rotate(45deg) scale(1);
    bottom: -30px;
    right: -50px;
  }
  100% { 
    transform: rotate(15deg) scale(1.05);
    bottom: -60px;
    right: -20px;
  }
}

@keyframes rotate4 {
  0% { 
    transform: rotate(-20deg) scale(1);
    bottom: 0px;
    right: -70px;
  }
  100% { 
    transform: rotate(-13deg) scale(1.1);
    bottom: 20px;
    right: -40px;
  }
}

.cashews.one { animation: rotate1 1s linear; }
.cashews.two { animation: rotate2 1s linear; }
.cashews.three { animation: rotate3 1s linear; }
.cashews.four { animation: rotate4 1s linear; }

/* Modern scroll-driven animations for supported browsers */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .cashews.one {
      animation: rotate1 linear both;
      animation-timeline: view();
      animation-range: cover;
    }
    .cashews.two {
      animation: rotate2 linear both;
      animation-timeline: view();
      animation-range: cover;
    }
    .cashews.three {
      animation: rotate3 linear both;
      animation-timeline: view();
      animation-range: cover;
    }
    .cashews.four {
      animation: rotate4 linear both;
      animation-timeline: view();
      animation-range: cover;
    }
  }
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .feature-cta {
    grid-template-columns: 1fr;
  }

  .feature-cta-img {
    height: 250px;
    order: 1;
  }



  .feature-cta-txt {

    order: 2;

  }



  .cashews {
    display: none;
  }

  .holder-holder {
    margin: 20px auto;
  }
}

@media screen and (max-width: 480px) {
.feature-cta-txt p {

    max-width: 100%;
}

  .feature-cta-txt {
    padding: 25px 15px;
  }
}