.elementor-kit-6{--e-global-color-primary:#EDF2F5;--e-global-color-secondary:#2D5AAB;--e-global-color-text:#484849;--e-global-color-accent:#73BDEC;--e-global-color-71ee787:#2C57A9;--e-global-color-f98259a:#EEEEEE;--e-global-color-0901410:#F0F1F4;--e-global-color-33e1a58:#FFFFFF00;--e-global-color-574592d:#FFFFFF;--e-global-color-a86edf9:#000000;--e-global-color-f98bbfd:#F6F7FA;--e-global-color-30188fe:#292F40;--e-global-color-ef1e638:#202533;--e-global-color-5e2c5b4:#FFFFFF;--e-global-color-ebfc5eb:#F5F8FC;--e-global-color-741d592:#4A8AC4;--e-global-color-2744f6c:#253545;--e-global-color-676acb7:#5B9FD6;--e-global-color-b7a640e:#4A8AC4;--e-global-color-05bc817:#3574AD;--e-global-typography-primary-font-family:"Instrument Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Instrument Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Instrument Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-03428a2-font-family:"Playfair Display";--e-global-typography-03428a2-font-weight:500;--e-global-typography-0e26731-font-family:"Outfit";--e-global-typography-0e26731-font-weight:400;background-color:var( --e-global-color-574592d );color:var( --e-global-color-text );font-family:"Noto Sans", Sans-serif;font-weight:400;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Instrument Sans", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0.5px;color:var( --e-global-color-574592d );border-style:solid;border-color:var( --e-global-color-secondary );border-radius:3px 3px 3px 3px;padding:18px 32px 18px 32px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-574592d );border-style:solid;border-color:var( --e-global-color-accent );}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 a:hover{color:#47725D80;}.elementor-kit-6 h1{color:var( --e-global-color-71ee787 );font-family:"Instrument Sans", Sans-serif;font-size:48px;font-weight:600;line-height:1.1em;letter-spacing:0.5px;}.elementor-kit-6 h2{color:var( --e-global-color-71ee787 );font-family:"Instrument Sans", Sans-serif;font-size:36px;font-weight:600;line-height:1.2em;letter-spacing:0.5px;}.elementor-kit-6 h3{color:var( --e-global-color-71ee787 );font-family:"Instrument Sans", Sans-serif;font-weight:600;line-height:1.2em;letter-spacing:0.5px;}.elementor-kit-6 h4{color:var( --e-global-color-71ee787 );font-family:"Instrument Sans", Sans-serif;font-weight:600;line-height:1.2em;letter-spacing:0.5px;}.elementor-kit-6 h5{color:var( --e-global-color-71ee787 );font-family:"Instrument Sans", Sans-serif;font-weight:600;line-height:1.2em;letter-spacing:0.5px;}.elementor-kit-6 h6{color:var( --e-global-color-71ee787 );font-family:"Instrument Sans", Sans-serif;line-height:1.2em;letter-spacing:0.5px;}.elementor-kit-6 img{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );background-color:var( --e-global-color-574592d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f98259a );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{padding:16px 18px 16px 18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:40px;}.elementor-kit-6 h2{font-size:30px;}.elementor-kit-6 h3{font-size:24px;}.elementor-kit-6 h4{font-size:20px;}.elementor-kit-6 h5{font-size:17px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════
   VITALIS PHYSIOTHERAPY — Pure Blue v3 — FINAL
   Complete Global CSS
   
   Wklej w: Site Settings → Custom CSS
   
   CSS CLASSES/ID mapa:
   ─────────────────────────────────────────────
   BannerSlider (Container)  → CSS Class: home-hero
   Slides (Widget)           → CSS ID:    hero-banner
   Stats Container           → CSS Class: vitalis-stats
   Header Container          → CSS Class: vitalis-header
   Help Cards                → CSS Class: help-card
   Service Grid              → CSS Class: svc-grid
   Service Cards             → CSS Class: svc-p / svc-r / svc-f
   Tech Cards                → CSS Class: tech-card
   Why List                  → CSS Class: why-list
   Footer                    → CSS Class: vitalis-footer
   CTA Section               → CSS Class: vitalis-cta
   ─────────────────────────────────────────────
═══════════════════════════════════════════════════════ */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }


/* ══════════════════════════════════
   SECTION LABEL (reusable)
══════════════════════════════════ */
.section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #6FA3D2;
  margin-bottom: 12px;
}
.section-label::before {
  content: '';
  width: 20px;
  height: 1.5px;
  background: #6FA3D2;
  border-radius: 1px;
}


/* ══════════════════════════════════
   1. HEADER — scroll effect
══════════════════════════════════ */
.vitalis-header {
  transition: all 0.4s ease;
}


