{"id":25147,"date":"2026-03-31T09:55:07","date_gmt":"2026-03-31T14:55:07","guid":{"rendered":"https:\/\/spanish4dinner.com\/?page_id=25147"},"modified":"2026-06-09T16:47:28","modified_gmt":"2026-06-09T21:47:28","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/spanish4dinner.com\/","title":{"rendered":"Landing Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25147\" class=\"elementor elementor-25147\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92a73a e-con-full e-flex e-con e-parent\" data-id=\"a92a73a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-336d560 elementor-widget elementor-widget-html\" data-id=\"336d560\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 HERO RESET & VARIABLES \u2500\u2500 *\/\r\n.s4d-hero *,\r\n.s4d-hero *::before,\r\n.s4d-hero *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.s4d-hero {\r\n  --s4d-vinotinto: #570129;\r\n  --s4d-vinotinto-dark: #3D001C;\r\n  --s4d-vinotinto-light: #7A1045;\r\n  --s4d-dorado: #F4C00C;\r\n  --s4d-dorado-light: #FFD740;\r\n  --s4d-dorado-soft: rgba(244, 192, 12, 0.15);\r\n  --s4d-cream: #FFF9E6;\r\n  --s4d-white: #FFFFFF;\r\n  --s4d-text-dark: #2D0A1A;\r\n  --s4d-text-light: #FFFFFF;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 92vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: linear-gradient(155deg, var(--s4d-vinotinto-dark) 0%, var(--s4d-vinotinto) 40%, var(--s4d-vinotinto-light) 100%);\r\n  overflow: hidden;\r\n  padding: 60px 24px;\r\n  font-family: 'Spinnaker', sans-serif;\r\n}\r\n\r\n\/* \u2500\u2500 DECORATIVE BACKGROUND ELEMENTS \u2500\u2500 *\/\r\n.s4d-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -120px;\r\n  right: -120px;\r\n  width: 500px;\r\n  height: 500px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, var(--s4d-dorado-soft) 0%, transparent 70%);\r\n  animation: s4d-glow 6s ease-in-out infinite alternate;\r\n}\r\n\r\n.s4d-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -80px;\r\n  left: -80px;\r\n  width: 350px;\r\n  height: 350px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(244, 192, 12, 0.08) 0%, transparent 70%);\r\n  animation: s4d-glow 8s ease-in-out 2s infinite alternate;\r\n}\r\n\r\n@keyframes s4d-glow {\r\n  0% { transform: scale(1); opacity: 0.6; }\r\n  100% { transform: scale(1.15); opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500 GRID PATTERN OVERLAY \u2500\u2500 *\/\r\n.s4d-hero-pattern {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    radial-gradient(circle at 1px 1px, rgba(255,255,255,0.03) 1px, transparent 0);\r\n  background-size: 40px 40px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.s4d-hero-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: TEXT CONTENT \u2500\u2500 *\/\r\n.s4d-hero-content {\r\n  animation: s4d-slideUp 0.8s ease-out both;\r\n}\r\n\r\n@keyframes s4d-slideUp {\r\n  from { opacity: 0; transform: translateY(40px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Logo *\/\r\n.s4d-hero-logo {\r\n  margin-bottom: 28px;\r\n  animation: s4d-slideUp 0.8s ease-out 0.1s both;\r\n}\r\n\r\n.s4d-hero-logo a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background: rgba(255, 255, 255, 0.95);\r\n  padding: 10px 20px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\r\n  text-decoration: none;\r\n  transition: box-shadow 0.3s ease;\r\n}\r\n\r\n.s4d-hero-logo a:hover {\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);\r\n}\r\n\r\n.s4d-hero-logo img {\r\n  max-height: 44px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 \"Hola\" pill \u2500\u2500 *\/\r\n.s4d-hero-greeting {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--s4d-dorado-soft);\r\n  border: 1px solid rgba(244, 192, 12, 0.3);\r\n  border-radius: 100px;\r\n  padding: 8px 20px;\r\n  margin-bottom: 24px;\r\n  font-family: 'Spinnaker', sans-serif;\r\n  font-size: 15px;\r\n  color: var(--s4d-dorado-light);\r\n  letter-spacing: 0.5px;\r\n  animation: s4d-slideUp 0.8s ease-out 0.2s both;\r\n}\r\n\r\n.s4d-hero-greeting span {\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* \u2500\u2500 HEADLINE \u2500\u2500 *\/\r\n.s4d-hero-headline {\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: clamp(36px, 4.5vw, 56px);\r\n  font-weight: 600;\r\n  line-height: 1.12;\r\n  color: var(--s4d-white);\r\n  margin-bottom: 20px;\r\n  animation: s4d-slideUp 0.8s ease-out 0.3s both;\r\n}\r\n\r\n.s4d-hero-headline em {\r\n  font-style: normal;\r\n  color: var(--s4d-dorado);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.s4d-hero-headline em::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 2px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 3px;\r\n  background: var(--s4d-dorado);\r\n  border-radius: 2px;\r\n  opacity: 0.4;\r\n}\r\n\r\n\/* \u2500\u2500 SUBTITLE \u2500\u2500 *\/\r\n.s4d-hero-subtitle {\r\n  font-family: 'Spinnaker', sans-serif;\r\n  font-size: clamp(16px, 1.8vw, 19px);\r\n  line-height: 1.65;\r\n  color: rgba(255, 255, 255, 0.82);\r\n  margin-bottom: 32px;\r\n  max-width: 520px;\r\n  animation: s4d-slideUp 0.8s ease-out 0.4s both;\r\n}\r\n\r\n.s4d-hero-subtitle strong {\r\n  color: var(--s4d-white);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 PROMO BANNER \u2500\u2500 *\/\r\n.s4d-hero-promo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: linear-gradient(135deg, var(--s4d-dorado) 0%, var(--s4d-dorado-light) 100%);\r\n  color: var(--s4d-vinotinto-dark);\r\n  padding: 14px 24px;\r\n  border-radius: 12px;\r\n  margin-bottom: 36px;\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.2px;\r\n  box-shadow:\r\n    0 4px 20px rgba(244, 192, 12, 0.35),\r\n    0 0 0 1px rgba(244, 192, 12, 0.2);\r\n  animation: s4d-slideUp 0.8s ease-out 0.5s both, s4d-shimmer 3s ease-in-out 2s infinite;\r\n}\r\n\r\n@keyframes s4d-shimmer {\r\n  0%, 100% { box-shadow: 0 4px 20px rgba(244, 192, 12, 0.35), 0 0 0 1px rgba(244, 192, 12, 0.2); }\r\n  50% { box-shadow: 0 4px 30px rgba(244, 192, 12, 0.55), 0 0 0 1px rgba(244, 192, 12, 0.4); }\r\n}\r\n\r\n.s4d-hero-promo-icon {\r\n  font-size: 22px;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-hero-promo strong {\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\r\n.s4d-hero-cta {\r\n  animation: s4d-slideUp 0.8s ease-out 0.6s both;\r\n}\r\n\r\n.s4d-hero-cta a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--s4d-white);\r\n  color: var(--s4d-vinotinto);\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  padding: 18px 40px;\r\n  border-radius: 14px;\r\n  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  box-shadow:\r\n    0 6px 24px rgba(0, 0, 0, 0.15),\r\n    0 0 0 0 var(--s4d-dorado);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.s4d-hero-cta a::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, var(--s4d-dorado) 0%, var(--s4d-dorado-light) 100%);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n  border-radius: 14px;\r\n}\r\n\r\n.s4d-hero-cta a:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow:\r\n    0 10px 32px rgba(0, 0, 0, 0.2),\r\n    0 0 0 3px var(--s4d-dorado);\r\n  color: var(--s4d-vinotinto-dark);\r\n}\r\n\r\n.s4d-hero-cta a:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.s4d-hero-cta a span {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.s4d-hero-cta-arrow {\r\n  position: relative;\r\n  z-index: 1;\r\n  font-size: 20px;\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.s4d-hero-cta a:hover .s4d-hero-cta-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u2500\u2500 TRUST BADGES \u2500\u2500 *\/\r\n.s4d-hero-trust {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n  margin-top: 32px;\r\n  animation: s4d-slideUp 0.8s ease-out 0.7s both;\r\n}\r\n\r\n.s4d-hero-trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Spinnaker', sans-serif;\r\n  font-size: 14px;\r\n  color: rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n.s4d-hero-trust-icon {\r\n  width: 18px;\r\n  height: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.s4d-hero-trust-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.s4d-hero-trust-divider {\r\n  width: 1px;\r\n  height: 20px;\r\n  background: rgba(255, 255, 255, 0.15);\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT: PHOTO AREA \u2500\u2500 *\/\r\n.s4d-hero-visual {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  animation: s4d-fadeScale 1s ease-out 0.4s both;\r\n}\r\n\r\n@keyframes s4d-fadeScale {\r\n  from { opacity: 0; transform: scale(0.9); }\r\n  to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.s4d-hero-photo-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 440px;\r\n}\r\n\r\n\/* Decorative ring behind photo *\/\r\n.s4d-hero-photo-ring {\r\n  position: absolute;\r\n  inset: -20px;\r\n  border-radius: 32px;\r\n  border: 2px solid rgba(244, 192, 12, 0.2);\r\n  transform: rotate(3deg);\r\n  animation: s4d-ringFloat 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes s4d-ringFloat {\r\n  0% { transform: rotate(3deg) translateY(0); }\r\n  100% { transform: rotate(1deg) translateY(-8px); }\r\n}\r\n\r\n.s4d-hero-photo-ring::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -16px;\r\n  border-radius: 38px;\r\n  border: 1px solid rgba(244, 192, 12, 0.08);\r\n  transform: rotate(-2deg);\r\n}\r\n\r\n\/* Photo container *\/\r\n.s4d-hero-photo {\r\n  position: relative;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  aspect-ratio: 4 \/ 5;\r\n  background: var(--s4d-vinotinto-light);\r\n  box-shadow:\r\n    0 20px 60px rgba(0, 0, 0, 0.3),\r\n    0 0 0 1px rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.s4d-hero-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n  display: block;\r\n}\r\n\r\n\/* Golden corner accent *\/\r\n.s4d-hero-photo::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -2px;\r\n  right: -2px;\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, var(--s4d-dorado) 0%, transparent 60%);\r\n  border-radius: 0 24px 0 0;\r\n  opacity: 0.6;\r\n}\r\n\r\n\/* Floating badge *\/\r\n.s4d-hero-badge {\r\n  position: absolute;\r\n  bottom: -16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--s4d-white);\r\n  border-radius: 100px;\r\n  padding: 10px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\r\n  animation: s4d-slideUp 0.8s ease-out 0.9s both;\r\n  white-space: nowrap;\r\n}\r\n\r\n.s4d-hero-badge-stars {\r\n  display: flex;\r\n  gap: 2px;\r\n  color: var(--s4d-dorado);\r\n  font-size: 14px;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-hero-badge-text {\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--s4d-vinotinto);\r\n}\r\n\r\n\/* Floating accent dots *\/\r\n.s4d-hero-dot {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: var(--s4d-dorado);\r\n  opacity: 0.5;\r\n}\r\n\r\n.s4d-hero-dot--1 {\r\n  top: 10%;\r\n  right: -30px;\r\n  animation: s4d-float 4s ease-in-out infinite;\r\n}\r\n\r\n.s4d-hero-dot--2 {\r\n  bottom: 25%;\r\n  left: -20px;\r\n  width: 7px;\r\n  height: 7px;\r\n  animation: s4d-float 5s ease-in-out 1s infinite;\r\n}\r\n\r\n.s4d-hero-dot--3 {\r\n  top: 30%;\r\n  left: -35px;\r\n  width: 5px;\r\n  height: 5px;\r\n  opacity: 0.3;\r\n  animation: s4d-float 6s ease-in-out 2s infinite;\r\n}\r\n\r\n@keyframes s4d-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n}\r\n\r\n\/* \u2500\u2500 SCROLL INDICATOR \u2500\u2500 *\/\r\n.s4d-hero-scroll {\r\n  position: absolute;\r\n  bottom: 28px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  animation: s4d-slideUp 0.8s ease-out 1.2s both;\r\n}\r\n\r\n.s4d-hero-scroll-mouse {\r\n  width: 24px;\r\n  height: 38px;\r\n  border: 2px solid rgba(255, 255, 255, 0.25);\r\n  border-radius: 12px;\r\n  position: relative;\r\n}\r\n\r\n.s4d-hero-scroll-mouse::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 8px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 3px;\r\n  height: 8px;\r\n  border-radius: 2px;\r\n  background: rgba(255, 255, 255, 0.4);\r\n  animation: s4d-scrollDot 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes s4d-scrollDot {\r\n  0%, 100% { opacity: 0.4; transform: translateX(-50%) translateY(0); }\r\n  50% { opacity: 1; transform: translateX(-50%) translateY(6px); }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .s4d-hero {\r\n    min-height: auto;\r\n    padding: 50px 24px 80px;\r\n  }\r\n\r\n  .s4d-hero-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n    text-align: center;\r\n  }\r\n\r\n  .s4d-hero-content {\r\n    order: 2;\r\n  }\r\n\r\n  .s4d-hero-visual {\r\n    order: 1;\r\n  }\r\n\r\n  .s4d-hero-subtitle {\r\n    max-width: 100%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .s4d-hero-photo-frame {\r\n    max-width: 320px;\r\n  }\r\n\r\n  .s4d-hero-trust {\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .s4d-hero-promo {\r\n    font-size: 14px;\r\n    padding: 12px 20px;\r\n  }\r\n\r\n  .s4d-hero-scroll {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .s4d-hero {\r\n    padding: 40px 16px 60px;\r\n  }\r\n\r\n  .s4d-hero-photo-frame {\r\n    max-width: 280px;\r\n  }\r\n\r\n  .s4d-hero-cta a {\r\n    padding: 16px 32px;\r\n    font-size: 16px;\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  .s4d-hero-trust-item {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .s4d-hero-badge {\r\n    padding: 8px 18px;\r\n  }\r\n\r\n  .s4d-hero-badge-text {\r\n    font-size: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-hero\">\r\n  <!-- Dot pattern overlay -->\r\n  <div class=\"s4d-hero-pattern\"><\/div>\r\n\r\n  <div class=\"s4d-hero-container\">\r\n    <!-- LEFT: Text Content -->\r\n    <div class=\"s4d-hero-content\">\r\n\r\n      <!-- Logo -->\r\n      <div class=\"s4d-hero-logo\">\r\n        <a href=\"https:\/\/spanish4dinner.com\" aria-label=\"Spanish4Dinner\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/11\/Logo-horizontal-scaled.png\" alt=\"Spanish4Dinner\">\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Greeting pill -->\r\n      <div class=\"s4d-hero-greeting\">\r\n        <span>\ud83d\udc4b<\/span> I'm Emmanuel from Colombia\r\n      <\/div>\r\n\r\n      <!-- Headline -->\r\n      <h1 class=\"s4d-hero-headline\">\r\n        Do you want to speak Spanish <em>like a native?<\/em>\r\n      <\/h1>\r\n\r\n      <!-- Subtitle -->\r\n      <p class=\"s4d-hero-subtitle\">\r\n        I help students learn Spanish with a method that's <strong>fun, engaging, and structured<\/strong> so you make progress day after day.\r\n      <\/p>\r\n\r\n      <!-- Promo banner -->\r\n      <div class=\"s4d-hero-promo\">\r\n        <span class=\"s4d-hero-promo-icon\">\ud83c\udf81<\/span>\r\n        Book your first lesson and get a second <strong>FREE!<\/strong>\r\n      <\/div>\r\n\r\n      <!-- CTA Button -->\r\n      <div class=\"s4d-hero-cta\">\r\n        <!-- Replace # with actual booking link or anchor to pricing section -->\r\n        <a href=\"#s4d-pricing\">\r\n          <span>Book Your First Lesson<\/span>\r\n          <span class=\"s4d-hero-cta-arrow\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Trust indicators -->\r\n      <div class=\"s4d-hero-trust\">\r\n        <div class=\"s4d-hero-trust-item\">\r\n          <span class=\"s4d-hero-trust-icon\">\r\n            <svg fill=\"none\" viewBox=\"0 0 18 18\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\">\r\n              <path d=\"M9 1.5L11.3 6.2L16.5 6.9L12.75 10.6L13.6 15.8L9 13.4L4.4 15.8L5.25 10.6L1.5 6.9L6.7 6.2L9 1.5Z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          +8 years teaching\r\n        <\/div>\r\n        <div class=\"s4d-hero-trust-divider\"><\/div>\r\n        <div class=\"s4d-hero-trust-item\">\r\n          <span class=\"s4d-hero-trust-icon\">\r\n        \r\n          <\/span>\r\n          No cancellation policies\r\n        <\/div>\r\n        <div class=\"s4d-hero-trust-divider\"><\/div>\r\n        <div class=\"s4d-hero-trust-item\">\r\n          <span class=\"s4d-hero-trust-icon\">\r\n            <svg fill=\"none\" viewBox=\"0 0 18 18\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\">\r\n              <circle cx=\"9\" cy=\"9\" r=\"7\"\/>\r\n              <path d=\"M9 5V9.5L12 11\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Flexible scheduling\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Photo -->\r\n    <div class=\"s4d-hero-visual\">\r\n      <div class=\"s4d-hero-photo-frame\">\r\n        <!-- Decorative ring -->\r\n        <div class=\"s4d-hero-photo-ring\"><\/div>\r\n\r\n        <!-- Floating dots -->\r\n        <div class=\"s4d-hero-dot s4d-hero-dot--1\"><\/div>\r\n        <div class=\"s4d-hero-dot s4d-hero-dot--2\"><\/div>\r\n        <div class=\"s4d-hero-dot s4d-hero-dot--3\"><\/div>\r\n\r\n        <!-- Photo \u2014 Replace src with Emmanuel's actual photo -->\r\n        <div class=\"s4d-hero-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/03\/emmanuel-profile-photo.png\" alt=\"Emmanuel \u2014 Spanish tutor from Colombia\">\r\n        <\/div>\r\n\r\n        <!-- Floating rating badge -->\r\n        <div class=\"s4d-hero-badge\">\r\n          <div class=\"s4d-hero-badge-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n          <span class=\"s4d-hero-badge-text\">Loved by students worldwide<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Scroll indicator -->\r\n  <div class=\"s4d-hero-scroll\">\r\n    <div class=\"s4d-hero-scroll-mouse\"><\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ebbb97 e-con-full e-flex e-con e-parent\" data-id=\"7ebbb97\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36842e9 elementor-widget elementor-widget-html\" data-id=\"36842e9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\r\n.s4d-vidcta *,\r\n.s4d-vidcta *::before,\r\n.s4d-vidcta *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.s4d-vidcta a,\r\n.s4d-vidcta a:link,\r\n.s4d-vidcta a:visited,\r\n.s4d-vidcta button,\r\n.s4d-vidcta button:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.s4d-vidcta {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 80px 24px 40px;\r\n  background: #FFFDF5;\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n\r\n\/* Decorative top divider *\/\r\n.s4d-vidcta::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #570129, #F4C00C, #570129);\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.s4d-vidcta-inner {\r\n  position: relative;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 BADGE \u2500\u2500 *\/\r\n.s4d-vidcta-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(87, 1, 41, 0.06);\r\n  border: 1px solid rgba(87, 1, 41, 0.1);\r\n  border-radius: 100px;\r\n  padding: 8px 20px;\r\n  margin-bottom: 24px;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 500 !important;\r\n  color: #570129 !important;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.s4d-vidcta-badge-icon {\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* \u2500\u2500 TITLE \u2500\u2500 *\/\r\n.s4d-vidcta-title {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: clamp(28px, 3.5vw, 42px) !important;\r\n  font-weight: 600 !important;\r\n  color: #570129 !important;\r\n  line-height: 1.2 !important;\r\n  margin-bottom: 16px !important;\r\n}\r\n\r\n.s4d-vidcta-title em {\r\n  font-style: normal;\r\n  color: #F4C00C;\r\n  position: relative;\r\n}\r\n\r\n\/* \u2500\u2500 SUBTITLE \u2500\u2500 *\/\r\n.s4d-vidcta-subtitle {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 17px !important;\r\n  color: #6B6360 !important;\r\n  line-height: 1.65 !important;\r\n  max-width: 560px;\r\n  margin: 0 auto 40px;\r\n}\r\n\r\n\/* \u2500\u2500 PLAY HINT (visual cue) \u2500\u2500 *\/\r\n.s4d-vidcta-playhint {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: linear-gradient(135deg, #570129 0%, #7A1045 100%);\r\n  padding: 14px 32px;\r\n  border-radius: 100px;\r\n  margin-bottom: 8px;\r\n  transition: all 0.35s ease;\r\n  box-shadow: 0 4px 18px rgba(87, 1, 41, 0.2);\r\n}\r\n\r\n.s4d-vidcta-playhint:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 28px rgba(87, 1, 41, 0.3);\r\n}\r\n\r\n.s4d-vidcta-play-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #F4C00C;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  position: relative;\r\n}\r\n\r\n.s4d-vidcta-play-icon::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -5px;\r\n  border-radius: 50%;\r\n  border: 2px solid rgba(244, 192, 12, 0.3);\r\n  animation: s4d-vidpulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes s4d-vidpulse {\r\n  0%, 100% { transform: scale(1); opacity: 0.6; }\r\n  50% { transform: scale(1.15); opacity: 0; }\r\n}\r\n\r\n.s4d-vidcta-play-icon svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  fill: #570129;\r\n  margin-left: 2px;\r\n}\r\n\r\n.s4d-vidcta-play-text {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 15px !important;\r\n  font-weight: 500 !important;\r\n  color: #FFFFFF !important;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* \u2500\u2500 ARROW DOWN (visual cue to videos below) \u2500\u2500 *\/\r\n.s4d-vidcta-arrow {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 28px;\r\n  animation: s4d-vidbounce 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes s4d-vidbounce {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(6px); }\r\n}\r\n\r\n.s4d-vidcta-arrow svg {\r\n  width: 28px;\r\n  height: 28px;\r\n  stroke: #A09890;\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 680px) {\r\n  .s4d-vidcta {\r\n    padding: 60px 20px 32px;\r\n  }\r\n\r\n  .s4d-vidcta-playhint {\r\n    padding: 12px 24px;\r\n  }\r\n\r\n  .s4d-vidcta-play-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .s4d-vidcta {\r\n    padding: 48px 16px 28px;\r\n  }\r\n\r\n  .s4d-vidcta-subtitle {\r\n    font-size: 15px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-vidcta\">\r\n  <div class=\"s4d-vidcta-inner\">\r\n\r\n\r\n    <!-- Title -->\r\n    <h2 class=\"s4d-vidcta-title\">What my lessons <em>look like & testimonials<\/em><\/h2>\r\n\r\n\r\n    <!-- Arrow pointing down to videos -->\r\n    <div class=\"s4d-vidcta-arrow\">\r\n      <svg viewBox=\"0 0 24 24\">\r\n        <path d=\"M7 10l5 5 5-5\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     INSERT VIDEO EMBEDS BELOW (Elementor widgets)\r\n     \r\n     Video 1: https:\/\/iframe.mediadelivery.net\/embed\/476712\/516aa546-d7b6-4ed9-b2d2-6a682cfcba44\r\n     Video 2: https:\/\/iframe.mediadelivery.net\/embed\/476712\/ebb0d388-e3e3-4ada-a4d8-075e8f387592\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb04017 e-flex e-con-boxed e-con e-parent\" data-id=\"fb04017\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1204a21 e-con-full e-flex e-con e-child\" data-id=\"1204a21\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06a95fa elementor-widget elementor-widget-video\" data-id=\"06a95fa\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/06\/Testimonio-1_opt.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa6ffe4 e-con-full e-flex e-con e-child\" data-id=\"fa6ffe4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baa2745 elementor-widget elementor-widget-video\" data-id=\"baa2745\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/06\/Testimonio-2_opt.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e835cdc e-flex e-con-boxed e-con e-parent\" data-id=\"e835cdc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-31fa23c e-con-full e-flex e-con e-child\" data-id=\"31fa23c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc5f40 elementor-widget elementor-widget-video\" data-id=\"4cc5f40\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/06\/Testimonio-3_opt.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38460ac e-con-full e-flex e-con e-child\" data-id=\"38460ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-351dd48 elementor-widget elementor-widget-video\" data-id=\"351dd48\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/06\/Testimonio-4.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8332b09 e-con-full e-flex e-con e-parent\" data-id=\"8332b09\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84e8a0c elementor-widget elementor-widget-html\" data-id=\"84e8a0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 BENEFITS RESET \u2500\u2500 *\/\r\n.s4d-benefits *,\r\n.s4d-benefits *::before,\r\n.s4d-benefits *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Global Eduma override *\/\r\n.s4d-benefits a,\r\n.s4d-benefits a:link,\r\n.s4d-benefits a:visited,\r\n.s4d-benefits button,\r\n.s4d-benefits button:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.s4d-benefits {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 80px 24px;\r\n  background: linear-gradient(160deg, #3D001C 0%, #570129 45%, #7A1045 100%);\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Subtle noise texture *\/\r\n.s4d-benefits::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    radial-gradient(circle at 2px 2px, rgba(255,255,255,0.015) 1px, transparent 0);\r\n  background-size: 32px 32px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Top golden line accent *\/\r\n.s4d-benefits::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 120px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, #F4C00C, transparent);\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.s4d-benefits-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.s4d-benefits-header {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.s4d-benefits-emoji {\r\n  font-size: 36px;\r\n  line-height: 1;\r\n  margin-bottom: 16px;\r\n  display: block;\r\n}\r\n\r\n.s4d-benefits-title {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: clamp(28px, 3.5vw, 40px) !important;\r\n  font-weight: 600 !important;\r\n  color: #FFFFFF !important;\r\n  line-height: 1.2 !important;\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.s4d-benefits-title em {\r\n  font-style: normal;\r\n  color: #F4C00C;\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.s4d-benefits-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n\/* \u2500\u2500 INDIVIDUAL CARD \u2500\u2500 *\/\r\n.s4d-benefits-card {\r\n  position: relative;\r\n  background: rgba(255, 255, 255, 0.06);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 16px;\r\n  padding: 32px 22px 28px;\r\n  text-align: center;\r\n  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n}\r\n\r\n.s4d-benefits-card:hover {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-color: rgba(244, 192, 12, 0.25);\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n\/* Icon circle *\/\r\n.s4d-benefits-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  margin: 0 auto 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 14px;\r\n  background: rgba(244, 192, 12, 0.12);\r\n  border: 1px solid rgba(244, 192, 12, 0.18);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.s4d-benefits-card:hover .s4d-benefits-icon {\r\n  background: rgba(244, 192, 12, 0.2);\r\n  border-color: rgba(244, 192, 12, 0.35);\r\n  transform: scale(1.08);\r\n}\r\n\r\n.s4d-benefits-icon svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  stroke: #F4C00C;\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* Card text *\/\r\n.s4d-benefits-text {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 14px !important;\r\n  line-height: 1.55 !important;\r\n  color: rgba(255, 255, 255, 0.85) !important;\r\n}\r\n\r\n.s4d-benefits-text strong {\r\n  color: #FFFFFF !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n  .s4d-benefits-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .s4d-benefits {\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .s4d-benefits-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Center the 5th card on its own row *\/\r\n  .s4d-benefits-card:last-child {\r\n    grid-column: 1 \/ -1;\r\n    max-width: 280px;\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .s4d-benefits-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .s4d-benefits-card:last-child {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .s4d-benefits-card {\r\n    padding: 24px 18px 22px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-benefits\">\r\n  <div class=\"s4d-benefits-inner\">\r\n\r\n    <!-- Header -->\r\n    <div class=\"s4d-benefits-header\">\r\n      <span class=\"s4d-benefits-emoji\">\ud83d\ude80<\/span>\r\n      <h2 class=\"s4d-benefits-title\">Why Students <em>Love My Lessons<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <!-- Benefits Grid -->\r\n    <div class=\"s4d-benefits-grid\">\r\n\r\n      <!-- 1. No cancellation policies -->\r\n      <div class=\"s4d-benefits-card\">\r\n        <div class=\"s4d-benefits-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z\"\/>\r\n            <path d=\"M8 12l3 3 5-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s4d-benefits-text\"><strong> No cancellation policies.<\/strong> Total flexibility<\/p>\r\n      <\/div>\r\n\r\n      <!-- 2. Scheduling that fits your life -->\r\n      <div class=\"s4d-benefits-card\">\r\n        <div class=\"s4d-benefits-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n            <path d=\"M16 2v4M8 2v4M3 10h18\"\/>\r\n            <path d=\"M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s4d-benefits-text\"><strong>Scheduling<\/strong> that fits your life<\/p>\r\n      <\/div>\r\n\r\n      <!-- 3. Personalized learning plan -->\r\n      <div class=\"s4d-benefits-card\">\r\n        <div class=\"s4d-benefits-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n            <path d=\"M2 17l10 5 10-5\"\/>\r\n            <path d=\"M2 12l10 5 10-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s4d-benefits-text\"><strong>Personalized learning plan<\/strong> tailored to your level, needs and goals<\/p>\r\n      <\/div>\r\n\r\n      <!-- 4. Homework and daily feedback -->\r\n      <div class=\"s4d-benefits-card\">\r\n        <div class=\"s4d-benefits-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z\"\/>\r\n            <path d=\"M14 2v6h6\"\/>\r\n            <path d=\"M9 13h6M9 17h3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s4d-benefits-text\"><strong>Personalized Plan, Homework<\/strong> and daily feedback<\/p>\r\n      <\/div>\r\n\r\n      <!-- 5. Zero AI generated content -->\r\n      <div class=\"s4d-benefits-card\">\r\n        <div class=\"s4d-benefits-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M20.8 4.6a1 1 0 00-1.4 0L12 12 4.6 4.6a1 1 0 00-1.4 1.4L10.6 12l-7.4 6a1 1 0 001.4 1.4L12 12l7.4 7.4a1 1 0 001.4-1.4L13.4 12l7.4-6a1 1 0 000-1.4z\" fill=\"none\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M9 9l6 6M15 9l-6 6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s4d-benefits-text\"><strong>Zero AI generated content.<\/strong> 100% human lessons<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe7919c e-con-full e-flex e-con e-parent\" data-id=\"fe7919c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e8ed53 elementor-widget elementor-widget-html\" data-id=\"6e8ed53\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 PRICING RESET & VARIABLES \u2500\u2500 *\/\r\n.s4d-pricing *,\r\n.s4d-pricing *::before,\r\n.s4d-pricing *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Global Elessi override \u2014 prevent theme link\/button defaults *\/\r\n.s4d-pricing a,\r\n.s4d-pricing a:link,\r\n.s4d-pricing a:visited,\r\n.s4d-pricing button,\r\n.s4d-pricing button:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n.s4d-pricing {\r\n  --s4d-vinotinto: #570129;\r\n  --s4d-vinotinto-dark: #3D001C;\r\n  --s4d-vinotinto-light: #7A1045;\r\n  --s4d-vinotinto-soft: rgba(87, 1, 41, 0.06);\r\n  --s4d-dorado: #F4C00C;\r\n  --s4d-dorado-light: #FFD740;\r\n  --s4d-dorado-soft: rgba(244, 192, 12, 0.12);\r\n  --s4d-cream: #FFFDF5;\r\n  --s4d-white: #FFFFFF;\r\n  --s4d-gray-50: #F9F8F7;\r\n  --s4d-gray-100: #F0EDEB;\r\n  --s4d-gray-200: #DDD8D4;\r\n  --s4d-gray-400: #A09890;\r\n  --s4d-gray-600: #6B6360;\r\n  --s4d-gray-800: #3D3633;\r\n  --s4d-text: #2D0A1A;\r\n  --s4d-success: #16a34a;\r\n  --s4d-radius: 20px;\r\n  --s4d-shadow-sm: 0 2px 8px rgba(87, 1, 41, 0.06);\r\n  --s4d-shadow-md: 0 8px 30px rgba(87, 1, 41, 0.1);\r\n  --s4d-shadow-lg: 0 16px 50px rgba(87, 1, 41, 0.14);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 24px 80px;\r\n  background: var(--s4d-cream);\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 BACKGROUND DECORATION \u2500\u2500 *\/\r\n.s4d-pricing::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--s4d-vinotinto), var(--s4d-dorado), var(--s4d-vinotinto));\r\n}\r\n\r\n.s4d-pricing-bg-shape {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n.s4d-pricing-bg-shape--1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  top: -100px;\r\n  right: -100px;\r\n  background: radial-gradient(circle, var(--s4d-dorado-soft) 0%, transparent 70%);\r\n}\r\n\r\n.s4d-pricing-bg-shape--2 {\r\n  width: 300px;\r\n  height: 300px;\r\n  bottom: -50px;\r\n  left: -80px;\r\n  background: radial-gradient(circle, var(--s4d-vinotinto-soft) 0%, transparent 70%);\r\n}\r\n\r\n\/* \u2500\u2500 SECTION HEADER \u2500\u2500 *\/\r\n.s4d-pricing-header {\r\n  text-align: center;\r\n  max-width: 640px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.s4d-pricing-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: var(--s4d-vinotinto);\r\n  color: var(--s4d-dorado);\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  letter-spacing: 1.5px;\r\n  text-transform: uppercase;\r\n  padding: 8px 20px;\r\n  border-radius: 100px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.s4d-pricing-title {\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: clamp(32px, 4vw, 48px);\r\n  font-weight: 600;\r\n  color: var(--s4d-vinotinto);\r\n  line-height: 1.15;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.s4d-pricing-title em {\r\n  font-style: normal;\r\n  color: var(--s4d-dorado);\r\n  position: relative;\r\n}\r\n\r\n.s4d-pricing-subtitle {\r\n  font-size: 17px;\r\n  color: var(--s4d-gray-600);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.s4d-pricing-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  align-items: start;\r\n}\r\n\r\n\/* \u2500\u2500 CARD BASE \u2500\u2500 *\/\r\n.s4d-pricing-card {\r\n  position: relative;\r\n  background: var(--s4d-white);\r\n  border-radius: var(--s4d-radius);\r\n  border: 2px solid var(--s4d-gray-100);\r\n  padding: 0;\r\n  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.s4d-pricing-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: var(--s4d-shadow-lg);\r\n}\r\n\r\n\/* \u2500\u2500 FEATURED CARD (Committed Learner) \u2500\u2500 *\/\r\n.s4d-pricing-card--featured {\r\n  border-color: var(--s4d-vinotinto);\r\n  box-shadow: var(--s4d-shadow-md);\r\n  transform: scale(1.03);\r\n  z-index: 3;\r\n}\r\n\r\n.s4d-pricing-card--featured:hover {\r\n  transform: scale(1.03) translateY(-6px);\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-card-head {\r\n  background: linear-gradient(135deg, var(--s4d-vinotinto-dark) 0%, var(--s4d-vinotinto) 50%, var(--s4d-vinotinto-light) 100%);\r\n  color: var(--s4d-white);\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-card-tier {\r\n  color: var(--s4d-dorado);\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-card-price {\r\n  color: var(--s4d-white);\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-card-price-period {\r\n  color: rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-card-total,\r\n.s4d-pricing-card--featured .s4d-pricing-card-bestfor {\r\n  color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-card-bestfor strong {\r\n  color: var(--s4d-white);\r\n}\r\n\r\n\/* \u2500\u2500 VALUE CARD (Serious Learner) \u2500\u2500 *\/\r\n.s4d-pricing-card--value {\r\n  border-color: var(--s4d-dorado);\r\n}\r\n\r\n\/* \u2500\u2500 BADGE \u2500\u2500 *\/\r\n.s4d-pricing-badge {\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 16px;\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.8px;\r\n  text-transform: uppercase;\r\n  padding: 6px 14px;\r\n  border-radius: 100px;\r\n  z-index: 2;\r\n}\r\n\r\n.s4d-pricing-badge--popular {\r\n  background: var(--s4d-dorado);\r\n  color: var(--s4d-vinotinto-dark);\r\n}\r\n\r\n.s4d-pricing-badge--value {\r\n  background: var(--s4d-vinotinto);\r\n  color: var(--s4d-dorado);\r\n}\r\n\r\n\/* \u2500\u2500 CARD HEAD \u2500\u2500 *\/\r\n.s4d-pricing-card-head {\r\n  padding: 36px 28px 28px;\r\n  background: var(--s4d-gray-50);\r\n  border-bottom: 1px solid var(--s4d-gray-100);\r\n  text-align: center;\r\n}\r\n\r\n.s4d-pricing-card-icon {\r\n  font-size: 28px;\r\n  line-height: 1;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.s4d-pricing-card-tier {\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: var(--s4d-vinotinto);\r\n  margin-bottom: 20px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.s4d-pricing-card-price {\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 48px;\r\n  font-weight: 700;\r\n  color: var(--s4d-vinotinto);\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.s4d-pricing-card-price-period {\r\n  font-family: 'Spinnaker', sans-serif;\r\n  font-size: 15px;\r\n  color: var(--s4d-gray-400);\r\n}\r\n\r\n.s4d-pricing-card-total {\r\n  font-size: 14px;\r\n  color: var(--s4d-gray-600);\r\n  margin-top: 14px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.s4d-pricing-card-bestfor {\r\n  font-size: 13px;\r\n  color: var(--s4d-gray-400);\r\n  margin-top: 6px;\r\n}\r\n\r\n.s4d-pricing-card-bestfor strong {\r\n  color: var(--s4d-gray-800);\r\n  font-weight: 700;\r\n}\r\n\r\n\/* \u2500\u2500 SAVINGS TAG \u2500\u2500 *\/\r\n.s4d-pricing-savings {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  background: rgba(22, 163, 74, 0.1);\r\n  color: var(--s4d-success);\r\n  font-family: 'Fredoka', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  padding: 5px 12px;\r\n  border-radius: 100px;\r\n  margin-top: 12px;\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-savings {\r\n  background: rgba(22, 163, 74, 0.2);\r\n  color: #4ade80;\r\n}\r\n\r\n\/* \u2500\u2500 CARD BODY \u2500\u2500 *\/\r\n.s4d-pricing-card-body {\r\n  padding: 28px;\r\n}\r\n\r\n\/* \u2500\u2500 LEVEL TABS \u2500\u2500 *\/\r\n.s4d-pricing-tabs {\r\n  display: flex;\r\n  gap: 4px;\r\n  background: var(--s4d-gray-50);\r\n  border-radius: 10px;\r\n  padding: 4px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.s4d-pricing-tab {\r\n  flex: 1;\r\n  background: none !important;\r\n  border: none !important;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 500 !important;\r\n  color: #A09890 !important;\r\n  padding: 8px 6px !important;\r\n  border-radius: 8px !important;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  text-align: center !important;\r\n  line-height: 1.2 !important;\r\n  text-decoration: none !important;\r\n  text-transform: none !important;\r\n  letter-spacing: 0 !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.s4d-pricing-tab:hover {\r\n  color: #570129 !important;\r\n  background: rgba(87, 1, 41, 0.04) !important;\r\n}\r\n\r\n.s4d-pricing-tab.s4d-active {\r\n  background: #FFFFFF !important;\r\n  color: #570129 !important;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;\r\n}\r\n\r\n\/* \u2500\u2500 LEVEL CONTENT PANELS \u2500\u2500 *\/\r\n.s4d-pricing-panel {\r\n  display: none;\r\n  animation: s4d-fadeIn 0.3s ease;\r\n}\r\n\r\n.s4d-pricing-panel.s4d-active {\r\n  display: block;\r\n}\r\n\r\n@keyframes s4d-fadeIn {\r\n  from { opacity: 0; transform: translateY(6px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u2500\u2500 BENEFIT LIST \u2500\u2500 *\/\r\n.s4d-pricing-benefits {\r\n  list-style: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-bottom: 28px;\r\n  min-height: 120px;\r\n}\r\n\r\n.s4d-pricing-benefit {\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: flex-start;\r\n  font-size: 14px;\r\n  color: var(--s4d-gray-800);\r\n  line-height: 1.55;\r\n}\r\n\r\n.s4d-pricing-benefit-icon {\r\n  flex-shrink: 0;\r\n  width: 20px;\r\n  height: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--s4d-dorado-soft);\r\n  color: var(--s4d-dorado);\r\n  border-radius: 50%;\r\n  font-size: 11px;\r\n  margin-top: 2px;\r\n}\r\n\r\n.s4d-pricing-card--featured .s4d-pricing-benefit-icon {\r\n  background: var(--s4d-vinotinto-soft);\r\n  color: var(--s4d-vinotinto);\r\n}\r\n\r\n\/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\r\n.s4d-pricing-cta,\r\n.s4d-pricing-cta:link,\r\n.s4d-pricing-cta:visited,\r\n.s4d-pricing-cta:active,\r\n.s4d-pricing-cta:focus {\r\n  display: block !important;\r\n  width: 100%;\r\n  text-align: center !important;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  padding: 16px 24px !important;\r\n  border-radius: 12px !important;\r\n  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  cursor: pointer;\r\n  border: none !important;\r\n  position: relative;\r\n  overflow: hidden;\r\n  line-height: 1.4 !important;\r\n  letter-spacing: 0 !important;\r\n}\r\n\r\n\/* Default card CTA (Individual) *\/\r\n.s4d-pricing-cta.s4d-pricing-cta--default,\r\n.s4d-pricing-cta.s4d-pricing-cta--default:link,\r\n.s4d-pricing-cta.s4d-pricing-cta--default:visited,\r\n.s4d-pricing-cta.s4d-pricing-cta--default:active,\r\n.s4d-pricing-cta.s4d-pricing-cta--default:focus {\r\n  background: var(--s4d-vinotinto) !important;\r\n  color: #FFFFFF !important;\r\n  box-shadow: 0 4px 14px rgba(87, 1, 41, 0.2);\r\n}\r\n\r\n.s4d-pricing-cta.s4d-pricing-cta--default:hover {\r\n  background: var(--s4d-vinotinto-dark) !important;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 22px rgba(87, 1, 41, 0.3);\r\n}\r\n\r\n\/* Featured card CTA (Committed) *\/\r\n.s4d-pricing-cta.s4d-pricing-cta--featured,\r\n.s4d-pricing-cta.s4d-pricing-cta--featured:link,\r\n.s4d-pricing-cta.s4d-pricing-cta--featured:visited,\r\n.s4d-pricing-cta.s4d-pricing-cta--featured:active,\r\n.s4d-pricing-cta.s4d-pricing-cta--featured:focus {\r\n  background: linear-gradient(135deg, var(--s4d-dorado) 0%, var(--s4d-dorado-light) 100%) !important;\r\n  color: #3D001C !important;\r\n  box-shadow: 0 4px 18px rgba(244, 192, 12, 0.35);\r\n}\r\n\r\n.s4d-pricing-cta.s4d-pricing-cta--featured:hover {\r\n  color: #3D001C !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 26px rgba(244, 192, 12, 0.5);\r\n  filter: brightness(1.05);\r\n}\r\n\r\n\/* Value card CTA (Serious) *\/\r\n.s4d-pricing-cta.s4d-pricing-cta--value,\r\n.s4d-pricing-cta.s4d-pricing-cta--value:link,\r\n.s4d-pricing-cta.s4d-pricing-cta--value:visited,\r\n.s4d-pricing-cta.s4d-pricing-cta--value:active,\r\n.s4d-pricing-cta.s4d-pricing-cta--value:focus {\r\n  background: var(--s4d-vinotinto) !important;\r\n  color: #F4C00C !important;\r\n  box-shadow: 0 4px 14px rgba(87, 1, 41, 0.2);\r\n}\r\n\r\n.s4d-pricing-cta.s4d-pricing-cta--value:hover {\r\n  background: var(--s4d-vinotinto-dark) !important;\r\n  color: #F4C00C !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 22px rgba(87, 1, 41, 0.3);\r\n}\r\n\r\n.s4d-pricing-cta-sub {\r\n  display: block;\r\n  text-align: center;\r\n  font-size: 12px;\r\n  color: var(--s4d-gray-400);\r\n  margin-top: 10px;\r\n}\r\n\r\n\/* \u2500\u2500 PROMO NOTE (for Individual) \u2500\u2500 *\/\r\n.s4d-pricing-promo-note {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: linear-gradient(135deg, var(--s4d-dorado-soft) 0%, rgba(244, 192, 12, 0.06) 100%);\r\n  border: 1px solid rgba(244, 192, 12, 0.2);\r\n  border-radius: 10px;\r\n  padding: 12px 16px;\r\n  margin-bottom: 20px;\r\n  font-size: 13px;\r\n  color: var(--s4d-gray-800);\r\n  line-height: 1.4;\r\n}\r\n\r\n.s4d-pricing-promo-note-icon {\r\n  font-size: 18px;\r\n  flex-shrink: 0;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-pricing-promo-note strong {\r\n  color: var(--s4d-vinotinto);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .s4d-pricing {\r\n    padding: 80px 20px 60px;\r\n  }\r\n\r\n  .s4d-pricing-grid {\r\n    grid-template-columns: 1fr;\r\n    max-width: 440px;\r\n    gap: 20px;\r\n  }\r\n\r\n  .s4d-pricing-card--featured {\r\n    transform: none;\r\n    order: -1;\r\n  }\r\n\r\n  .s4d-pricing-card--featured:hover {\r\n    transform: translateY(-6px);\r\n  }\r\n\r\n  .s4d-pricing-header {\r\n    margin-bottom: 48px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .s4d-pricing {\r\n    padding: 60px 16px 48px;\r\n  }\r\n\r\n  .s4d-pricing-card-head {\r\n    padding: 28px 20px 24px;\r\n  }\r\n\r\n  .s4d-pricing-card-body {\r\n    padding: 20px;\r\n  }\r\n\r\n  .s4d-pricing-card-price {\r\n    font-size: 40px;\r\n  }\r\n\r\n  .s4d-pricing-tab {\r\n    font-size: 11px;\r\n    padding: 7px 4px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-pricing\" id=\"s4d-pricing\">\r\n  <!-- Background shapes -->\r\n  <div class=\"s4d-pricing-bg-shape s4d-pricing-bg-shape--1\"><\/div>\r\n  <div class=\"s4d-pricing-bg-shape s4d-pricing-bg-shape--2\"><\/div>\r\n\r\n  <!-- Section Header -->\r\n  <div class=\"s4d-pricing-header\">\r\n    <div class=\"s4d-pricing-label\">\ud83d\udcda Pricing Plans<\/div>\r\n    <h2 class=\"s4d-pricing-title\">Choose Your Spanish <em>Learning Path<\/em><\/h2>\r\n    <p class=\"s4d-pricing-subtitle\">Whether you want flexibility or full transformation, there's a plan that fits your goals.<\/p>\r\n  <\/div>\r\n\r\n  <!-- Pricing Cards Grid -->\r\n  <div class=\"s4d-pricing-grid\">\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n         CARD 1: INDIVIDUAL LESSONS\r\n         \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"s4d-pricing-card\">\r\n      <div class=\"s4d-pricing-card-head\">\r\n        <div class=\"s4d-pricing-card-icon\">\ud83d\udcd6<\/div>\r\n        <div class=\"s4d-pricing-card-tier\">Individual<br>Lessons<\/div>\r\n        <div class=\"s4d-pricing-card-price\">$40<\/div>\r\n        <div class=\"s4d-pricing-card-price-period\">\/ hour<\/div>\r\n        <div class=\"s4d-pricing-card-total\">Flexible (up to 24h of lessons)<\/div>\r\n        <div class=\"s4d-pricing-card-bestfor\">Best for: <strong>Flexibility<\/strong><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"s4d-pricing-card-body\">\r\n        <!-- Promo note -->\r\n        <div class=\"s4d-pricing-promo-note\">\r\n          <span class=\"s4d-pricing-promo-note-icon\">\ud83c\udf81<\/span>\r\n          <span>Book your first lesson now and get for <strong>FREE<\/strong> a second lesson!<\/span>\r\n        <\/div>\r\n\r\n        <!-- Level tabs -->\r\n        <div class=\"s4d-pricing-tabs\" data-s4d-card=\"individual\">\r\n          <button class=\"s4d-pricing-tab s4d-active\" data-s4d-level=\"beginner\">Beginner<\/button>\r\n          <button class=\"s4d-pricing-tab\" data-s4d-level=\"intermediate\">Intermediate<\/button>\r\n          <button class=\"s4d-pricing-tab\" data-s4d-level=\"advanced\">Advanced<\/button>\r\n        <\/div>\r\n\r\n        <!-- Beginner panel -->\r\n        <div class=\"s4d-pricing-panel s4d-active\" data-s4d-card=\"individual\" data-s4d-panel=\"beginner\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get the essential Spanish foundations with fun and engaging activities<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get real-life conversational skills to get away in some everyday contexts<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Intermediate panel -->\r\n        <div class=\"s4d-pricing-panel\" data-s4d-card=\"individual\" data-s4d-panel=\"intermediate\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Start gaining proficiency in the topics of your preference<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Advanced panel -->\r\n        <div class=\"s4d-pricing-panel\" data-s4d-card=\"individual\" data-s4d-panel=\"advanced\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Gain proficiency and mastery in any topic for work or for leisure<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- CTA -->\r\n        <!-- Replace PRODUCT_ID_INDIVIDUAL with the WooCommerce product ID -->\r\n        <a href=\"\/booking\" class=\"s4d-pricing-cta s4d-pricing-cta--default\">\r\n          Book Your First Lesson\r\n        <\/a>\r\n        <span class=\"s4d-pricing-cta-sub\">No commitment required<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n         CARD 2: COMMITTED LEARNER \u2b50\r\n         \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"s4d-pricing-card s4d-pricing-card--featured\">\r\n      <!-- Badge -->\r\n      <div class=\"s4d-pricing-badge s4d-pricing-badge--popular\">\u2b50 Most Popular<\/div>\r\n\r\n      <div class=\"s4d-pricing-card-head\">\r\n        <div class=\"s4d-pricing-card-icon\">\u2b50<\/div>\r\n        <div class=\"s4d-pricing-card-tier\">Committed<br>Learner<\/div>\r\n        <div class=\"s4d-pricing-card-price\">$35<\/div>\r\n        <div class=\"s4d-pricing-card-price-period\">\/ hour<\/div>\r\n        <div class=\"s4d-pricing-card-total\">$875 total (25 hours)<\/div>\r\n        <div class=\"s4d-pricing-card-bestfor\">Best for: <strong>Consistent progress<\/strong><\/div>\r\n        <div class=\"s4d-pricing-savings\">\ud83d\udcb0 Save 12.5% ($125)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"s4d-pricing-card-body\">\r\n        <!-- Level tabs -->\r\n        <div class=\"s4d-pricing-tabs\" data-s4d-card=\"committed\">\r\n          <button class=\"s4d-pricing-tab s4d-active\" data-s4d-level=\"beginner\">Beginner<\/button>\r\n          <button class=\"s4d-pricing-tab\" data-s4d-level=\"intermediate\">Intermediate<\/button>\r\n          <button class=\"s4d-pricing-tab\" data-s4d-level=\"advanced\">Advanced<\/button>\r\n        <\/div>\r\n\r\n        <!-- Beginner panel -->\r\n        <div class=\"s4d-pricing-panel s4d-active\" data-s4d-card=\"committed\" data-s4d-panel=\"beginner\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get a tailored and insightful plan + feedback that will build your confidence in speaking and listening<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Acquire grammar and structure step by step through engaging and complementary activities and conversations<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>After 25 hours of guidance, you'll feel proud of your Spanish progress and the confidence you've gained \u2014 everyone will notice it!<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Intermediate panel -->\r\n        <div class=\"s4d-pricing-panel\" data-s4d-card=\"committed\" data-s4d-panel=\"intermediate\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Reinforce the foundations that will make you sound and understand better<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Step away from empirical and amateur learners and let your confidence guide your conversational skills to succeed in any everyday context<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Advanced panel -->\r\n        <div class=\"s4d-pricing-panel\" data-s4d-card=\"committed\" data-s4d-panel=\"advanced\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get everything you need to succeed in a DELE C1 level exam<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- CTA -->\r\n        <!-- Replace PRODUCT_ID_COMMITTED with the WooCommerce product ID -->\r\n        <a href=\"\/booking\" class=\"s4d-pricing-cta s4d-pricing-cta--featured\">\r\n          Enroll for 25 Hours\r\n        <\/a>\r\n        <span class=\"s4d-pricing-cta-sub\">One-time payment \u00b7 Start anytime<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n         CARD 3: SERIOUS LEARNER \ud83d\ude80\r\n         \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"s4d-pricing-card s4d-pricing-card--value\">\r\n      <!-- Badge -->\r\n      <div class=\"s4d-pricing-badge s4d-pricing-badge--value\">\ud83d\ude80 Best Value<\/div>\r\n\r\n      <div class=\"s4d-pricing-card-head\">\r\n        <div class=\"s4d-pricing-card-icon\">\ud83d\ude80<\/div>\r\n        <div class=\"s4d-pricing-card-tier\">Serious<br>Learner<\/div>\r\n        <div class=\"s4d-pricing-card-price\">$33<\/div>\r\n        <div class=\"s4d-pricing-card-price-period\">\/ hour<\/div>\r\n        <div class=\"s4d-pricing-card-total\">$1,650 total (50 hours)<\/div>\r\n        <div class=\"s4d-pricing-card-bestfor\">Best for: <strong>Full transformation<\/strong><\/div>\r\n        <div class=\"s4d-pricing-savings\">\ud83d\udcb0 Save 17.5% ($350)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"s4d-pricing-card-body\">\r\n        <!-- Level tabs -->\r\n        <div class=\"s4d-pricing-tabs\" data-s4d-card=\"serious\">\r\n          <button class=\"s4d-pricing-tab s4d-active\" data-s4d-level=\"beginner\">Beginner<\/button>\r\n          <button class=\"s4d-pricing-tab\" data-s4d-level=\"intermediate\">Intermediate<\/button>\r\n          <button class=\"s4d-pricing-tab\" data-s4d-level=\"advanced\">Advanced<\/button>\r\n        <\/div>\r\n\r\n        <!-- Beginner panel -->\r\n        <div class=\"s4d-pricing-panel s4d-active\" data-s4d-card=\"serious\" data-s4d-panel=\"beginner\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get all of the previous benefits, plus:<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Build the foundations of an intermediate Spanish learner<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Develop powerful learning habits so you can keep improving your Spanish even on your own<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Intermediate panel -->\r\n        <div class=\"s4d-pricing-panel\" data-s4d-card=\"serious\" data-s4d-panel=\"intermediate\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get all of the previous benefits, plus:<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Master common expressions, reflexive verbs, and indirect object sentences<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Sound less foreign and more like a native speaker<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Tackle a C1 level exam!<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Advanced panel -->\r\n        <div class=\"s4d-pricing-panel\" data-s4d-card=\"serious\" data-s4d-panel=\"advanced\">\r\n          <ul class=\"s4d-pricing-benefits\">\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Get everything you need to succeed in a DELE C1 level exam<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Gain mastery of expressions, reflexive verbs, and direct + indirect object sentences<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Understand the nuances of the language that make you feel like a true native speaker<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Dive into and master topics of your preference<\/span>\r\n            <\/li>\r\n            <li class=\"s4d-pricing-benefit\">\r\n              <span class=\"s4d-pricing-benefit-icon\">\u2713<\/span>\r\n              <span>Be ready to understand detailed audios and texts from different Spanish-speaking regions<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- CTA -->\r\n        <!-- Replace PRODUCT_ID_SERIOUS with the WooCommerce product ID -->\r\n        <a href=\"\/booking\" class=\"s4d-pricing-cta s4d-pricing-cta--value\">\r\n          Commit to 50 Hours\r\n        <\/a>\r\n        <span class=\"s4d-pricing-cta-sub\">One-time payment \u00b7 Start anytime<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 TAB SWITCHING LOGIC \u2500\u2500 -->\r\n<script>\r\n(function() {\r\n  var tabButtons = document.querySelectorAll('.s4d-pricing-tab');\r\n\r\n  tabButtons.forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      var card = this.closest('.s4d-pricing-tabs').getAttribute('data-s4d-card');\r\n      var level = this.getAttribute('data-s4d-level');\r\n\r\n      \/* Deactivate all tabs in this card *\/\r\n      var siblingTabs = this.closest('.s4d-pricing-tabs').querySelectorAll('.s4d-pricing-tab');\r\n      siblingTabs.forEach(function(tab) {\r\n        tab.classList.remove('s4d-active');\r\n      });\r\n\r\n      \/* Activate clicked tab *\/\r\n      this.classList.add('s4d-active');\r\n\r\n      \/* Hide all panels in this card *\/\r\n      var allPanels = document.querySelectorAll('.s4d-pricing-panel[data-s4d-card=\"' + card + '\"]');\r\n      allPanels.forEach(function(panel) {\r\n        panel.classList.remove('s4d-active');\r\n      });\r\n\r\n      \/* Show matching panel *\/\r\n      var targetPanel = document.querySelector('.s4d-pricing-panel[data-s4d-card=\"' + card + '\"][data-s4d-panel=\"' + level + '\"]');\r\n      if (targetPanel) {\r\n        targetPanel.classList.add('s4d-active');\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b79da8 e-con-full e-flex e-con e-parent\" data-id=\"8b79da8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaa6de0 elementor-widget elementor-widget-html\" data-id=\"aaa6de0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\r\n.s4d-about *,\r\n.s4d-about *::before,\r\n.s4d-about *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.s4d-about a,\r\n.s4d-about a:link,\r\n.s4d-about a:visited,\r\n.s4d-about button,\r\n.s4d-about button:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.s4d-about {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 24px;\r\n  background: linear-gradient(160deg, #3D001C 0%, #570129 45%, #7A1045 100%);\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Texture *\/\r\n.s4d-about::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    radial-gradient(circle at 2px 2px, rgba(255,255,255,0.015) 1px, transparent 0);\r\n  background-size: 32px 32px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Glow accents *\/\r\n.s4d-about-glow1 {\r\n  position: absolute;\r\n  top: -100px;\r\n  right: -100px;\r\n  width: 400px;\r\n  height: 400px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(244, 192, 12, 0.08) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.s4d-about-glow2 {\r\n  position: absolute;\r\n  bottom: -80px;\r\n  left: -80px;\r\n  width: 300px;\r\n  height: 300px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(244, 192, 12, 0.05) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.s4d-about-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 380px 1fr;\r\n  gap: 64px;\r\n  align-items: center;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LEFT: PHOTO\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s4d-about-photo-wrap {\r\n  position: relative;\r\n}\r\n\r\n\/* Decorative frame *\/\r\n.s4d-about-photo-frame {\r\n  position: relative;\r\n}\r\n\r\n.s4d-about-photo-frame::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -12px;\r\n  border-radius: 24px;\r\n  border: 2px solid rgba(244, 192, 12, 0.15);\r\n  transform: rotate(-2deg);\r\n  pointer-events: none;\r\n}\r\n\r\n.s4d-about-photo {\r\n  position: relative;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  aspect-ratio: 3 \/ 4;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  box-shadow:\r\n    0 20px 50px rgba(0, 0, 0, 0.3),\r\n    0 0 0 1px rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.s4d-about-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n  display: block;\r\n}\r\n\r\n\/* Golden corner *\/\r\n.s4d-about-photo::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -2px;\r\n  left: -2px;\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(315deg, #F4C00C 0%, transparent 60%);\r\n  border-radius: 0 0 0 20px;\r\n  opacity: 0.5;\r\n}\r\n\r\n\/* Floating badge *\/\r\n.s4d-about-badge {\r\n  position: absolute;\r\n  bottom: -18px;\r\n  right: -18px;\r\n  background: #FFFFFF;\r\n  border-radius: 16px;\r\n  padding: 16px 20px;\r\n  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  z-index: 3;\r\n}\r\n\r\n.s4d-about-badge-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(87, 1, 41, 0.07);\r\n  border-radius: 10px;\r\n  font-size: 22px;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-about-badge-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n\r\n.s4d-about-badge-label {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  color: #570129 !important;\r\n  line-height: 1.2 !important;\r\n}\r\n\r\n.s4d-about-badge-sub {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 12px !important;\r\n  color: #A09890 !important;\r\n  line-height: 1.3 !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RIGHT: CONTENT\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.s4d-about-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n\/* Label *\/\r\n.s4d-about-label {\r\n  display: inline-flex;\r\n  align-self: flex-start;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(244, 192, 12, 0.1);\r\n  border: 1px solid rgba(244, 192, 12, 0.2);\r\n  border-radius: 100px;\r\n  padding: 8px 20px;\r\n  margin-bottom: 24px;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 500 !important;\r\n  color: #F4C00C !important;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.s4d-about-label-icon {\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Title *\/\r\n.s4d-about-title {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: clamp(28px, 3.5vw, 40px) !important;\r\n  font-weight: 600 !important;\r\n  color: #FFFFFF !important;\r\n  line-height: 1.2 !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n\r\n.s4d-about-title em {\r\n  font-style: normal;\r\n  color: #F4C00C;\r\n}\r\n\r\n\/* Body paragraphs *\/\r\n.s4d-about-text {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 16px !important;\r\n  color: rgba(255, 255, 255, 0.82) !important;\r\n  line-height: 1.75 !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n.s4d-about-text strong {\r\n  color: #FFFFFF !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n\/* Traits row *\/\r\n.s4d-about-traits {\r\n  display: flex;\r\n  gap: 12px;\r\n  margin: 8px 0 28px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.s4d-about-trait {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(255, 255, 255, 0.07);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  border-radius: 100px;\r\n  padding: 10px 18px;\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 13px !important;\r\n  color: rgba(255, 255, 255, 0.8) !important;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.s4d-about-trait:hover {\r\n  background: rgba(244, 192, 12, 0.1);\r\n  border-color: rgba(244, 192, 12, 0.25);\r\n}\r\n\r\n.s4d-about-trait-icon {\r\n  font-size: 15px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Goal block *\/\r\n.s4d-about-goal {\r\n  background: rgba(244, 192, 12, 0.08);\r\n  border: 1px solid rgba(244, 192, 12, 0.15);\r\n  border-left: 4px solid #F4C00C;\r\n  border-radius: 4px 14px 14px 4px;\r\n  padding: 24px 28px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.s4d-about-goal-label {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 12px !important;\r\n  font-weight: 600 !important;\r\n  color: #F4C00C !important;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px !important;\r\n}\r\n\r\n.s4d-about-goal-text {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 18px !important;\r\n  font-weight: 500 !important;\r\n  color: #FFFFFF !important;\r\n  line-height: 1.5 !important;\r\n  margin-bottom: 12px !important;\r\n}\r\n\r\n.s4d-about-goal-sub {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 14px !important;\r\n  color: rgba(255, 255, 255, 0.7) !important;\r\n  line-height: 1.5 !important;\r\n  font-style: italic;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 968px) {\r\n  .s4d-about {\r\n    padding: 80px 20px;\r\n  }\r\n\r\n  .s4d-about-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n    max-width: 600px;\r\n  }\r\n\r\n  .s4d-about-photo-wrap {\r\n    max-width: 340px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .s4d-about-content {\r\n    text-align: center;\r\n  }\r\n\r\n  .s4d-about-label {\r\n    align-self: center;\r\n  }\r\n\r\n  .s4d-about-traits {\r\n    justify-content: center;\r\n  }\r\n\r\n  .s4d-about-goal {\r\n    text-align: left;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .s4d-about {\r\n    padding: 60px 16px;\r\n  }\r\n\r\n  .s4d-about-photo-wrap {\r\n    max-width: 280px;\r\n  }\r\n\r\n  .s4d-about-badge {\r\n    right: -8px;\r\n    bottom: -14px;\r\n    padding: 12px 16px;\r\n  }\r\n\r\n  .s4d-about-badge-icon {\r\n    width: 36px;\r\n    height: 36px;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .s4d-about-badge-label {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .s4d-about-traits {\r\n    gap: 8px;\r\n  }\r\n\r\n  .s4d-about-trait {\r\n    padding: 8px 14px;\r\n    font-size: 12px !important;\r\n  }\r\n\r\n  .s4d-about-goal {\r\n    padding: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-about\">\r\n  <!-- Glow accents -->\r\n  <div class=\"s4d-about-glow1\"><\/div>\r\n  <div class=\"s4d-about-glow2\"><\/div>\r\n\r\n  <div class=\"s4d-about-inner\">\r\n\r\n    <!-- LEFT: Photo -->\r\n    <div class=\"s4d-about-photo-wrap\">\r\n      <div class=\"s4d-about-photo-frame\">\r\n        <div class=\"s4d-about-photo\">\r\n          <!-- Replace with Emmanuel's photo URL -->\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/04\/hola-emmanuel_photo.jpg\" alt=\"Emmanuel \u2014 Spanish tutor and engineer from Colombia\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating badge -->\r\n      <div class=\"s4d-about-badge\">\r\n        <div class=\"s4d-about-badge-icon\">\ud83d\udd27<\/div>\r\n        <div class=\"s4d-about-badge-content\">\r\n          <span class=\"s4d-about-badge-label\">Engineer + Educator<\/span>\r\n          <span class=\"s4d-about-badge-sub\">Structure meets creativity<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Content -->\r\n    <div class=\"s4d-about-content\">\r\n\r\n      <div class=\"s4d-about-label\">\r\n        <span class=\"s4d-about-label-icon\">\ud83d\udd27<\/span>\r\n        About Me\r\n      <\/div>\r\n\r\n      <h2 class=\"s4d-about-title\">A Different Kind <em>of Tutor<\/em><\/h2>\r\n\r\n      <p class=\"s4d-about-text\">\r\n        I'm also an <strong>engineer by profession<\/strong>, which means I approach teaching with structured methods, creativity, and constant improvement.\r\n      <\/p>\r\n\r\n      <!-- Trait pills -->\r\n      <div class=\"s4d-about-traits\">\r\n        <span class=\"s4d-about-trait\">\r\n          <span class=\"s4d-about-trait-icon\">\ud83d\udcd0<\/span> Structured methods\r\n        <\/span>\r\n        <span class=\"s4d-about-trait\">\r\n          <span class=\"s4d-about-trait-icon\">\ud83c\udfa8<\/span> Creativity\r\n        <\/span>\r\n        <span class=\"s4d-about-trait\">\r\n          <span class=\"s4d-about-trait-icon\">\ud83d\udcc8<\/span> Constant improvement\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- Goal block -->\r\n      <div class=\"s4d-about-goal\">\r\n        <p class=\"s4d-about-goal-label\">My goal is simple<\/p>\r\n        <p class=\"s4d-about-goal-text\">To guide you step by step until you feel confident speaking Spanish in real life.<\/p>\r\n        <p class=\"s4d-about-goal-sub\">And I'll be there supporting you at every stage of your journey to fluency.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-318a94e e-con-full e-flex e-con e-parent\" data-id=\"318a94e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da48367 elementor-widget elementor-widget-html\" data-id=\"da48367\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\r\n.s4d-testi *,\r\n.s4d-testi *::before,\r\n.s4d-testi *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.s4d-testi a,\r\n.s4d-testi a:link,\r\n.s4d-testi a:visited,\r\n.s4d-testi button,\r\n.s4d-testi button:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.s4d-testi {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 0 90px;\r\n  background: #FFFDF5;\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Top accent *\/\r\n.s4d-testi::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #570129, #F4C00C, #570129);\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.s4d-testi-header {\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 56px;\r\n  padding: 0 24px;\r\n}\r\n\r\n.s4d-testi-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(87, 1, 41, 0.06);\r\n  border: 1px solid rgba(87, 1, 41, 0.1);\r\n  border-radius: 100px;\r\n  padding: 8px 20px;\r\n  margin-bottom: 24px;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 13px !important;\r\n  font-weight: 500 !important;\r\n  color: #570129 !important;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.s4d-testi-label-icon {\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-testi-title {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: clamp(28px, 3.5vw, 42px) !important;\r\n  font-weight: 600 !important;\r\n  color: #570129 !important;\r\n  line-height: 1.2 !important;\r\n  margin-bottom: 14px !important;\r\n}\r\n\r\n.s4d-testi-title em {\r\n  font-style: normal;\r\n  color: #F4C00C;\r\n}\r\n\r\n.s4d-testi-subtitle {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 17px !important;\r\n  color: #6B6360 !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n\/* \u2500\u2500 STARS SUMMARY \u2500\u2500 *\/\r\n.s4d-testi-stars-summary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.s4d-testi-stars-row {\r\n  display: flex;\r\n  gap: 3px;\r\n  color: #F4C00C;\r\n  font-size: 20px;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-testi-stars-text {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 14px !important;\r\n  font-weight: 500 !important;\r\n  color: #570129 !important;\r\n}\r\n\r\n\/* \u2500\u2500 CAROUSEL WRAPPER \u2500\u2500 *\/\r\n.s4d-testi-carousel {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 TRACK \u2500\u2500 *\/\r\n.s4d-testi-track-wrapper {\r\n  overflow: hidden;\r\n  width: 100%;\r\n  cursor: grab;\r\n  -webkit-user-select: none;\r\n  user-select: none;\r\n}\r\n\r\n.s4d-testi-track-wrapper:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n.s4d-testi-track {\r\n  display: flex;\r\n  gap: 20px;\r\n  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  padding: 10px 0 20px;\r\n  will-change: transform;\r\n}\r\n\r\n\/* Disable transition during drag *\/\r\n.s4d-testi-track.s4d-dragging {\r\n  transition: none;\r\n}\r\n\r\n\/* \u2500\u2500 INDIVIDUAL SLIDE \u2500\u2500 *\/\r\n.s4d-testi-slide {\r\n  flex-shrink: 0;\r\n  width: 560px;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  border: 1px solid rgba(87, 1, 41, 0.06);\r\n  box-shadow: 0 4px 16px rgba(87, 1, 41, 0.06);\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.s4d-testi-slide:hover {\r\n  box-shadow: 0 8px 30px rgba(87, 1, 41, 0.1);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.s4d-testi-slide img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 NAVIGATION ARROWS \u2500\u2500 *\/\r\n.s4d-testi-nav {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 16px;\r\n  margin-top: 36px;\r\n  padding: 0 24px;\r\n}\r\n\r\n.s4d-testi-arrow {\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #FFFFFF !important;\r\n  border: 2px solid rgba(87, 1, 41, 0.1) !important;\r\n  border-radius: 50% !important;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n  padding: 0 !important;\r\n}\r\n\r\n.s4d-testi-arrow:hover {\r\n  background: #570129 !important;\r\n  border-color: #570129 !important;\r\n}\r\n\r\n.s4d-testi-arrow svg {\r\n  width: 20px;\r\n  height: 20px;\r\n  stroke: #570129;\r\n  fill: none;\r\n  stroke-width: 2.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  transition: stroke 0.3s ease;\r\n}\r\n\r\n.s4d-testi-arrow:hover svg {\r\n  stroke: #FFFFFF;\r\n}\r\n\r\n\/* \u2500\u2500 DOTS \u2500\u2500 *\/\r\n.s4d-testi-dots {\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: center;\r\n}\r\n\r\n.s4d-testi-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: rgba(87, 1, 41, 0.12) !important;\r\n  border: none !important;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  padding: 0 !important;\r\n}\r\n\r\n.s4d-testi-dot.s4d-active {\r\n  background: #570129 !important;\r\n  width: 28px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.s4d-testi-dot:hover {\r\n  background: rgba(87, 1, 41, 0.3) !important;\r\n}\r\n\r\n\/* \u2500\u2500 EDGE FADES \u2500\u2500 *\/\r\n.s4d-testi-fade-left,\r\n.s4d-testi-fade-right {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 60px;\r\n  pointer-events: none;\r\n  z-index: 3;\r\n}\r\n\r\n.s4d-testi-fade-left {\r\n  left: 0;\r\n  background: linear-gradient(90deg, #FFFDF5 0%, transparent 100%);\r\n}\r\n\r\n.s4d-testi-fade-right {\r\n  right: 0;\r\n  background: linear-gradient(270deg, #FFFDF5 0%, transparent 100%);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n  .s4d-testi {\r\n    padding: 70px 0 60px;\r\n  }\r\n\r\n  .s4d-testi-slide {\r\n    width: 420px;\r\n  }\r\n\r\n  .s4d-testi-header {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .s4d-testi-arrow {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .s4d-testi-fade-left,\r\n  .s4d-testi-fade-right {\r\n    width: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .s4d-testi {\r\n    padding: 56px 0 48px;\r\n  }\r\n\r\n  .s4d-testi-slide {\r\n    width: 320px;\r\n  }\r\n\r\n  .s4d-testi-dots {\r\n    display: none;\r\n  }\r\n\r\n  .s4d-testi-nav {\r\n    gap: 24px;\r\n    margin-top: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-testi\">\r\n\r\n  <!-- Header -->\r\n  <div class=\"s4d-testi-header\">\r\n    <div class=\"s4d-testi-label\">\r\n      <span class=\"s4d-testi-label-icon\">\u2b50<\/span>\r\n      Testimonials\r\n    <\/div>\r\n    <h2 class=\"s4d-testi-title\">What My Students <em>Are Saying<\/em><\/h2>\r\n    <p class=\"s4d-testi-subtitle\">Real reviews from real students who transformed their Spanish skills.<\/p>\r\n    <div class=\"s4d-testi-stars-summary\">\r\n      <span class=\"s4d-testi-stars-row\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n      <span class=\"s4d-testi-stars-text\">5.0 from all reviews<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Carousel -->\r\n  <div class=\"s4d-testi-carousel\">\r\n\r\n    <!-- Edge fades -->\r\n    <div class=\"s4d-testi-fade-left\"><\/div>\r\n    <div class=\"s4d-testi-fade-right\"><\/div>\r\n\r\n    <!-- Track -->\r\n    <div class=\"s4d-testi-track-wrapper\" id=\"s4dTestiWrapper\">\r\n      <div class=\"s4d-testi-track\" id=\"s4dTestiTrack\">\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-15.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-12.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-13.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-14.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-2.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-3.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-4.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-5.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-6.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-7.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-8.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-9.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-10.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"s4d-testi-slide\">\r\n          <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/08\/testimonials_spanish4dinner-11.jpg\" alt=\"Student testimonial\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Navigation -->\r\n    <div class=\"s4d-testi-nav\">\r\n      <button class=\"s4d-testi-arrow s4d-testi-arrow--prev\" id=\"s4dTestiPrev\" aria-label=\"Previous testimonials\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"s4d-testi-dots\" id=\"s4dTestiDots\"><\/div>\r\n\r\n      <button class=\"s4d-testi-arrow s4d-testi-arrow--next\" id=\"s4dTestiNext\" aria-label=\"Next testimonials\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- \u2500\u2500 CAROUSEL LOGIC \u2500\u2500 -->\r\n<script>\r\n(function() {\r\n  var track = document.getElementById('s4dTestiTrack');\r\n  var wrapper = document.getElementById('s4dTestiWrapper');\r\n  var prevBtn = document.getElementById('s4dTestiPrev');\r\n  var nextBtn = document.getElementById('s4dTestiNext');\r\n  var dotsContainer = document.getElementById('s4dTestiDots');\r\n  var slides = track.querySelectorAll('.s4d-testi-slide');\r\n  var totalSlides = slides.length;\r\n  var currentIndex = 0;\r\n  var autoplayInterval = null;\r\n  var autoplayDelay = 4000;\r\n\r\n  \/* Drag state *\/\r\n  var isDragging = false;\r\n  var startX = 0;\r\n  var currentTranslate = 0;\r\n  var prevTranslate = 0;\r\n\r\n  function getSlideWidth() {\r\n    if (!slides[0]) return 580;\r\n    return slides[0].offsetWidth + 20; \/* slide width + gap *\/\r\n  }\r\n\r\n  function getVisibleCount() {\r\n    var wrapperW = wrapper.offsetWidth;\r\n    var slideW = getSlideWidth();\r\n    return Math.max(1, Math.floor(wrapperW \/ slideW));\r\n  }\r\n\r\n  function getMaxIndex() {\r\n    var visible = getVisibleCount();\r\n    return Math.max(0, totalSlides - visible);\r\n  }\r\n\r\n  \/* Build dots *\/\r\n  function buildDots() {\r\n    dotsContainer.innerHTML = '';\r\n    var maxIdx = getMaxIndex();\r\n    \/* Show max 7 dots for readability *\/\r\n    var dotCount = Math.min(maxIdx + 1, 7);\r\n    var step = maxIdx \/ (dotCount - 1 || 1);\r\n\r\n    for (var i = 0; i < dotCount; i++) {\r\n      var dot = document.createElement('button');\r\n      dot.className = 's4d-testi-dot';\r\n      dot.setAttribute('aria-label', 'Go to slide group ' + (i + 1));\r\n      dot.setAttribute('data-s4d-idx', Math.round(i * step));\r\n      if (i === 0) dot.classList.add('s4d-active');\r\n      dot.addEventListener('click', function() {\r\n        var idx = parseInt(this.getAttribute('data-s4d-idx'), 10);\r\n        goTo(idx);\r\n        resetAutoplay();\r\n      });\r\n      dotsContainer.appendChild(dot);\r\n    }\r\n  }\r\n\r\n  function updateDots() {\r\n    var dots = dotsContainer.querySelectorAll('.s4d-testi-dot');\r\n    var maxIdx = getMaxIndex();\r\n    dots.forEach(function(dot) {\r\n      var dotIdx = parseInt(dot.getAttribute('data-s4d-idx'), 10);\r\n      dot.classList.remove('s4d-active');\r\n      \/* Find closest dot to current index *\/\r\n    });\r\n    \/* Activate closest dot *\/\r\n    var closestDot = null;\r\n    var closestDist = Infinity;\r\n    dots.forEach(function(dot) {\r\n      var dotIdx = parseInt(dot.getAttribute('data-s4d-idx'), 10);\r\n      var dist = Math.abs(dotIdx - currentIndex);\r\n      if (dist < closestDist) {\r\n        closestDist = dist;\r\n        closestDot = dot;\r\n      }\r\n    });\r\n    if (closestDot) closestDot.classList.add('s4d-active');\r\n  }\r\n\r\n  function goTo(index) {\r\n    var maxIdx = getMaxIndex();\r\n    currentIndex = Math.max(0, Math.min(index, maxIdx));\r\n    var offset = currentIndex * getSlideWidth();\r\n    \/* Add left padding on first slide *\/\r\n    var leftPad = currentIndex === 0 ? 40 : 0;\r\n    track.style.transform = 'translateX(-' + (offset - leftPad) + 'px)';\r\n    currentTranslate = -(offset - leftPad);\r\n    prevTranslate = currentTranslate;\r\n    updateDots();\r\n  }\r\n\r\n  function goNext() {\r\n    var maxIdx = getMaxIndex();\r\n    if (currentIndex >= maxIdx) {\r\n      goTo(0);\r\n    } else {\r\n      goTo(currentIndex + 1);\r\n    }\r\n  }\r\n\r\n  function goPrev() {\r\n    if (currentIndex <= 0) {\r\n      goTo(getMaxIndex());\r\n    } else {\r\n      goTo(currentIndex - 1);\r\n    }\r\n  }\r\n\r\n  \/* Autoplay *\/\r\n  function startAutoplay() {\r\n    stopAutoplay();\r\n    autoplayInterval = setInterval(function() {\r\n      goNext();\r\n    }, autoplayDelay);\r\n  }\r\n\r\n  function stopAutoplay() {\r\n    if (autoplayInterval) {\r\n      clearInterval(autoplayInterval);\r\n      autoplayInterval = null;\r\n    }\r\n  }\r\n\r\n  function resetAutoplay() {\r\n    stopAutoplay();\r\n    startAutoplay();\r\n  }\r\n\r\n  \/* \u2500\u2500 DRAG \/ SWIPE \u2500\u2500 *\/\r\n  function onDragStart(e) {\r\n    isDragging = true;\r\n    startX = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n    track.classList.add('s4d-dragging');\r\n    stopAutoplay();\r\n  }\r\n\r\n  function onDragMove(e) {\r\n    if (!isDragging) return;\r\n    var currentX = e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n    var diff = currentX - startX;\r\n    currentTranslate = prevTranslate + diff;\r\n    track.style.transform = 'translateX(' + currentTranslate + 'px)';\r\n  }\r\n\r\n  function onDragEnd(e) {\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    track.classList.remove('s4d-dragging');\r\n    var movedBy = currentTranslate - prevTranslate;\r\n    var threshold = getSlideWidth() * 0.2;\r\n\r\n    if (movedBy < -threshold) {\r\n      goTo(currentIndex + 1);\r\n    } else if (movedBy > threshold) {\r\n      goTo(currentIndex - 1);\r\n    } else {\r\n      goTo(currentIndex);\r\n    }\r\n    startAutoplay();\r\n  }\r\n\r\n  \/* Mouse events *\/\r\n  wrapper.addEventListener('mousedown', onDragStart);\r\n  wrapper.addEventListener('mousemove', onDragMove);\r\n  wrapper.addEventListener('mouseup', onDragEnd);\r\n  wrapper.addEventListener('mouseleave', function() {\r\n    if (isDragging) onDragEnd();\r\n  });\r\n\r\n  \/* Touch events *\/\r\n  wrapper.addEventListener('touchstart', onDragStart, { passive: true });\r\n  wrapper.addEventListener('touchmove', onDragMove, { passive: true });\r\n  wrapper.addEventListener('touchend', onDragEnd);\r\n\r\n  \/* Buttons *\/\r\n  prevBtn.addEventListener('click', function() {\r\n    goPrev();\r\n    resetAutoplay();\r\n  });\r\n\r\n  nextBtn.addEventListener('click', function() {\r\n    goNext();\r\n    resetAutoplay();\r\n  });\r\n\r\n  \/* Pause on hover *\/\r\n  wrapper.addEventListener('mouseenter', stopAutoplay);\r\n  wrapper.addEventListener('mouseleave', function() {\r\n    if (!isDragging) startAutoplay();\r\n  });\r\n\r\n  \/* Handle resize *\/\r\n  var resizeTimer;\r\n  window.addEventListener('resize', function() {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(function() {\r\n      buildDots();\r\n      goTo(Math.min(currentIndex, getMaxIndex()));\r\n    }, 200);\r\n  });\r\n\r\n  \/* Init *\/\r\n  buildDots();\r\n  goTo(0);\r\n  startAutoplay();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53a1b87 e-flex e-con-boxed e-con e-parent\" data-id=\"53a1b87\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-707d7cb e-con-full e-flex e-con e-child\" data-id=\"707d7cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f0774 elementor-widget elementor-widget-video\" data-id=\"75f0774\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/06\/Testimonio-5.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1e3e06 e-con-full e-flex e-con e-child\" data-id=\"e1e3e06\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-342002f elementor-widget elementor-widget-video\" data-id=\"342002f\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2026\/06\/Testimonio-6.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e47e1e e-con-full e-flex e-con e-parent\" data-id=\"3e47e1e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b814685 elementor-widget elementor-widget-html\" data-id=\"b814685\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\r\n.s4d-fcta *,\r\n.s4d-fcta *::before,\r\n.s4d-fcta *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.s4d-fcta a,\r\n.s4d-fcta a:link,\r\n.s4d-fcta a:visited,\r\n.s4d-fcta a:active,\r\n.s4d-fcta a:focus,\r\n.s4d-fcta button,\r\n.s4d-fcta button:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.s4d-fcta {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 24px;\r\n  background: linear-gradient(160deg, #3D001C 0%, #570129 45%, #7A1045 100%);\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n  text-align: center;\r\n}\r\n\r\n\/* Texture *\/\r\n.s4d-fcta::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    radial-gradient(circle at 2px 2px, rgba(255,255,255,0.015) 1px, transparent 0);\r\n  background-size: 32px 32px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Glow top-right *\/\r\n.s4d-fcta-glow1 {\r\n  position: absolute;\r\n  top: -120px;\r\n  right: -120px;\r\n  width: 450px;\r\n  height: 450px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(244, 192, 12, 0.1) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  animation: s4d-fcta-pulse 6s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* Glow bottom-left *\/\r\n.s4d-fcta-glow2 {\r\n  position: absolute;\r\n  bottom: -100px;\r\n  left: -100px;\r\n  width: 350px;\r\n  height: 350px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(244, 192, 12, 0.06) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  animation: s4d-fcta-pulse 8s ease-in-out 2s infinite alternate;\r\n}\r\n\r\n@keyframes s4d-fcta-pulse {\r\n  0% { transform: scale(1); opacity: 0.6; }\r\n  100% { transform: scale(1.12); opacity: 1; }\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.s4d-fcta-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 FIRE ICON \u2500\u2500 *\/\r\n.s4d-fcta-icon {\r\n  font-size: 44px;\r\n  line-height: 1;\r\n  margin-bottom: 24px;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 TITLE \u2500\u2500 *\/\r\n.s4d-fcta-title {\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: clamp(30px, 4vw, 48px) !important;\r\n  font-weight: 600 !important;\r\n  color: #FFFFFF !important;\r\n  line-height: 1.15 !important;\r\n  margin-bottom: 20px !important;\r\n}\r\n\r\n.s4d-fcta-title em {\r\n  font-style: normal;\r\n  color: #F4C00C;\r\n  position: relative;\r\n}\r\n\r\n.s4d-fcta-title em::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 2px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 3px;\r\n  background: #F4C00C;\r\n  border-radius: 2px;\r\n  opacity: 0.4;\r\n}\r\n\r\n\/* \u2500\u2500 SUBTITLE \u2500\u2500 *\/\r\n.s4d-fcta-subtitle {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: clamp(16px, 1.8vw, 19px) !important;\r\n  color: rgba(255, 255, 255, 0.8) !important;\r\n  line-height: 1.65 !important;\r\n  margin-bottom: 36px !important;\r\n  max-width: 520px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.s4d-fcta-subtitle strong {\r\n  color: #FFFFFF !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n\/* \u2500\u2500 PROMO BANNER \u2500\u2500 *\/\r\n.s4d-fcta-promo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: linear-gradient(135deg, #F4C00C 0%, #FFD740 100%);\r\n  color: #3D001C;\r\n  padding: 14px 28px;\r\n  border-radius: 12px;\r\n  margin-bottom: 32px;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 500 !important;\r\n  letter-spacing: 0.2px;\r\n  box-shadow:\r\n    0 4px 20px rgba(244, 192, 12, 0.35),\r\n    0 0 0 1px rgba(244, 192, 12, 0.2);\r\n  animation: s4d-fcta-shimmer 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes s4d-fcta-shimmer {\r\n  0%, 100% { box-shadow: 0 4px 20px rgba(244, 192, 12, 0.35), 0 0 0 1px rgba(244, 192, 12, 0.2); }\r\n  50% { box-shadow: 0 4px 32px rgba(244, 192, 12, 0.55), 0 0 0 1px rgba(244, 192, 12, 0.4); }\r\n}\r\n\r\n.s4d-fcta-promo-icon {\r\n  font-size: 22px;\r\n  line-height: 1;\r\n}\r\n\r\n.s4d-fcta-promo strong {\r\n  font-weight: 600 !important;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* \u2500\u2500 CTA BUTTON \u2500\u2500 *\/\r\n.s4d-fcta-btn-wrap {\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.s4d-fcta-btn,\r\n.s4d-fcta-btn:link,\r\n.s4d-fcta-btn:visited,\r\n.s4d-fcta-btn:active,\r\n.s4d-fcta-btn:focus {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  gap: 12px;\r\n  background: #FFFFFF !important;\r\n  color: #570129 !important;\r\n  font-family: 'Fredoka', sans-serif !important;\r\n  font-size: 19px !important;\r\n  font-weight: 600 !important;\r\n  text-decoration: none !important;\r\n  padding: 20px 48px !important;\r\n  border-radius: 14px !important;\r\n  border: none !important;\r\n  cursor: pointer;\r\n  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  box-shadow:\r\n    0 8px 28px rgba(0, 0, 0, 0.18),\r\n    0 0 0 0 #F4C00C;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.s4d-fcta-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, #F4C00C 0%, #FFD740 100%);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n  border-radius: 14px;\r\n}\r\n\r\n.s4d-fcta-btn:hover {\r\n  transform: translateY(-3px) !important;\r\n  box-shadow:\r\n    0 12px 36px rgba(0, 0, 0, 0.22),\r\n    0 0 0 3px #F4C00C !important;\r\n  color: #3D001C !important;\r\n}\r\n\r\n.s4d-fcta-btn:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.s4d-fcta-btn span {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.s4d-fcta-btn-arrow {\r\n  position: relative;\r\n  z-index: 1;\r\n  font-size: 22px;\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.s4d-fcta-btn:hover .s4d-fcta-btn-arrow {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* \u2500\u2500 TRUST BADGES \u2500\u2500 *\/\r\n.s4d-fcta-trust {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 24px;\r\n  margin-top: 28px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.s4d-fcta-trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 13px !important;\r\n  color: rgba(255, 255, 255, 0.5) !important;\r\n}\r\n\r\n.s4d-fcta-trust-check {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.s4d-fcta-trust-check svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  stroke: rgba(244, 192, 12, 0.6);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.s4d-fcta-trust-sep {\r\n  width: 1px;\r\n  height: 16px;\r\n  background: rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 680px) {\r\n  .s4d-fcta {\r\n    padding: 72px 20px;\r\n  }\r\n\r\n  .s4d-fcta-promo {\r\n    font-size: 14px !important;\r\n    padding: 12px 22px;\r\n  }\r\n\r\n  .s4d-fcta-btn,\r\n  .s4d-fcta-btn:link,\r\n  .s4d-fcta-btn:visited,\r\n  .s4d-fcta-btn:active,\r\n  .s4d-fcta-btn:focus {\r\n    font-size: 17px !important;\r\n    padding: 18px 36px !important;\r\n  }\r\n\r\n  .s4d-fcta-trust {\r\n    gap: 14px;\r\n  }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n  .s4d-fcta {\r\n    padding: 56px 16px;\r\n  }\r\n\r\n  .s4d-fcta-btn,\r\n  .s4d-fcta-btn:link,\r\n  .s4d-fcta-btn:visited,\r\n  .s4d-fcta-btn:active,\r\n  .s4d-fcta-btn:focus {\r\n    width: 100% !important;\r\n    justify-content: center;\r\n    padding: 18px 24px !important;\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  .s4d-fcta-promo {\r\n    font-size: 13px !important;\r\n    padding: 10px 18px;\r\n  }\r\n\r\n  .s4d-fcta-trust-sep {\r\n    display: none;\r\n  }\r\n\r\n  .s4d-fcta-trust {\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"s4d-fcta\">\r\n  <!-- Glows -->\r\n  <div class=\"s4d-fcta-glow1\"><\/div>\r\n  <div class=\"s4d-fcta-glow2\"><\/div>\r\n\r\n  <div class=\"s4d-fcta-inner\">\r\n\r\n    <!-- Icon -->\r\n    <span class=\"s4d-fcta-icon\">\ud83d\udd25<\/span>\r\n\r\n    <!-- Title -->\r\n    <h2 class=\"s4d-fcta-title\">Ready to Start Speaking <em>Spanish?<\/em><\/h2>\r\n\r\n    <!-- Subtitle -->\r\n    <p class=\"s4d-fcta-subtitle\">\r\n      Book your first lesson today and let's begin your journey to <strong>real Spanish fluency.<\/strong>\r\n    <\/p>\r\n\r\n    <!-- Promo reminder -->\r\n    <div class=\"s4d-fcta-promo\">\r\n      <span class=\"s4d-fcta-promo-icon\">\ud83c\udf81<\/span>\r\n      Book your first lesson and get a second <strong>FREE!<\/strong>\r\n    <\/div>\r\n\r\n    <!-- CTA Button \u2014 links to pricing section -->\r\n    <div class=\"s4d-fcta-btn-wrap\">\r\n      <a href=\"#s4d-pricing\" class=\"s4d-fcta-btn\">\r\n        <span>Book Now<\/span>\r\n        <span class=\"s4d-fcta-btn-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Trust badges -->\r\n    <div class=\"s4d-fcta-trust\">\r\n      <span class=\"s4d-fcta-trust-item\">\r\n        <span class=\"s4d-fcta-trust-check\">\r\n          <svg viewBox=\"0 0 16 16\"><path d=\"M4 8l3 3 5-5\"\/><\/svg>\r\n        <\/span>\r\n        No commitment required\r\n      <\/span>\r\n      <span class=\"s4d-fcta-trust-sep\"><\/span>\r\n      <span class=\"s4d-fcta-trust-item\">\r\n        <span class=\"s4d-fcta-trust-check\">\r\n          <svg viewBox=\"0 0 16 16\"><path d=\"M4 8l3 3 5-5\"\/><\/svg>\r\n        <\/span>\r\n        Flexible scheduling\r\n      <\/span>\r\n      <span class=\"s4d-fcta-trust-sep\"><\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f056e43 e-con-full e-flex e-con e-parent\" data-id=\"f056e43\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baebe3a elementor-widget elementor-widget-html\" data-id=\"baebe3a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* \u2500\u2500 RESET \u2500\u2500 *\/\r\n.s4d-discl *,\r\n.s4d-discl *::before,\r\n.s4d-discl *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.s4d-discl a,\r\n.s4d-discl a:link,\r\n.s4d-discl a:visited,\r\n.s4d-discl a:active,\r\n.s4d-discl a:focus {\r\n  color: inherit;\r\n  text-decoration: none;\r\n  outline: none;\r\n}\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.s4d-discl {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 40px 24px;\r\n  background: #1A0A10;\r\n  font-family: 'Spinnaker', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Top line *\/\r\n.s4d-discl::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\r\n.s4d-discl-inner {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n\/* \u2500\u2500 LOGO \u2500\u2500 *\/\r\n.s4d-discl-logo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  background: rgba(255, 255, 255, 0.95);\r\n  padding: 8px 16px;\r\n  border-radius: 10px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.s4d-discl-logo img {\r\n  max-height: 32px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 DISCLAIMER TEXT \u2500\u2500 *\/\r\n.s4d-discl-text {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 12px !important;\r\n  color: rgba(255, 255, 255, 0.35) !important;\r\n  line-height: 1.7 !important;\r\n  max-width: 600px;\r\n}\r\n\r\n\/* \u2500\u2500 COPYRIGHT \u2500\u2500 *\/\r\n.s4d-discl-copy {\r\n  font-family: 'Spinnaker', sans-serif !important;\r\n  font-size: 12px !important;\r\n  color: rgba(255, 255, 255, 0.25) !important;\r\n  line-height: 1.5 !important;\r\n}\r\n\r\n.s4d-discl-copy-link,\r\n.s4d-discl-copy-link:link,\r\n.s4d-discl-copy-link:visited,\r\n.s4d-discl-copy-link:active,\r\n.s4d-discl-copy-link:focus {\r\n  color: rgba(244, 192, 12, 0.45) !important;\r\n  text-decoration: none !important;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.s4d-discl-copy-link:hover {\r\n  color: rgba(244, 192, 12, 0.75) !important;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 480px) {\r\n  .s4d-discl {\r\n    padding: 32px 16px;\r\n  }\r\n\r\n  .s4d-discl-text {\r\n    font-size: 11px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"s4d-discl\">\r\n  <div class=\"s4d-discl-inner\">\r\n\r\n    <!-- Logo -->\r\n    <div class=\"s4d-discl-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/spanish4dinner.com\/wp-content\/uploads\/2025\/11\/Logo-horizontal-scaled.png\" alt=\"Spanish4Dinner\">\r\n    <\/div>\r\n\r\n    <!-- Disclaimer -->\r\n    <p class=\"s4d-discl-text\">\r\n      This site is not part of, nor endorsed by, Facebook\/Meta Platforms, Inc. or Google\/Alphabet, Inc. Facebook\u2122 is a trademark of Meta Platforms, Inc. Google\u2122 is a trademark of Alphabet, Inc. The content on this page is the sole responsibility of Spanish4Dinner.\r\n    <\/p>\r\n\r\n    <!-- Copyright -->\r\n    <p class=\"s4d-discl-copy\">\r\n      &copy; <span id=\"s4d-discl-year\">2026<\/span> Spanish4Dinner. All rights reserved. &nbsp;|&nbsp;\r\n      <a href=\"https:\/\/spanish4dinner.com\" class=\"s4d-discl-copy-link\">spanish4dinner.com<\/a>\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n(function() {\r\n  var el = document.getElementById('s4d-discl-year');\r\n  if (el) el.textContent = new Date().getFullYear();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc4b I&#8217;m Emmanuel from Colombia Do you want to speak Spanish like a native? I help students learn Spanish with a method that&#8217;s fun, engaging, and structured so you make progress day after day. \ud83c\udf81 Book your first lesson and get a second FREE! Book Your First Lesson \u2192 +8 &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-25147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=\/wp\/v2\/pages\/25147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25147"}],"version-history":[{"count":0,"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=\/wp\/v2\/pages\/25147\/revisions"}],"wp:attachment":[{"href":"https:\/\/spanish4dinner.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}