.why-choose-style1 {
  padding-top: 20px;
  padding-bottom: 0;
  background: linear-gradient(to right, #0b0142 0%, #ffffff 80%);
}

/* Mobile: gradient bottom to top; dark covers most of bottom where text sits */
@media screen and (max-width: 991px) {
  .why-choose-style1 {
    background: linear-gradient(to top, #0b0142 0%, #0b0142 42%, #e8e4f0 65%, #ffffff 100%);
  }
}

.why-choose-style1 .section-title02 span,
.why-choose-style1 .section-title02 h2,
.why-choose-style1 p {
  color: #ffffff !important;
}

/* Add space above the image and remove space below */
.why-choose-style1 .col-lg-6.order-1.order-lg-2 .text-center {
  padding-top: 30px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.why-choose-style1 .col-lg-6.order-1.order-lg-2 img {
  margin-top: 0;
  margin-bottom: 0;
}

/* Position the CEO quote box at the left middle of the image */
.why-choose-style1 .why-choose-box {
  bottom: auto;
  top: 65%;
  right: 55%;
  transform: translateY(-50%);
  opacity: 0;
  animation: smoothFadeIn 1.5s ease-in-out forwards;
  width: 230px;
  padding: 20px;
}

/* Responsive styles for smaller screens */
@media screen and (max-width: 767px) {
  .why-choose-style1 .why-choose-box {
    position: absolute;
    top: 65%;
    right: 55%;
    transform: translateY(-50%);
    width: 200px;
    padding: 15px 18px;
  }
}

@media screen and (max-width: 575px) {
  .why-choose-style1 .why-choose-box {
    width: 180px;
    right: 40%;
    padding: 12px 15px;
    font-size: 13px;
  }
}

/* Smooth fade-in animation for the quote box */
@keyframes smoothFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-50%) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) translateY(0);
  }
}

/* Custom fade in from left animation - one line by one line */
.why-choose-style1 .wow.fadeInLeft {
  opacity: 0;
  animation: fadeInFromLeft 1s ease-out forwards;
}

@keyframes fadeInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}