/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Footer CSS Start */
.footer-btn-gradient .elementor-button-text {
  background: linear-gradient(118.77deg, #7A57D1 3.67%, #DD469E 98.2%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.footer-btn-gradient:hover {}

.dual-color span {
  color: #7A57D1;
}


.logo-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -moz-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.icon-box-top {
  position: relative;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.6);
  /* frosted base */
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}


.icon-box-top::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 40px;
  background: radial-gradient(56.38% 45% at 47.03% 0%,
      #7A57D1 0%,
      rgba(122, 87, 209, 0.24) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}


/* Solution Area CSS */
.solution-box-inner span.elementor-icon {
  background: linear-gradient(118.77deg, #7A57D1 3.67%, #DD469E 98.2%);
  border: 1px solid #FFFFFF;
}

.solution-box-inner .elementor-button-text {
  background: linear-gradient(118.77deg, #7A57D1 3.67%, #DD469E 98.2%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.solution-box-inner span.elementor-button-icon svg {
  font-size: 12px;
}


.solution-box-inner {
  position: relative;
  border-radius: 16px;
  background: #ffffff;
  padding: 24px;
  overflow: hidden;
}

/* Gradient border */
.solution-box-inner::before,
.price-box::before,
.accordian-faq details.e-n-accordion-item[open]::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  padding: 1px;
  /* border thickness */
  border-radius: inherit;

  background: linear-gradient(180deg,
      rgba(122, 87, 209, 0.64) -4.11%,
      rgba(221, 70, 158, 0) 106.3%);

  /* Cut out the center */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}



.list-box li.elementor-icon-list-item {
  background: #7A57D133;
  padding: 10px !important;
  border-radius: 4px;
}

.list-box li.elementor-icon-list-item span.elementor-icon-list-text {
  line-height: 100%;
}


.price-tag .elementor-heading-title span,
.price-box:hover span.elementor-button-text {
  background: linear-gradient(118.77deg, #7A57D1 3.67%, #DD469E 98.2%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.price-tag .elementor-heading-title small {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #4B4B4B !important;
}

.price-box {
  position: relative !important;
  transition: 0.6s all;
}

.price-box::before {
  background: linear-gradient(175.1deg, #7A57D1 -6.78%, #DD469E 50.33%, rgba(221, 70, 158, 0) 112.72%) !important;
}

.price-box:hover {
  background: linear-gradient(118.77deg, #7A57D1 3.67%, #DD469E 98.2%);
}

.price-box:hover h3,
.price-box:hover p,
.price-box:hover span,
.price-box:hover small {
  color: #FFFFFF !important;
}

.price-box:hover span.elementor-icon,
.price-box:hover a.elementor-button.elementor-button-link.elementor-size-sm {
  background: #FFFFFF !important;
}

.price-box:hover span.elementor-icon-list-icon svg path {
  fill: #FFFFFF;
}

.price-box:hover .price-tag .elementor-heading-title span {
  background: none;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
}

.price-box:hover .elementor-divider span.elementor-divider-separator {
  border-color: #FFFFFF33 !important;
}

.price-btn {
  margin-top: auto !important;
  margin-bottom: 0 !important;
}

.accordian-faq span.e-n-accordion-item-title-icon span {
  background: linear-gradient(118.77deg, #7A57D1 3.67%, #DD469E 98.2%);
  width: 24px !important;
  height: 24px !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.accordian-faq details.e-n-accordion-item[open] summary.e-n-accordion-item-title {
  border-bottom: 0 !important;
}

.accordian-faq details.e-n-accordion-item[open]::before {
  border-radius: 16px;
}


/* Testimonial Vertical scroll */
.testimonial-slide-left .swiper-wrapper,
.testimonial-slide-right .swiper-wrapper {
  display: flex;
  flex-direction: column;
  transition-timing-function: linear !important;
}

.testimonial-slide-left .swiper,
.testimonial-slide-right .swiper {
  height: 850px;
  overflow: hidden;
}

.testimonial-slide-left .swiper-slide,
.testimonial-slide-right .swiper-slide {
  width: 100% !important;
  height: auto !important;
  min-height: 380px; /* REQUIRED */
}

.testimonial-slide-left .swiper-slide,
.testimonial-slide-right .swiper-slide {
  flex-shrink: 0 !important; /* important for proper sizing */
  margin-bottom: 24px;
}

.testimonial-slide-left .swiper-wrapper::after,
.testimonial-slide-right .swiper-wrapper::after {
  content: '';
  display: block;
  height: 100%;
}

.testimonial-slide-left .swiper-wrapper {
  animation: scrollUpToDown 40s linear infinite !important;
}

.testimonial-slide-right .swiper-wrapper {
  animation: scrollUp 40s linear infinite !important;
}

/* Keyframes: move wrapper up smoothly */
/* Keyframes for top → bottom */
@keyframes scrollUpToDown {
  0% {
    transform: translateY(-50%); /* start off-screen top */
  }
  100% {
    transform: translateY(0); /* move to original position */
  }
}

/* Keyframes for bottom → top */
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}



/* Responsive CSS start here */
@media only screen and (min-width: 1201px) and (max-width: 1599px) {

  header, footer, .elementor {
    zoom: 0.85;
    zoom: 85%;
  }

}



@media only screen and (max-width: 1280px) {
  .testimonial-slide-left .swiper,
  .testimonial-slide-right .swiper {
    height: 700px;
  }

  .testimonial-slide-left .swiper-slide,
  .testimonial-slide-right .swiper-slide {
    min-height: auto;
    margin-bottom: 15px;
  }

  .image-box-testi figure.elementor-image-box-img img {
    min-height: 40px !important;
    height: 40px !important;
    min-height: 40px;
  }

  


}