/* ══════════════════════════════════
   2. HERO — BannerSlider wrapper
      CSS Class: home-hero
══════════════════════════════════ */
.home-hero {
  position: relative !important;
  max-height: 100vh;
  overflow: hidden !important;
}


/* ══════════════════════════════════
   3. HERO SLIDER — dots, arrows, overlay, buttons
      CSS ID: hero-banner (na widget Slides)
══════════════════════════════════ */

/* Pagination dots → pill shape */
#hero-banner .swiper-pagination-bullet,
.elementor-element-42e19b9 .swiper-pagination-bullet,
.elementor-slides .swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.35) !important;
  opacity: 1 !important;
  transition: all .3s !important;
  display: inline-block !important;
}
#hero-banner .swiper-pagination-bullet-active,
.elementor-element-42e19b9 .swiper-pagination-bullet-active,
.elementor-slides .swiper-pagination-bullet-active {
  background: #A8C4E0 !important;
  width: 28px !important;
  border-radius: 5px !important;
}

/* Navigation arrows → frosted circles */
.elementor-slides .elementor-swiper-button {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  transition: all .3s !important;
}
.elementor-slides .elementor-swiper-button:hover {
  background: rgba(255,255,255,.18) !important;
}

/* Heading separator line (pod label np. "TECAR Therapy") */
#hero-banner .elementor-slide-heading::after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 1.5px;
  background-color: #A8C4E0;
  position: relative;
  top: 12px;
}

/* Hero overlay — niebieski zamiast szarego */
#hero-banner .elementor-background-overlay {
  background-color: rgba(27,58,92,0.35) !important;
}

/* Buttons in slider description */
#hero-banner .hero-btn-container {
  display: block;
  margin-top: 8px;
}
#hero-banner .hero-btn {
  border-width: 1.5px;
  border-radius: 8px;
  border-style: solid;
  padding: 14px 32px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2px;
  display: inline-block;
  transition: all 0.3s ease;
  margin: 0 6px;
  text-decoration: none;
}
#hero-banner .hero-btn.style1 {
  background-color: #4A8AC4;
  color: #fff;
  border-color: #4A8AC4;
}
#hero-banner .hero-btn.style1:hover {
  background-color: #3574AD;
  border-color: #3574AD;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(74,138,196,.2);
}
#hero-banner .hero-btn.style2 {
  background-color: rgba(255,255,255,.12);
  color: #fff;
  border-color: rgba(255,255,255,.25);
}
#hero-banner .hero-btn.style2:hover {
  background-color: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.4);
}
@media (max-width: 1024px) {
  #hero-banner .hero-btn {
    padding: 12px 24px;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #hero-banner .hero-btn-container {
    position: relative;
    top: 20px;
  }
  #hero-banner .hero-btn {
    padding: 11px 20px;
    margin: 0 4px 8px;
  }
}


/* ══════════════════════════════════
   4. STATS BAR — pozycjonowanie + styl
      CSS Class: vitalis-stats
══════════════════════════════════ */
.vitalis-stats {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: auto !important;
  width: 100% !important;
  max-width: 900px !important;
  z-index: 10 !important;
/*  background-color: rgba(255, 255, 255, 0.95) !important;*/
  background-color: #FFFFFF40 !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 16px 16px 0 0 !important;
  box-shadow: 0 -4px 30px rgba(0,0,0,0.04) !important;
}

/* Dots — wyżej nad stats barem, wymuś widoczność */
#hero-banner .swiper-pagination,
.elementor-slides .swiper-pagination,
.elementor-element-42e19b9 .swiper-pagination,
.elementor-slides .swiper-pagination-bullets {
  bottom: 120px !important;
  z-index: 20 !important;
  display: flex !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Separatory między kolumnami */
.vitalis-stats > .e-con-inner > .e-child:not(:last-child),
.vitalis-stats > .elementor-element > .e-child:not(:last-child),
.vitalis-stats .e-con-inner > .e-child:not(:last-child) {
  border-right: 1px solid #D8E3EE;
}

/* Hover na kolumnach */
.vitalis-stats {
  background-color: #FFFFFF40 !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.vitalis-stats .e-con-inner > .e-child:not(:last-child) {
  border-right: 1px solid #D8E3EE;
}
.vitalis-stats .e-con-inner > .e-child {
  transition: background-color 3s ease;
}
.vitalis-stats .e-con-inner > .e-child:hover {
  /*background-color: #F5F8FC;*/
    background-color: #FFFFFF40 !important;
}


/* Wartość liczbowa (pierwszy heading w każdej kolumnie) */
.vitalis-stats .elementor-heading-title {
  text-align: center;
}

/* skasowane   */

/* ══════════════════════════════════
   5. HELP CARDS — bottom line + hover
══════════════════════════════════ */
.help-card {
  position: relative;
  overflow: hidden;
  transition: all 0.35s ease;
}
.help-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #4A8AC4;
  transform: scaleX(0);
  transition: transform 0.35s ease;
  transform-origin: center;
}
.help-card:hover::after {
  transform: scaleX(1);
}
.help-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(74,138,196,.07);
  border-color: #C5D8ED !important;
}


