.elementor-47 .elementor-element.elementor-element-b924a27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-604a8ff{text-align:center;}.elementor-47 .elementor-element.elementor-element-604a8ff .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:3.75em;font-weight:500;line-height:1em;}.elementor-47 .elementor-element.elementor-element-b2837bc{text-align:center;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:500;line-height:1.75em;color:var( --e-global-color-6a053c0 );}.elementor-47 .elementor-element.elementor-element-626d868 .elementor-button{background-color:var( --e-global-color-primary );text-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow:0px 4px 12px 0px rgba(20.000000000000007, 184, 165.99999999999997, 0.3);transition-duration:0.3s;}.elementor-47 .elementor-element.elementor-element-626d868 .elementor-button:hover, .elementor-47 .elementor-element.elementor-element-626d868 .elementor-button:focus{background-color:#0D9488;}.elementor-47 .elementor-element.elementor-element-bd4c675{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47 .elementor-element.elementor-element-2a93278.elementor-element{--align-self:center;}.elementor-47 .elementor-element.elementor-element-2a93278{text-align:center;}.elementor-47 .elementor-element.elementor-element-2a93278 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:3em;font-weight:500;line-height:1em;}.elementor-47 .elementor-element.elementor-element-78ab1e5{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.75em;color:var( --e-global-color-6a053c0 );}.elementor-47 .elementor-element.elementor-element-78ab1e5.elementor-element{--align-self:center;}.elementor-47 .elementor-element.elementor-element-9622fa2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-5c03d21{--display:flex;--min-height:0px;--border-radius:19px 19px 19px 19px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.08);--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;grid-column:span 1;grid-row:span 1;}.elementor-47 .elementor-element.elementor-element-5c03d21:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-5c03d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1AB8B5;background-image:url("https://velora.co.ke/wp-content/uploads/2025/12/mesh-gradient-2.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-47 .elementor-element.elementor-element-bbb58b7{padding:25px 25px 25px 25px;}.elementor-47 .elementor-element.elementor-element-bbb58b7 .elementor-icon-wrapper{text-align:center;}.elementor-47 .elementor-element.elementor-element-bbb58b7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-bbb58b7.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-bbb58b7.elementor-view-default .elementor-icon{color:var( --e-global-color-073e81d );border-color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-bbb58b7.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-bbb58b7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-bbb58b7 .elementor-icon{font-size:70px;}.elementor-47 .elementor-element.elementor-element-bbb58b7 .elementor-icon svg{height:70px;}.elementor-47 .elementor-element.elementor-element-6ad5761{width:var( --container-widget-width, 75.564% );max-width:75.564%;--container-widget-width:75.564%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-6ad5761.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-6ad5761 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:1.5em;font-weight:600;line-height:1em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-f55a1b9{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.2em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-77b5f09{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.2em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-79cdce0{--display:flex;--min-height:0px;--border-radius:19px 19px 19px 19px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.08);--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;grid-column:span 1;grid-row:span 1;}.elementor-47 .elementor-element.elementor-element-79cdce0:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-79cdce0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1AB8B5;background-image:url("https://velora.co.ke/wp-content/uploads/2025/12/mesh-gradient-5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-47 .elementor-element.elementor-element-ca25375{padding:25px 25px 25px 25px;}.elementor-47 .elementor-element.elementor-element-ca25375 .elementor-icon-wrapper{text-align:center;}.elementor-47 .elementor-element.elementor-element-ca25375.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-ca25375.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-ca25375.elementor-view-default .elementor-icon{color:var( --e-global-color-073e81d );border-color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-ca25375.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-ca25375.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-ca25375 .elementor-icon{font-size:70px;}.elementor-47 .elementor-element.elementor-element-ca25375 .elementor-icon svg{height:70px;}.elementor-47 .elementor-element.elementor-element-4f0358c{width:var( --container-widget-width, 60.135% );max-width:60.135%;--container-widget-width:60.135%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-4f0358c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-4f0358c .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:1.5em;font-weight:600;line-height:1em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-80559c9{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.2em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-3490ff2{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.2em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-d56c476{--display:flex;--min-height:0px;--border-radius:19px 19px 19px 19px;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.08);--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;grid-column:span 1;grid-row:span 1;}.elementor-47 .elementor-element.elementor-element-d56c476:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-d56c476 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1AB8B5;background-image:url("https://velora.co.ke/wp-content/uploads/2025/12/mesh-gradient-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-47 .elementor-element.elementor-element-8d2a50d{padding:25px 25px 25px 25px;}.elementor-47 .elementor-element.elementor-element-8d2a50d .elementor-icon-wrapper{text-align:center;}.elementor-47 .elementor-element.elementor-element-8d2a50d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-8d2a50d.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-8d2a50d.elementor-view-default .elementor-icon{color:var( --e-global-color-073e81d );border-color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-8d2a50d.elementor-view-framed .elementor-icon, .elementor-47 .elementor-element.elementor-element-8d2a50d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-8d2a50d .elementor-icon{font-size:70px;}.elementor-47 .elementor-element.elementor-element-8d2a50d .elementor-icon svg{height:70px;}.elementor-47 .elementor-element.elementor-element-8d2a50d .elementor-icon i, .elementor-47 .elementor-element.elementor-element-8d2a50d .elementor-icon svg{transform:rotate(315deg);}.elementor-47 .elementor-element.elementor-element-ce9293d{width:var( --container-widget-width, 76.858% );max-width:76.858%;--container-widget-width:76.858%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-ce9293d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-ce9293d .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:1.5em;font-weight:600;line-height:1em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-76a5a52{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.2em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-540d152{width:var( --container-widget-width, 109.428% );max-width:109.428%;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:109.428%;--container-widget-flex-grow:0;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.2em;color:var( --e-global-color-073e81d );}.elementor-47 .elementor-element.elementor-element-540d152.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-02863c9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-df1f733{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-df1f733:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-df1f733 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB80;}.elementor-47 .elementor-element.elementor-element-df1f733.e-con{--align-self:center;}.elementor-47 .elementor-element.elementor-element-da70fae{width:var( --container-widget-width, 58.919% );max-width:58.919%;--container-widget-width:58.919%;--container-widget-flex-grow:0;text-align:center;}.elementor-47 .elementor-element.elementor-element-da70fae.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-da70fae .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:3em;font-weight:500;line-height:1em;color:#021E34;}.elementor-47 .elementor-element.elementor-element-b246f94{width:var( --container-widget-width, 737px );max-width:737px;--container-widget-width:737px;--container-widget-flex-grow:0;text-align:center;font-family:"Archivo", Sans-serif;font-size:1.125em;font-weight:400;line-height:1.75em;color:var( --e-global-color-7783f33 );}.elementor-47 .elementor-element.elementor-element-b246f94.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-47 .elementor-element.elementor-element-94a9e8f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-5c03d21{--width:100%;}.elementor-47 .elementor-element.elementor-element-79cdce0{--width:100%;}.elementor-47 .elementor-element.elementor-element-d56c476{--width:100%;}}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-9622fa2{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-9622fa2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-b924a27 *//* ============================================
   Z-INDEX LAYERING FIX
   Content above background spacers
   ============================================ */

/* BACKGROUND SPACERS - Stay in back */
.background-spacer {
  z-index: 1 !important;
  pointer-events: none; /* Prevents blocking clicks */
}

/* ALL CONTENT SECTIONS - Bring to front */
.elementor-section {
  position: relative;
  z-index: 10;
}

/* HERO SECTION - Highest priority */
.hero-section,
.velora-hero {
  position: relative;
  z-index: 100 !important;
}

/* BENEFITS SECTION - Above background */
.velora-benefits-section {
  position: relative;
  z-index: 50 !important;
}

/* ALL INTERACTIVE ELEMENTS - Clickable */
.elementor-button,
.velora-cta-button,
a,
button,
input,
textarea {
  position: relative;
  z-index: 200 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f2fb9b *//* ============================================
   VELORA FAQ - DESIGNJOY STYLE LAYOUT
   Canvas: 1120px | Gaps: 30px
   Brand Colors: Teal, Coral, Navy
   ============================================ */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Playfair+Display:ital,wght@1,400;1,500;1,600&display=swap');

/* CSS Variables */
:root {
  --velora-teal: #0D9488;
  --velora-teal-light: #14B8A6;
  --velora-teal-dark: #0F766E;
  --velora-navy: #1E3A5F;
  --velora-navy-light: #2D4A6F;
  --velora-white: #FFFFFF;
  --velora-bg: #F5F5F5;
  --velora-gray-200: #E5E7EB;
  --velora-gray-400: #9CA3AF;
  --velora-gray-600: #4B5563;
  --velora-gray-800: #1F2937;
  --velora-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Layout */
  --canvas-width: 1120px;
  --gap: 30px;
}

/* Global Reset - Remove all backgrounds from FAQ elements */
.velora-faq-wrapper,
.velora-faq-wrapper *:not(.cta-card):not(.cta-button):not(.cta-email-arrow):not(.cta-icon-img):not(.cta-icon-wrapper) {
  background: none !important;
  background-color: transparent !important;
}

/* Reset list styles */
.faq-list,
.faq-item,
.faq-question,
.faq-answer {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Wrapper */
.velora-faq-wrapper {
  background: none !important;
  background-color: transparent !important;
  padding: 60px 20px;
  font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Container - Two Column Grid */
.velora-faq-container {
  max-width: var(--canvas-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 80px;
  align-items: start;
  background: none !important;
  background-color: transparent !important;
}

/* ==========================================
   LEFT COLUMN: FAQ
   ========================================== */

.faq-column {
  display: flex;
  flex-direction: column;
  background: none !important;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  text-align: left;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

/* Heading */
.faq-heading {
  font-size: 3.75em;
  font-weight: 700;
  line-height: 1em;
  color: #111827;
  margin: 0 0 32px 0;
  padding: 0;
  font-family: 'Archivo', sans-serif;
  background: none !important;
  background-color: transparent !important;
  text-align: left;
}

.heading-italic {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  color: #111827;
}

/* FAQ List */
.faq-list {
  display: flex;
  flex-direction: column;
  background: none !important;
  background-color: transparent !important;
  text-align: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-left: 0;
}

/* FAQ Item */
.faq-item {
  background: none !important;
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-left: 0;
}

/* FAQ Question Button */
.faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0;
  background: none !important;
  background-color: transparent !important;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: var(--velora-transition);
  margin-left: 0;
  padding-left: 0;
}

.faq-question span {
  font-size: 18px;
  font-weight: 600;
  color: var(--velora-gray-800);
  line-height: 1.4;
  text-align: left;
  flex: 1;
  padding-left: 0;
  margin-left: 0;
}

/* Chevron Icon */
.faq-chevron {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--velora-gray-800);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item.active .faq-chevron {
  transform: rotate(180deg);
}

/* FAQ Answer */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.4s ease;
  background: none !important;
  background-color: transparent !important;
  opacity: 0;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 36px;
}

.faq-item.active .faq-answer {
  max-height: 500px;
  opacity: 1;
}

.faq-answer p {
  margin: 0;
  padding: 4px 0 20px 0;
  font-size: 15px;
  line-height: 1.7;
  color: #6B7280;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-left: 0;
  padding-left: 0;
}

.faq-answer strong {
  color: var(--velora-gray-800);
  font-weight: 600;
}

/* ==========================================
   RIGHT COLUMN: CTA CARD
   ========================================== */

.cta-column {
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  margin-top: 0;
  align-self: start;
  height: fit-content;
}

/* CTA Card */
.cta-card {
  background: linear-gradient(160deg, 
    #F97316 0%, 
    #EC4899 50%, 
    #8B5CF6 100%
  ) !important;
  border-radius: 24px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

/* CTA Icon Wrapper */
.cta-icon-wrapper {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.25) !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* CTA Icon Image */
.cta-icon-img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

/* CTA Title */
.cta-title {
  font-size: 36px;
  font-weight: 700;
  color: #FFFFFF !important;
  margin: 0 0 28px 0;
  line-height: 1.15;
}

/* CTA Button */
.cta-button {
  display: block;
  width: 100%;
  padding: 16px 20px;
  background: var(--velora-white) !important;
  color: #021E34 !important;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: var(--velora-transition);
  margin-bottom: 24px;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Email Section */
.cta-email {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cta-email-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cta-email-icon {
  width: 24px;
  height: 24px;
  color: #FBBF24;
  flex-shrink: 0;
}

.cta-email-text {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.2;
}

.cta-email-label {
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: -2px;
}

.cta-email-address {
  font-size: 13px;
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: var(--velora-transition);
  line-height: 1.2;
}

.cta-email-address:hover {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.cta-email-address:visited {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.cta-email-address:active {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.cta-email-address:link {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Email Arrow Button */
.cta-email-arrow {
  width: 40px;
  height: 40px;
  background: var(--velora-white) !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: var(--velora-transition);
  flex-shrink: 0;
}

.cta-email-arrow svg {
  width: 18px;
  height: 18px;
  color: var(--velora-gray-800);
}

.cta-email-arrow:hover {
  transform: scale(1.1);
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

@media (max-width: 900px) {
  .velora-faq-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  
  .faq-column {
    padding: 0;
  }
  
  .cta-column {
    position: static;
    max-width: 400px;
    margin-top: 0;
  }
  
  .faq-heading {
    font-size: 2.75em;
    margin-bottom: 32px;
  }
}

@media (max-width: 600px) {
  .velora-faq-wrapper {
    padding: 40px 16px;
  }
  
  .faq-heading {
    font-size: 2.25em;
    margin-bottom: 24px;
  }
  
  .faq-question {
    padding: 14px 0;
  }
  
  .faq-question span {
    font-size: 16px;
  }
  
  .faq-answer p {
    font-size: 14px;
  }
  
  .cta-card {
    padding: 28px 24px;
    border-radius: 20px;
  }
  
  .cta-title {
    font-size: 28px;
  }
  
  .cta-icon-wrapper {
    width: 68px;
    height: 68px;
  }
  
  .cta-icon-img {
    width: 40px;
    height: 40px;
  }
}

/* ==========================================
   FOCUS STATES (Accessibility)
   ========================================== */

.faq-question:focus {
  outline: none;
}

.faq-question:focus-visible {
  outline: 2px solid var(--velora-gray-400);
  outline-offset: 4px;
  border-radius: 4px;
}

.cta-button:focus-visible,
.cta-email-arrow:focus-visible {
  outline: 2px solid var(--velora-white);
  outline-offset: 2px;
}

/* ==========================================
   ANIMATION
   ========================================== */

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq-item.active .faq-answer p {
  animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-display: auto;
	src: url('https://velora.co.ke/wp-content/uploads/2025/12/Archivo-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */