/* Index Page Specific Styles */

/* Material Symbols - larger size for index */
.material-symbols-outlined {
  font-size: 34px; 
}

/* Testimonials Swiper */
.testimonial-card { 
  opacity: 0.7; 
  transform: scale(0.9) translateY(20px) rotateX(5deg); 
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
  filter: none;
}
.swiper-slide-active .testimonial-card { 
  opacity: 1; 
  transform: scale(1) translateY(0) rotateX(0deg); 
  filter: none;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.swiper-slide-next .testimonial-card,
.swiper-slide-prev .testimonial-card { 
  opacity: 0.85; 
  transform: scale(0.98) translateY(2px) rotateX(0.3deg); 
  filter: none;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.testimonials-swiper { 
  position: relative; 
  overflow: hidden; 
}
.testimonials-swiper .swiper-wrapper { 
  align-items: stretch; 
}
.testimonials-swiper .swiper-slide { 
  height: auto; 
  display: flex; 
}
.testimonials-swiper::before,
.testimonials-swiper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  z-index: 10;
  pointer-events: none;
}
.testimonials-swiper::before {
  left: 0;
  background: linear-gradient(to right, 
    var(--light-bg, #f7f8fc) 0%, 
    var(--light-bg, #f7f8fc) 30%,
    rgba(247, 248, 252, 0.8) 60%,
    rgba(247, 248, 252, 0.4) 80%,
    transparent 100%);
}
.testimonials-swiper::after {
  right: 0;
  background: linear-gradient(to left, 
    var(--light-bg, #f7f8fc) 0%, 
    var(--light-bg, #f7f8fc) 30%,
    rgba(247, 248, 252, 0.8) 60%,
    rgba(247, 248, 252, 0.4) 80%,
    transparent 100%);
}
.dark .testimonials-swiper::before {
  background: linear-gradient(to right, 
    var(--dark-bg, #0a0d12) 0%, 
    var(--dark-bg, #0a0d12) 30%,
    rgba(10, 13, 18, 0.8) 60%,
    rgba(10, 13, 18, 0.4) 80%,
    transparent 100%);
}
.dark .testimonials-swiper::after {
  background: linear-gradient(to left, 
    var(--dark-bg, #0a0d12) 0%, 
    var(--dark-bg, #0a0d12) 30%,
    rgba(10, 13, 18, 0.8) 60%,
    rgba(10, 13, 18, 0.4) 80%,
    transparent 100%);
}
@media (max-width: 768px) {
  .testimonials-swiper::before,
  .testimonials-swiper::after {
    display: none;
  }
}
.testimonial-card {
  max-height: 400px;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
  gap: 0;
}
.testimonial-text {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  line-height: 1.45;
  margin: 0;
  text-overflow: ellipsis;
  margin-bottom: 15px;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.testimonial-footer {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  margin-top: -0.5rem;
}
.swiper-pagination {
  position: relative;
}
@media (max-width: 768px) {
  .testimonial-card {
    height: 300px;
  }
  .testimonial-text {
    -webkit-line-clamp: 8;
    line-clamp: 8;
    line-height: 1.35;
  }
}

/* Allay Container */
.allay-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(300px, 35vw, 700px);
  height: clamp(300px, 35vw, 700px);
  margin: 0 auto;
  animation: levitate-custom 4s ease-in-out infinite;
}
@keyframes levitate-custom {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-40px);
  }
}
.allay-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(150px, 18vw, 380px);
  height: clamp(150px, 18vw, 380px);
  background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.1) 40%, rgba(59, 130, 246, 0.05) 60%, transparent 80%);
  border-radius: 50%;
  filter: blur(clamp(25px, 3vw, 50px));
  animation: pulse-glow 3s ease-in-out infinite;
}
.allay-image {
  position: relative;
  z-index: 2;
  width: clamp(200px, 25vw, 500px);
  height: clamp(200px, 25vw, 500px);
  object-fit: contain;
  filter: drop-shadow(0 0 clamp(12px, 2vw, 30px) rgba(59, 130, 246, 0.25));
  transition: opacity 0.5s ease-in-out;
}
@keyframes pulse-glow {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    opacity: 0.7;
  }
}
.dark .allay-glow {
  background: radial-gradient(circle, rgba(88, 166, 255, 0.3) 0%, rgba(88, 166, 255, 0.15) 40%, rgba(88, 166, 255, 0.08) 60%, transparent 80%);
}
.dark .allay-image {
  filter: drop-shadow(0 0 clamp(15px, 2.5vw, 38px) rgba(88, 166, 255, 0.35));
}

/* Word Slider */
.word-slider-container {
  position: relative;
  display: inline-block;
  min-width: 11ch;
  text-align: left;
  vertical-align: baseline;
  line-height: 1.2;
  min-height: 1.2em;
  height: auto;
  overflow: visible;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}
@media (min-width: 640px) {
  .word-slider-container::after {
    content: ' ';
  }
}
@media (max-width: 640px) {
  h1 .word-slider-container {
    margin-right: 0;
  }
  h1 .hosting-text {
    margin-left: 0;
  }
  h1 {
    word-spacing: -0.3em;
  }
  h1 .word-slider-container,
  h1 .hosting-text {
    word-spacing: normal;
  }
}

@keyframes featureBlockFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.feature-block-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1) var(--delay, 0s), 
              transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) var(--delay, 0s),
              box-shadow 0.3s ease;
  cursor: pointer;
}

.feature-block-animate.visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
              transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.3s ease;
}

#features .feature-block-animate:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

#features .feature-block-animate.visible:hover {
  transform: translateY(-8px) !important;
}

.testimonials-header-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
              transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.testimonials-header-animate.visible {
  opacity: 1;
  transform: translateY(0);
}

.testimonials-slider-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s, 
              transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.testimonials-slider-animate.visible {
  opacity: 1;
  transform: translateY(0);
}
.word-slider-word {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  white-space: nowrap;
  line-height: 1.2;
  font-weight: inherit;
  font-size: inherit;
  pointer-events: none;
  will-change: opacity, transform;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  z-index: 10 !important;
  mix-blend-mode: normal;
  opacity: 0;
  transform: translateY(25px) scale(0.95);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
              transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.word-slider-word::before,
.word-slider-word::after {
  display: none !important;
  content: none !important;
}
.word-slider-word.word-active {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  z-index: 100 !important;
}
.word-slider-word:not(.word-active):not(.word-sliding-out) {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: inherit !important;
}
.word-slider-word.word-powerful.word-active {
  color: #3b82f6 !important;
}
.dark .word-slider-word.word-powerful.word-active {
  color: #60a5fa !important;
}
.word-slider-word.word-powerful.word-sliding-out {
  color: #3b82f6 !important;
}
.dark .word-slider-word.word-powerful.word-sliding-out {
  color: #60a5fa !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-powerful.word-active {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-powerful.word-active {
    background-image: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%) !important;
  }
  .word-slider-word.word-powerful.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-powerful.word-sliding-out {
    background-image: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%) !important;
  }
}
.word-slider-word.word-stable.word-active {
  color: #10b981 !important;
}
.dark .word-slider-word.word-stable.word-active {
  color: #34d399 !important;
}
.word-slider-word.word-stable.word-sliding-out {
  color: #10b981 !important;
}
.dark .word-slider-word.word-stable.word-sliding-out {
  color: #34d399 !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-stable.word-active {
    background-image: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-stable.word-active {
    background-image: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
  }
  .word-slider-word.word-stable.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-stable.word-sliding-out {
    background-image: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
  }
}
.word-slider-word.word-reliable.word-active {
  color: #8b5cf6 !important;
}
.dark .word-slider-word.word-reliable.word-active {
  color: #a78bfa !important;
}
.word-slider-word.word-reliable.word-sliding-out {
  color: #8b5cf6 !important;
}
.dark .word-slider-word.word-reliable.word-sliding-out {
  color: #a78bfa !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-reliable.word-active {
    background-image: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-reliable.word-active {
    background-image: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%) !important;
  }
  .word-slider-word.word-reliable.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-reliable.word-sliding-out {
    background-image: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%) !important;
  }
}
.word-slider-word.word-fast.word-active {
  color: #f59e0b !important;
}
.dark .word-slider-word.word-fast.word-active {
  color: #fbbf24 !important;
}
.word-slider-word.word-fast.word-sliding-out {
  color: #f59e0b !important;
}
.dark .word-slider-word.word-fast.word-sliding-out {
  color: #fbbf24 !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-fast.word-active {
    background-image: linear-gradient(135deg, #f59e0b 0%, #ef4444 50%, #dc2626 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-fast.word-active {
    background-image: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #ef4444 100%) !important;
  }
  .word-slider-word.word-fast.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #f59e0b 0%, #ef4444 50%, #dc2626 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-fast.word-sliding-out {
    background-image: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #ef4444 100%) !important;
  }
}
.word-slider-word.word-secure.word-active {
  color: #06b6d4 !important;
}
.dark .word-slider-word.word-secure.word-active {
  color: #22d3ee !important;
}
.word-slider-word.word-secure.word-sliding-out {
  color: #06b6d4 !important;
}
.dark .word-slider-word.word-secure.word-sliding-out {
  color: #22d3ee !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-secure.word-active {
    background-image: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-secure.word-active {
    background-image: linear-gradient(135deg, #22d3ee 0%, #06b6d4 50%, #0891b2 100%) !important;
  }
  .word-slider-word.word-secure.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-secure.word-sliding-out {
    background-image: linear-gradient(135deg, #22d3ee 0%, #06b6d4 50%, #0891b2 100%) !important;
  }
}
.word-slider-word.word-modern.word-active {
  color: #8b5cf6 !important;
}
.dark .word-slider-word.word-modern.word-active {
  color: #a78bfa !important;
}
.word-slider-word.word-modern.word-sliding-out {
  color: #8b5cf6 !important;
}
.dark .word-slider-word.word-modern.word-sliding-out {
  color: #a78bfa !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-modern.word-active {
    background-image: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-modern.word-active {
    background-image: linear-gradient(135deg, #f472b6 0%, #a78bfa 50%, #60a5fa 100%) !important;
  }
  .word-slider-word.word-modern.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-modern.word-sliding-out {
    background-image: linear-gradient(135deg, #f472b6 0%, #a78bfa 50%, #60a5fa 100%) !important;
  }
}
.word-slider-word.word-affordable.word-active {
  color: #22c55e !important;
}
.dark .word-slider-word.word-affordable.word-active {
  color: #4ade80 !important;
}
.word-slider-word.word-affordable.word-sliding-out {
  color: #22c55e !important;
}
.dark .word-slider-word.word-affordable.word-sliding-out {
  color: #4ade80 !important;
}
@supports (-webkit-background-clip: text) {
  .word-slider-word.word-affordable.word-active {
    background-image: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    animation: gradientShift 4s ease infinite;
  }
  .dark .word-slider-word.word-affordable.word-active {
    background-image: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%) !important;
  }
  .word-slider-word.word-affordable.word-sliding-out {
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    background-size: 200% 200% !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
  }
  .dark .word-slider-word.word-affordable.word-sliding-out {
    background-image: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%) !important;
  }
}
.word-slider-word.word-sliding-out:not(.word-active) {
  opacity: 0;
  transform: translateY(-25px) scale(0.95);
  z-index: 0;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
              transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
h1 {
  position: relative;
  display: block;
  z-index: 1;
}
h1 .word-slider-container {
  position: relative;
  display: inline-block;
  z-index: 100 !important;
  min-height: 1.2em;
  height: auto;
  overflow: visible;
  vertical-align: top;
  pointer-events: none;
  line-height: 1.2;
  margin-bottom: 0;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  background-size: auto !important;
  border: none !important;
  box-shadow: none !important;
  position: relative;
}
h1 .word-slider-word {
  z-index: 101 !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  isolation: auto;
}
h1 .word-slider-word.word-active {
  z-index: 102 !important;
}
h1 > span:not(.word-slider-container) {
  position: relative;
  z-index: 1 !important;
  display: block;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  line-height: inherit;
  color: inherit;
}
@media (max-width: 767px) {
  section h1 > span:not(.word-slider-container),
  .flex-1.text-center h1 > span:not(.word-slider-container),
  h1 > span:not(.word-slider-container) {
    padding-top: 0.375rem !important;
  }
  section h1 > span:not(.word-slider-container)::before,
  .flex-1.text-center h1 > span:not(.word-slider-container)::before,
  h1 > span:not(.word-slider-container)::before {
    content: '' !important;
    display: block !important;
    height: 0.375rem !important;
    width: 100% !important;
  }
}
section:first-of-type {
  position: relative;
  z-index: 1;
}
section:first-of-type .container {
  position: relative;
  z-index: 1;
}
@keyframes gradientShift {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@media (max-width: 640px) {
  .word-slider-container {
    min-width: 10ch;
  }
}

/* Mobile Responsive for Hero Section */
@media (max-width: 767px) {
  main > section:first-of-type,
  main .content-wrap > section:first-of-type,
  section.relative:first-of-type {
    padding-top: 18vh !important;
    padding-bottom: 2rem !important;
  }
  main > section:first-of-type .main-btn,
  main .content-wrap > section:first-of-type .main-btn,
  section.relative:first-of-type .main-btn {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    width: auto !important;
    max-width: 200px !important;
    display: inline-block !important;
  }
  main > section:first-of-type .main-btn i,
  main .content-wrap > section:first-of-type .main-btn i,
  section.relative:first-of-type .main-btn i {
    font-size: 0.875rem !important;
    margin-right: 0.375rem !important;
  }
  section > div.container.mx-auto > div.flex.justify-between,
  section > div.container > div.flex.justify-between,
  section > div > div.flex.justify-between {
    justify-content: center !important;
    align-items: center !important;
  }
  section > div.container > div.flex > div.flex-1.text-center.lg\\:text-left,
  section > div > div.flex > div.flex-1.text-center,
  div.flex-1.text-center.lg\\:text-left,
  .flex-1.text-center {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  section h1,
  section > div > div.flex-1 h1,
  .flex-1.text-center h1 { 
    font-size: clamp(1.5rem, 5vw, 2.5rem) !important;
    line-height: 1.3 !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  section h1 > br,
  .flex-1.text-center h1 > br {
    display: none !important;
  }
  section h1 .word-slider-container,
  .flex-1.text-center h1 .word-slider-container {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    height: auto !important;
    min-height: 1.2em !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  section h1 .word-slider-word,
  .flex-1.text-center h1 .word-slider-word {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    max-width: calc(100% - 1rem) !important;
    position: absolute !important;
    display: inline-block !important;
    line-height: 1.3 !important;
    text-align: center !important;
    left: 50% !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }
  section h1 > span:not(.word-slider-container),
  .flex-1.text-center h1 > span:not(.word-slider-container) {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0 !important;
    clear: both !important;
  }
  section h1 > span:not(.word-slider-container)::before,
  .flex-1.text-center h1 > span:not(.word-slider-container)::before {
    content: '' !important;
    display: block !important;
    height: 0.375rem !important;
    width: 100% !important;
  }
  @media (max-width: 360px) {
    h1 {
      font-size: 1.3rem !important;
      line-height: 1.4 !important;
    }
    h1 .word-slider-container {
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 1.2em !important;
      margin-bottom: 0 !important;
      margin-top: 0 !important;
      padding-bottom: 0 !important;
      padding-top: 0 !important;
      line-height: 1.2 !important;
    }
    section h1 > span:not(.word-slider-container),
    .flex-1.text-center h1 > span:not(.word-slider-container) {
      padding-top: 0.375rem !important;
    }
    section h1 > span:not(.word-slider-container)::before,
    .flex-1.text-center h1 > span:not(.word-slider-container)::before {
      height: 0.375rem !important;
    }
    h1 .word-slider-word {
      max-width: calc(100% - 0.5rem) !important;
      font-size: 0.95em !important;
      white-space: normal !important;
      word-break: break-word !important;
      overflow-wrap: break-word !important;
    }
  }
  @media (min-width: 361px) and (max-width: 480px) {
    h1 {
      font-size: 1.5rem !important;
    }
    h1 .word-slider-container {
      max-width: 100% !important;
      min-height: 1.2em !important;
      margin-bottom: 0 !important;
      margin-top: 0 !important;
      padding-bottom: 0 !important;
      padding-top: 0 !important;
      line-height: 1.2 !important;
    }
    section h1 > span:not(.word-slider-container),
    .flex-1.text-center h1 > span:not(.word-slider-container) {
      padding-top: 0.375rem !important;
    }
    section h1 > span:not(.word-slider-container)::before,
    .flex-1.text-center h1 > span:not(.word-slider-container)::before {
      height: 0.375rem !important;
    }
    h1 .word-slider-word {
      max-width: calc(100% - 1rem) !important;
    }
  }
  @media (min-width: 481px) {
    section h1 > span:not(.word-slider-container),
    .flex-1.text-center h1 > span:not(.word-slider-container) {
      padding-top: 0.5rem !important;
    }
    section h1 > span:not(.word-slider-container)::before,
    .flex-1.text-center h1 > span:not(.word-slider-container)::before {
      height: 0.5rem !important;
    }
  }
  @media (min-width: 640px) {
    h1 {
      font-size: clamp(1.75rem, 4vw, 3rem) !important;
    }
  }
  @media (min-width: 768px) {
    main > section:first-of-type,
    main .content-wrap > section:first-of-type,
    section.relative:first-of-type {
      padding-top: inherit !important;
      padding-bottom: inherit !important;
    }
  }
  .testimonials-swiper {
    padding: 0 1rem !important;
  }
  .testimonial-card {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .testimonial-text {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    padding: 1rem !important;
  }
}