/* ══════════════════════════════════
   6. SERVICE TABS — override Elementor defaults
══════════════════════════════════ */
.elementor-widget-html .svc-tab,
.elementor-element .svc-tab,
button.svc-tab {
  padding: 9px 20px !important;
  border-radius: 40px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border: 1.5px solid #D8E3EE !important;
  color: #556B7E !important;
  background: #fff !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.2px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.elementor-widget-html .svc-tab:hover,
.elementor-element .svc-tab:hover,
button.svc-tab:hover {
  border-color: #6FA3D2 !important;
  color: #4A8AC4 !important;
  background: #F5F8FC !important;
}
.elementor-widget-html .svc-tab.active,
.elementor-element .svc-tab.active,
button.svc-tab.active {
  background: #4A8AC4 !important;
  color: #fff !important;
  border-color: #4A8AC4 !important;
}


/* ══════════════════════════════════
   7. SERVICE CARDS — hover
══════════════════════════════════ */
.svc-card {
  transition: transform 0.4s ease;
}
.svc-card:hover {
  transform: scale(1.02);
}
.svc-card .svc-bg {
  transition: transform 0.6s ease;
}
.svc-card:hover .svc-bg {
  transform: scale(1.06);
}
.svc-card .svc-desc {
  opacity: 0;
  transform: translateY(6px);
  transition: all 0.3s ease;
}
.svc-card:hover .svc-desc {
  opacity: 1;
  transform: translateY(0);
}


/* ══════════════════════════════════
   8. TECH BADGE
══════════════════════════════════ */
.tech-badge {
  display: inline-block;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 16px;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
  background: #E3EFF9;
  color: #2A6090;
}


/* ══════════════════════════════════
   9. TECH CARDS — hover
══════════════════════════════════ */
.tech-card {
  transition: all 0.35s ease;
}
.tech-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(74,138,196,.06);
  border-color: #C5D8ED !important;
}


/* ══════════════════════════════════
   10. WHY LIST — item hover
══════════════════════════════════ */
.why-list .elementor-icon-list-item {
  padding: 12px 14px;
  border-radius: 10px;
  transition: background-color 0.25s ease;
}
.why-list .elementor-icon-list-item:hover {
  background-color: #EBF1F8;
}


/* ══════════════════════════════════
   11. FOOTER SOCIAL ICONS
══════════════════════════════════ */
.vitalis-footer .elementor-social-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.06) !important;
  transition: all 0.3s ease !important;
}
.vitalis-footer .elementor-social-icon:hover {
  background: #4A8AC4 !important;
}
.vitalis-footer .elementor-social-icon i {
  color: rgba(255,255,255,.4) !important;
  transition: color 0.3s !important;
}
.vitalis-footer .elementor-social-icon:hover i {
  color: #fff !important;
}


/* ══════════════════════════════════
   12. BUTTON ARROW ANIMATION
══════════════════════════════════ */
.elementor-button .elementor-button-icon {
  transition: transform 0.3s ease;
}
.elementor-button:hover .elementor-button-icon {
  transform: translateX(3px);
}


/* ══════════════════════════════════
   13. CTA BANNER
══════════════════════════════════ */
.vitalis-cta {
  position: relative;
  overflow: hidden;
}
.vitalis-cta::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(107,163,210,.12), transparent 70%);
  top: -200px;
  right: -100px;
  pointer-events: none;
}


/* ══════════════════════════════════
   14. RESPONSIVE
══════════════════════════════════ */
@media (max-width: 1024px) {
  .welcome-grid,
  .why-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
}

@media (max-width: 767px) {
  .slide-label::after {
    display: none;
  }
  .elementor-button {
    width: 100%;
    justify-content: center;
  }
  .vitalis-stats {
    max-width: 95% !important;
    border-radius: 12px 12px 0 0 !important;
  }
  #hero-banner .swiper-pagination,
  .elementor-slides .swiper-pagination {
    bottom: 100px !important;
  }
}


