img {
  max-width: 100%;
  height: auto;
}

.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}


/* Philosophy Area Style
============================================*/


.philosophy-single-item {
  transition: all ease 0.5s;
}

.philosophy-single-item .philosophy-img {
  margin: 0 30px;
  margin-bottom: -105px;
}

.philosophy-single-item .philosophy-img img {
  border-radius: 20px;
}

.philosophy-single-item .philosophy-content {
  padding: 30px;
  background-color: #91280de0;
  /* background-color: #91280d; */
  padding-top: 130px;
  border-radius: 20px;
}

.philosophy-single-item .philosophy-content h3 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 24px;
}

.philosophy-single-item .philosophy-content p {
  color: #fff;
}

.philosophy-single-item:hover {
  transform: translateY(-5px);
}

.philosophy-single-item:hover img {
  animation: moveUpDownOnce 0.6s ease-in-out;
}

@keyframes moveUpDownOnce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
  .philosophy-single-item .philosophy-img {
    margin: 0;
    margin-bottom: -100px;
  }

  .philosophy-single-item .philosophy-content {
    padding: 25px;
    padding-top: 120px;
  }

  .philosophy-single-item .philosophy-content h3 {
    font-size: 20px;
  }
}

/* Min width 768px to Max width 992px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .philosophy-single-item .philosophy-img {
    margin: 0;
    margin-bottom: -100px;
  }

  .philosophy-single-item .philosophy-content {
    padding: 25px;
    padding-top: 120px;
  }

  .philosophy-single-item .philosophy-content h3 {
    font-size: 22px;
  }
}

/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .philosophy-single-item .philosophy-content h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }
}

/* ============================================
   Main Slider - Mobile Only (max-width: 600px)
   DESKTOP VIEW IS NOT AFFECTED BY THESE STYLES
   ============================================ */
@media only screen and (max-width: 600px) {

  /* Slider section reset for mobile */
  .main-slider {
    margin-top: 0px;
    overflow: hidden;
  }

  /* Carousel background */
  .main-slider__carousel {
    position: relative;
  }

  .main-slider__item {
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
    min-height: 100vw;
    /* square-ish tall slide on mobile */
    display: flex;
    align-items: center;
  }

  .main-slider__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .main-slider__bg::after {
    background: linear-gradient(to bottom,
        rgba(20, 20, 60, 0.70) 0%,
        rgba(20, 20, 60, 0.55) 60%,
        rgba(20, 20, 60, 0.30) 100%);
  }

  .main-slider .container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Make the row full width, stacked */
  .main-slider .row {
    flex-direction: column;
    align-items: flex-start !important;
  }

  /* Content column: full width */
  .main-slider .col-xl-7,
  .main-slider .col-lg-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Hide the right column (shape/image col) on mobile */
  .main-slider .col-xl-5 {
    display: none !important;
  }

  /* Top badge area */
  .main-slider__top {
    margin-top: 0px;
    margin-bottom: 16px;
  }

  .main-slider__top__inner {
    gap: 8px;
  }

  /* Small icon image size */
  .main-slider__top__image {
    width: 40px !important;
    height: auto;
  }

  /* Badge text padding reset */
  .main-slider__top__text {
    padding: 8px 16px 8px 12px;
  }

  /* Tag title font */
  .main-slider__top__title {
    font-size: 14px;
    line-height: 1.4;
  }

  /* Main heading */
  .main-slider__title {
    font-size: 30px !important;
    line-height: 1.25;
    margin-bottom: 10px;
  }

  /* Specific font size for the first slider title on mobile */
  .slider-1 .main-slider__title {
    font-size: 23px !important;
  }

  /* Specific font size for the second and third slider titles on mobile */
  .slider-2 .main-slider__title {
    font-size: 34px !important;
  }

  .slider-3 .main-slider__title {
    font-size: 34px !important;
  }

  .slider-4 .main-slider__title {
    font-size: 32px !important;
  }

  /* Description text */
  .main-slider__description {
    margin-bottom: 24px;
  }

  .main-slider__text {
    font-size: 15px;
    line-height: 1.6;
  }

  /* Button */
  .main-slider__button__inner {
    display: inline-flex;
  }

  /* Hide the decorative rotating shape on mobile */
  .main-slider__image__shape {
    display: none !important;
  }

  /* Nav arrows: position at bottom center */
  .main-slider__carousel.owl-carousel .owl-nav {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    gap: 12px;
    z-index: 10;
  }

  .main-slider__carousel.owl-carousel .owl-nav button {
    width: 40px !important;
    height: 40px !important;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main-slider__carousel.owl-carousel .owl-nav button:hover {
    background-color: rgba(255, 255, 255, 0.4) !important;
  }
}

.about-sec-title {
  margin-bottom: 50px;
}

/* Features Three Hover Effect Override with Top Animation */
.features-three__card {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  background-color: #fff !important;
}

.features-three__card__icon-box,
.features-three__card__content {
  position: relative !important;
  z-index: 10 !important;
}

.features-three__card::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 0% !important;
  background: linear-gradient(135deg, #91280d 0%, #6d1d07ff 50%, #6d1d07ff 100%) !important;
  transition: height 0.5s ease !important;
  z-index: 1 !important;
  bottom: auto !important;
  display: block !important;
}

.features-three__card:hover::after {
  height: 100% !important;
}

.features-three__card:hover .features-three__card__title,
.features-three__card:hover .features-three__card__text {
  color: #fff !important;
  opacity: 1 !important;
}

.features-three__card:hover .features-three__card__icon {
  color: #fff !important;
}

.features-three__card:hover .features-three__card__icon-box {
  background-color: #91280d !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Section Title Animation (Slider style) */
.sec-title__title span,
.sec-title__tagline span {
  display: inline-block;
  opacity: 0;
  transform: translate(-150px, 0) scale(0.3);
  will-change: transform, opacity;
}

.sec-title__title.is-visible span,
.sec-title__tagline.is-visible span {
  animation: leftRightText 0.5s forwards;
}

/* Redefining keyframes here to ensure they work even if eolexi.css changes */
@keyframes leftRightText {
  40% {
    transform: translate(50px, 0) scale(0.7);
    opacity: 1;
    color: inherit;
    /* Use title's original color initially */
  }

  60% {
    color: var(--eolexi-base, #91280d);
  }

  80% {
    transform: translate(0) scale(2);
    opacity: 0;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}

/* WhatsApp Sticky Button */
.whatsapp-sticky {
  position: fixed;
  bottom: 110px;
  right: 30px;
  z-index: 999;
  width: 60px;
  height: 60px;
  background: #1ebe5b;
  background: linear-gradient(135deg, #1ebe5b 0%, #128c7e 100%);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-decoration: none !important;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}

.whatsapp-sticky.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.whatsapp-sticky:hover {
  transform: scale(1.1) rotate(10deg);
  color: #fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.whatsapp-sticky i {
  line-height: 1;
}

/* Pulsing effect */
.whatsapp-sticky::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #1ebe5b;
  opacity: 0.5;
  z-index: -1;
  animation: whatsapp-pulse 2s infinite;
}

@keyframes whatsapp-pulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .whatsapp-sticky {
    bottom: 100px;
    right: 20px;
    width: 50px;
    height: 50px;
    font-size: 26px;
  }
}

.projects-one__card__text {
  font-size: 16.5px;
}

.why-choose__item__text,
.why-choose__list li {
  font-size: 17px;
}

/* Testimonial Image Animation */
.testimonials-one__image {
  animation: testimonial-float 4s ease-in-out infinite;
}

@keyframes testimonial-float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0);
  }
}