/* ══════════════════════════════════
   15. CTA BUTTONS — Elementor Button widget override
   
   Użycie: Widget Button → Advanced → CSS Classes
   
   Book Now:     cta-btn style1
   Call Us:      cta-btn style2         (na ciemnym tle)
   Call Us:      cta-btn style2-light   (na jasnym tle)
   Alternatywa:  cta-btn style3         (jaśniejszy blue)
   
   Elementor renderuje: 
   <a class="elementor-button cta-btn style1" ...>
     <span class="elementor-button-content-wrapper">
       <span class="elementor-button-text">Book Now</span>
     </span>
   </a>
   
   Dlatego targetujemy .elementor-button.cta-btn
══════════════════════════════════ */

/* Base — nadpisz wszystkie domyślne style Elementora */
.elementor-button.cta-btn,
.elementor-widget-button .cta-btn,
a.cta-btn,
.cta-btn {
  border-width: 1.5px !important;
  border-radius: 8px !important;
  border-style: solid !important;
  padding: 14px 32px !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
  text-align: center !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  min-height: auto !important;
  outline: none !important;
}

/* Wyzeruj wrappery Elementora — usuń podwójne ramki/tła/paddingi */
.elementor-widget-button:has(.cta-btn),
.elementor-widget-button:has(.cta-btn) .elementor-widget-container,
.elementor-widget-button:has(.cta-btn) .elementor-button-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Fallback dla przeglądarek bez :has() */
.elementor-widget-button .elementor-button-wrapper:has(.cta-btn) {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Content wrapper wewnątrz buttona */
.elementor-button.cta-btn .elementor-button-content-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Style 1 — primary blue (każde tło) */
.elementor-button.cta-btn.style1,
.elementor-widget-button .cta-btn.style1,
a.cta-btn.style1,
.cta-btn.style1 {
  background-color: #4A8AC4 !important;
  color: #fff !important;
  border-color: #4A8AC4 !important;
  height: 65px !important;
  width: 185px !important;
}
.elementor-button.cta-btn.style1:hover,
.elementor-button.cta-btn.style1:focus,
a.cta-btn.style1:hover,
.cta-btn.style1:hover {
  background-color: #3574AD !important;
  color: #fff !important;
  border-color: #3574AD !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(74,138,196,.2) !important;
}

/* Style 2 — ghost na CIEMNYM tle */
.elementor-button.cta-btn.style2,
.elementor-widget-button .cta-btn.style2,
a.cta-btn.style2,
.cta-btn.style2 {
  background-color: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.25) !important;
  height: 65px !important;
  width: 185px !important;
}
.elementor-button.cta-btn.style2:hover,
.elementor-button.cta-btn.style2:focus,
a.cta-btn.style2:hover,
.cta-btn.style2:hover {
  background-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.4) !important;
}

/* Style 2-light — outline na JASNYM tle */
.elementor-button.cta-btn.style2-light,
.elementor-widget-button .cta-btn.style2-light,
a.cta-btn.style2-light,
.cta-btn.style2-light {
  background-color: transparent !important;
  color: #556B7E !important;
  border-color: #D8E3EE !important;
  height: 65px !important;
  width: 185px !important;
}
.elementor-button.cta-btn.style2-light:hover,
.elementor-button.cta-btn.style2-light:focus,
a.cta-btn.style2-light:hover,
.cta-btn.style2-light:hover {
  background-color: #F5F8FC !important;
  color: #4A8AC4 !important;
  border-color: #4A8AC4 !important;
}

/* Style 3 — accent lighter blue */
.elementor-button.cta-btn.style3,
.elementor-widget-button .cta-btn.style3,
a.cta-btn.style3,
.cta-btn.style3 {
  background-color: #5B9FD6 !important;
  color: #fff !important;
  border-color: #5B9FD6 !important;
  height: 65px !important;
  width: 185px !important;
}
.elementor-button.cta-btn.style3:hover,
.elementor-button.cta-btn.style3:focus,
a.cta-btn.style3:hover,
.cta-btn.style3:hover {
  background-color: #4A8AC4 !important;
  color: #fff !important;
  border-color: #4A8AC4 !important;
  transform: translateY(-1px) !important;
}

/* Text wewnątrz buttona — wymuś kolor dziedziczony */
.elementor-button.cta-btn .elementor-button-text,
.elementor-button.cta-btn .elementor-button-icon,
.elementor-button.cta-btn .elementor-button-icon i,
.elementor-button.cta-btn .elementor-button-icon svg {
  color: inherit !important;
  fill: inherit !important;
}

/* Icon arrow animation */
.elementor-button.cta-btn .elementor-button-icon {
  transition: transform 0.3s ease !important;
}
.elementor-button.cta-btn:hover .elementor-button-icon {
  transform: translateX(3px) !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .elementor-button.cta-btn,
  a.cta-btn,
  .cta-btn {
    padding: 12px 24px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .elementor-button.cta-btn,
  a.cta-btn,
  .cta-btn {
    padding: 12px 20px !important;
    width: 100% !important;
  }
}/* End custom CSS */