.elementor-415 .elementor-element.elementor-element-691e68bd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-415 .elementor-element.elementor-element-691e68bd:not(.elementor-motion-effects-element-type-background), .elementor-415 .elementor-element.elementor-element-691e68bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-415 .elementor-element.elementor-element-26ef058a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-415 .elementor-element.elementor-element-51699f4d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-415 .elementor-element.elementor-element-232fb6c3{text-align:center;}.elementor-415 .elementor-element.elementor-element-232fb6c3 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;text-transform:lowercase;letter-spacing:0.5px;color:#000000;}.elementor-415 .elementor-element.elementor-element-6e3f0501{text-align:center;}.elementor-415 .elementor-element.elementor-element-6e3f0501 .elementor-heading-title{color:#1A1A1C;}.elementor-415 .elementor-element.elementor-element-384484ca{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:rgba(26, 26, 28, 0.8);}.elementor-415 .elementor-element.elementor-element-31152832{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:100px;--padding-bottom:200px;--padding-left:20px;--padding-right:20px;}.elementor-415 .elementor-element.elementor-element-31152832:not(.elementor-motion-effects-element-type-background), .elementor-415 .elementor-element.elementor-element-31152832 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-415 .elementor-element.elementor-element-598100b2{--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;--gap:70px 70px;--row-gap:70px;--column-gap:70px;}.elementor-415 .elementor-element.elementor-element-6e402d7f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-415 .elementor-element.elementor-element-3d03f1bb{text-align:center;}.elementor-415 .elementor-element.elementor-element-3d03f1bb .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:500;text-transform:lowercase;letter-spacing:0.5px;color:#000000;}.elementor-415 .elementor-element.elementor-element-6ba380a2{text-align:center;}.elementor-415 .elementor-element.elementor-element-6ba380a2 .elementor-heading-title{color:#1A1A1C;}.elementor-415 .elementor-element.elementor-element-278d70be{width:var( --container-widget-width, 442px );max-width:442px;--container-widget-width:442px;--container-widget-flex-grow:0;text-align:center;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:rgba(26, 26, 28, 0.8);}.elementor-415 .elementor-element.elementor-element-7f1d552{--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;--justify-content:space-between;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--overflow:hidden;--padding-top:112px;--padding-bottom:112px;--padding-left:20px;--padding-right:20px;}.elementor-415 .elementor-element.elementor-element-7f1d552:not(.elementor-motion-effects-element-type-background), .elementor-415 .elementor-element.elementor-element-7f1d552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-415 .elementor-element.elementor-element-5da4648{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-415 .elementor-element.elementor-element-4eed3d2{background-color:#D0F5F5;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:6px 20px 6px 20px;border-radius:100px 100px 100px 100px;text-align:start;}.elementor-415 .elementor-element.elementor-element-4eed3d2 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:14px;font-weight:400;text-transform:lowercase;color:#1A1A1C;}.elementor-415 .elementor-element.elementor-element-d9ae7db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-415 .elementor-element.elementor-element-d9ae7db .elementor-heading-title{color:#1A1A1C;}.elementor-415 .elementor-element.elementor-element-9e63f22{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;font-family:"Inter Tight", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:rgba(26, 26, 28, 0.6);}.elementor-415 .elementor-element.elementor-element-e8113e3{--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-415 .elementor-element.elementor-element-696c084{width:auto;max-width:auto;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-415 .elementor-element.elementor-element-696c084.elementor-element{--align-self:stretch;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-415 .elementor-element.elementor-element-696c084 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-415 .elementor-element.elementor-element-696c084 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-415 .elementor-element.elementor-element-696c084 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-type-html{padding-bottom:0px;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group .elementor-field{color:#1A1A1C;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FCFCFC;border-color:rgba(26, 26, 28, 0.08);border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group .elementor-select-wrapper select{background-color:#FCFCFC;border-color:rgba(26, 26, 28, 0.08);border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-field-group .elementor-select-wrapper::before{color:rgba(26, 26, 28, 0.08);}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-button{font-family:"Inter Tight", Sans-serif;font-size:15px;font-weight:600;border-radius:100px 100px 100px 100px;}.elementor-415 .elementor-element.elementor-element-696c084 .e-form__buttons__wrapper__button-next{background-color:#864FFE;color:#FCFCFC;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-button[type="submit"]{background-color:#864FFE;color:#FCFCFC;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-button[type="submit"] svg *{fill:#FCFCFC;}.elementor-415 .elementor-element.elementor-element-696c084 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-415 .elementor-element.elementor-element-696c084 .e-form__buttons__wrapper__button-next:hover{background-color:#1A1A1C;color:#FCFCFC;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-button[type="submit"]:hover{background-color:#1A1A1C;color:#FCFCFC;}.elementor-415 .elementor-element.elementor-element-696c084 .elementor-button[type="submit"]:hover svg *{fill:#FCFCFC;}.elementor-415 .elementor-element.elementor-element-696c084 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(28px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(28px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(28px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-28px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-28px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-415 .elementor-element.elementor-element-12ef653{--e-icon-list-icon-size:10px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-text{color:rgba(26, 26, 28, 0.7);transition:color 0.3s;}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#1A1A1C;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-415 .elementor-element.elementor-element-691e68bd{--padding-top:168px;--padding-bottom:88px;--padding-left:20px;--padding-right:20px;}.elementor-415 .elementor-element.elementor-element-31152832{--padding-top:80px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-415 .elementor-element.elementor-element-598100b2{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-415 .elementor-element.elementor-element-7f1d552{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-415 .elementor-element.elementor-element-5da4648{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-415 .elementor-element.elementor-element-4eed3d2{text-align:center;}.elementor-415 .elementor-element.elementor-element-d9ae7db{text-align:center;}.elementor-415 .elementor-element.elementor-element-9e63f22{text-align:center;}}@media(max-width:767px){.elementor-415 .elementor-element.elementor-element-691e68bd{--padding-top:128px;--padding-bottom:56px;--padding-left:16px;--padding-right:16px;}.elementor-415 .elementor-element.elementor-element-384484ca{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-415 .elementor-element.elementor-element-31152832{--padding-top:56px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-415 .elementor-element.elementor-element-278d70be{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-415 .elementor-element.elementor-element-7f1d552{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-415 .elementor-element.elementor-element-9e63f22{font-size:16px;}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-415 .elementor-element.elementor-element-12ef653 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}}@media(min-width:768px){.elementor-415 .elementor-element.elementor-element-26ef058a{--content-width:1209px;}.elementor-415 .elementor-element.elementor-element-598100b2{--content-width:1209px;}.elementor-415 .elementor-element.elementor-element-6e402d7f{--content-width:850px;}.elementor-415 .elementor-element.elementor-element-5da4648{--width:650px;}.elementor-415 .elementor-element.elementor-element-e8113e3{--width:466px;}}@media(max-width:1024px) and (min-width:768px){.elementor-415 .elementor-element.elementor-element-5da4648{--width:100%;}.elementor-415 .elementor-element.elementor-element-e8113e3{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-7f1d552 *//* ============================================
   USE CASE CTA - ADVANCED STYLING
   ============================================ */

/* Main Container */
.ns-usecase-cta {
  position: relative;
}

.ns-usecase-cta::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 200%;
  background: radial-gradient(ellipse at center, rgba(255, 208, 0, 0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: -1;
}

/* Badge with shimmer animation */
.ns-usecase-cta-badge {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: linear-gradient(135deg, rgba(255, 208, 0, 0.15), rgba(255, 208, 0, 0.05));
  border: 1px solid rgba(255, 208, 0, 0.4);
  border-radius: 100px;
  font-family: 'Inter Tight', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #B89700;
  position: relative;
  overflow: hidden;
}

.ns-usecase-cta-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 208, 0, 0.3), transparent);
  animation: ns-badge-shimmer 3s ease-in-out infinite;
}

@keyframes ns-badge-shimmer {
  0% { left: -100%; }
  50%, 100% { left: 100%; }
}

/* Title with hover underline */
.ns-usecase-cta-title .elementor-heading-title {
  position: relative;
}

.ns-usecase-cta-title .elementor-heading-title::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #FFD000, #FF9500);
  border-radius: 2px;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: all 0.5s ease;
}

.ns-usecase-cta:hover .ns-usecase-cta-title .elementor-heading-title::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Form styling */
.ns-usecase-cta-form .elementor-form {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.ns-usecase-cta-form .elementor-field-group {
  flex: 1;
}

.ns-usecase-cta-form .elementor-field {
  height: 52px;
  padding: 14px 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  transition: all 0.4s ease;
}

.ns-usecase-cta-form .elementor-field:focus {
  border-color: #FFD000 !important;
  box-shadow: 0 4px 20px rgba(255, 208, 0, 0.15);
}

.ns-usecase-cta-form .elementor-button {
  height: 52px;
  padding: 14px 28px;
  background: linear-gradient(135deg, #864FFE 0%, #6B3FCC 100%);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

.ns-usecase-cta-form .elementor-button:hover {
  background: linear-gradient(135deg, #1A1A1C 0%, #2D2D30 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(134, 79, 254, 0.3);
}

/* Features check icons */
.ns-usecase-cta-features .elementor-icon-list-icon {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #1A1A1C, #3D3D40);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.ns-usecase-cta-features .elementor-icon-list-item:hover {
  transform: translateX(4px);
}

.ns-usecase-cta-features .elementor-icon-list-item:hover .elementor-icon-list-icon {
  box-shadow: 0 0 0 2px #FFD000;
}

@media (max-width: 991px) {
  .ns-usecase-cta-form .elementor-form {
    flex-direction: column;
  }
}/* End custom CSS */
/* Start custom CSS *//**
 * NextSaaS FAQ Page - Elementor CSS
 * Light theme only - Matches app-development-faq.html
 */

/* =====================================================
   CSS Variables
   ===================================================== */
:root {
  --ns-primary: #6366F1;
  --ns-secondary: #1A1A1C;
  --ns-text-primary: #1A1A1C;
  --ns-text-secondary: #52525B;
  --ns-text-muted: rgba(26, 26, 28, 0.6);
  --ns-white: #FFFFFF;
  --ns-bg-1: #FFFFFF;
  --ns-bg-2: #F5F5F5;
  --ns-bg-3: #F0F0F0;
  --ns-border: #E5E7EB;
  --ns-stroke: #D4D4D8;
  --ns-font: 'Inter Tight', sans-serif;
}

/* =====================================================
   FAQ Hero Section
   ===================================================== */
.ns-faq-hero {
  padding-top: 180px;
  padding-bottom: 100px;
  background-color: #F0F0F0;
}

.ns-faq-header {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.ns-faq-header h2 {
  font-family: var(--ns-font);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.15;
  margin-bottom: 12px;
}

.ns-faq-header p {
  font-family: var(--ns-font);
  font-size: 16px;
  line-height: 1.6;
  color: #52525B;
}

/* Badge Styles */
.ns-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  font-family: var(--ns-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  border-radius: 9999px;
  margin-bottom: 20px;
}

.ns-badge-cyan {
  background-color: #CFFAFE;
  color: #0E7490;
}

.ns-badge-primary {
  background-color: rgba(99, 102, 241, 0.1);
  color: #6366F1;
}

@media (max-width: 1024px) {
  .ns-faq-hero {
    padding-top: 168px;
    padding-bottom: 80px;
  }
  
  .ns-faq-header h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .ns-faq-hero {
    padding-top: 128px;
    padding-bottom: 60px;
  }
  
  .ns-faq-header h2 {
    font-size: 30px;
  }
}

/* =====================================================
   FAQ Tab Navigation
   ===================================================== */
.ns-faq-tabs {
  padding: 70px 0;
  background-color: #F0F0F0;
}

.ns-tab-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E5E7EB;
  position: relative;
}

.ns-tab-button {
  padding: 12px 40px;
  margin-bottom: -1px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--ns-font);
  font-size: 16px;
  font-weight: 500;
  color: rgba(26, 26, 28, 0.6);
  transition: color 0.3s ease;
  position: relative;
}

.ns-tab-button:hover {
  color: #1A1A1C;
}

.ns-tab-button.active {
  color: #1A1A1C;
}

.ns-tab-button.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #1A1A1C;
}

/* Active Tab Indicator (sliding) */
.ns-active-tab-bar {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #1A1A1C;
  transition: left 0.3s ease, width 0.3s ease;
}

/* Mobile Tabs */
.ns-tab-mobile {
  display: none;
  flex-wrap: wrap;
  gap: 16px;
}

.ns-tab-mobile-button {
  padding: 8px 14px;
  min-width: 64px;
  font-family: var(--ns-font);
  font-size: 14px;
  font-weight: 500;
  color: rgba(26, 26, 28, 0.6);
  background: transparent;
  border: 1px solid #E5E7EB;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ns-tab-mobile-button:hover,
.ns-tab-mobile-button.active {
  color: #1A1A1C;
  border-color: #1A1A1C;
}

.ns-tab-mobile-button.active {
  background-color: #1A1A1C;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .ns-tab-bar {
    display: none;
  }
  
  .ns-tab-mobile {
    display: flex;
  }
  
  .ns-faq-tabs {
    padding: 50px 0;
  }
}

/* =====================================================
   FAQ Accordion Section
   ===================================================== */
.ns-faq-accordion {
  background-color: #F0F0F0;
  padding-bottom: 100px;
}

.ns-accordion-wrapper {
  max-width: 850px;
  margin: 0 auto;
}

/* Accordion Item */
.ns-accordion-item {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 0 32px;
  margin-bottom: 16px;
  overflow: hidden;
}

.ns-accordion-item:last-child {
  margin-bottom: 0;
}

/* Accordion Header/Button */
.ns-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 32px 0;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}

.ns-accordion-title {
  flex: 1;
  font-family: var(--ns-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #1A1A1C;
  padding-right: 16px;
}

/* Accordion Icon */
.ns-accordion-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform 0.3s ease;
}

.ns-accordion-icon::before,
.ns-accordion-icon::after {
  content: '';
  position: absolute;
  background-color: #1A1A1C;
  transition: transform 0.3s ease;
}

.ns-accordion-icon::before {
  width: 14px;
  height: 2px;
}

.ns-accordion-icon::after {
  width: 2px;
  height: 14px;
}

/* Active/Open State */
.ns-accordion-item.active .ns-accordion-icon::after {
  transform: rotate(90deg);
  opacity: 0;
}

/* Accordion Content */
.ns-accordion-content {
  display: none;
  border-top: 1px solid #E5E7EB;
  padding: 24px 0 32px;
}

.ns-accordion-item.active .ns-accordion-content {
  display: block;
}

.ns-accordion-content p {
  font-family: var(--ns-font);
  font-size: 16px;
  line-height: 1.6;
  color: #52525B;
  margin: 0;
}

/* Elementor Toggle/Accordion Widget Overrides */
.ns-faq-accordion .elementor-toggle {
  border: none;
}

.ns-faq-accordion .elementor-toggle-item {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 0 32px;
  margin-bottom: 16px;
  border: none !important;
}

.ns-faq-accordion .elementor-tab-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0 !important;
  border: none !important;
  background: transparent !important;
}

.ns-faq-accordion .elementor-toggle-title {
  font-family: var(--ns-font) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #1A1A1C !important;
}

.ns-faq-accordion .elementor-toggle-icon {
  order: 2;
  margin-left: auto;
  margin-right: 0 !important;
}

.ns-faq-accordion .elementor-toggle-icon svg {
  width: 14px;
  height: 14px;
  fill: #1A1A1C;
}

.ns-faq-accordion .elementor-toggle-icon i {
  color: #1A1A1C !important;
  font-size: 14px !important;
}

.ns-faq-accordion .elementor-tab-content {
  border-top: 1px solid #E5E7EB !important;
  padding: 24px 0 32px !important;
  background: transparent !important;
}

.ns-faq-accordion .elementor-tab-content p {
  font-family: var(--ns-font);
  font-size: 16px;
  line-height: 1.6;
  color: #52525B;
  margin: 0;
}

@media (max-width: 767px) {
  .ns-accordion-item {
    padding: 0 24px;
  }
  
  .ns-accordion-header {
    padding: 24px 0;
  }
  
  .ns-accordion-title {
    font-size: 16px;
  }
  
  .ns-faq-accordion .elementor-toggle-item {
    padding: 0 24px;
  }
  
  .ns-faq-accordion .elementor-tab-title {
    padding: 24px 0 !important;
  }
  
  .ns-faq-accordion .elementor-toggle-title {
    font-size: 16px !important;
  }
}

/* =====================================================
   Contact Section (Still have questions?)
   ===================================================== */
.ns-contact-section {
  padding-top: 100px;
  padding-bottom: 200px;
  background-color: #F0F0F0;
}

.ns-contact-header {
  text-align: center;
  max-width: 850px;
  margin: 0 auto 70px;
}

.ns-contact-header h2 {
  font-family: var(--ns-font);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.15;
  margin-bottom: 12px;
}

.ns-contact-header p {
  max-width: 442px;
  margin: 0 auto;
  font-family: var(--ns-font);
  font-size: 16px;
  line-height: 1.6;
  color: #52525B;
}

/* Contact Form */
.ns-contact-form {
  max-width: 850px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 42px;
}

/* Form Group */
.ns-form-group {
  margin-bottom: 32px;
}

.ns-form-group:last-of-type {
  margin-bottom: 16px;
}

.ns-form-label {
  display: block;
  font-family: var(--ns-font);
  font-size: 16px;
  font-weight: 500;
  color: #1A1A1C;
  margin-bottom: 8px;
}

/* Input Fields */
.ns-form-input,
.ns-form-textarea {
  width: 100%;
  padding: 8px 18px;
  font-family: var(--ns-font);
  font-size: 16px;
  font-weight: 400;
  color: #1A1A1C;
  background-color: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 9999px;
  outline: none;
  transition: border-color 0.3s ease;
}

.ns-form-input:focus,
.ns-form-textarea:focus {
  border-color: #6366F1;
}

.ns-form-input::placeholder,
.ns-form-textarea::placeholder {
  color: rgba(26, 26, 28, 0.6);
  font-weight: 400;
}

.ns-form-textarea {
  border-radius: 12px;
  resize: vertical;
  min-height: 120px;
}

/* Checkbox */
.ns-form-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.ns-checkbox-input {
  width: 16px;
  height: 16px;
  border: 1px solid #E5E7EB;
  border-radius: 50%;
  appearance: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s ease;
}

.ns-checkbox-input:checked {
  border-color: #6366F1;
}

.ns-checkbox-input:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #6366F1;
  border-radius: 50%;
}

.ns-checkbox-label {
  font-family: var(--ns-font);
  font-size: 14px;
  color: rgba(26, 26, 28, 0.6);
  cursor: pointer;
}

.ns-checkbox-label a {
  color: #6366F1;
  text-decoration: underline;
}

/* Submit Button */
.ns-form-submit {
  width: 100%;
  padding: 12px 24px;
  font-family: var(--ns-font);
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #1A1A1C;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ns-form-submit:hover {
  background-color: #6366F1;
}

/* Elementor Form Overrides */
.ns-contact-form .elementor-form {
  max-width: 100%;
}

.ns-contact-form .elementor-field-group {
  margin-bottom: 32px;
}

.ns-contact-form .elementor-field-label {
  font-family: var(--ns-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #1A1A1C !important;
  margin-bottom: 8px !important;
}

.ns-contact-form .elementor-field {
  padding: 8px 18px !important;
  font-family: var(--ns-font) !important;
  font-size: 16px !important;
  color: #1A1A1C !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 9999px !important;
}

.ns-contact-form .elementor-field:focus {
  border-color: #6366F1 !important;
}

.ns-contact-form .elementor-field-textual.elementor-field-textarea {
  border-radius: 12px !important;
  min-height: 120px;
}

.ns-contact-form .elementor-button {
  width: 100% !important;
  padding: 12px 24px !important;
  font-family: var(--ns-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  background-color: #1A1A1C !important;
  border-radius: 9999px !important;
}

.ns-contact-form .elementor-button:hover {
  background-color: #6366F1 !important;
}

@media (max-width: 1024px) {
  .ns-contact-section {
    padding-top: 80px;
    padding-bottom: 120px;
  }
  
  .ns-contact-header h2 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .ns-contact-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  
  .ns-contact-header {
    margin-bottom: 50px;
  }
  
  .ns-contact-header h2 {
    font-size: 30px;
  }
  
  .ns-contact-form {
    padding: 20px;
  }
}

/* =====================================================
   CTA Section
   ===================================================== */
.ns-cta-section {
  padding-top: 100px;
  padding-bottom: 200px;
  background-color: #FFFFFF;
}

.ns-cta-inner {
  text-align: center;
}

.ns-cta-heading {
  font-family: var(--ns-font);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.15;
  max-width: 660px;
  margin: 24px auto;
}

.ns-cta-description {
  max-width: 600px;
  margin: 0 auto 32px;
  color: #52525B;
  font-size: 16px;
  line-height: 1.6;
}

.ns-cta-btn .elementor-button {
  background-color: #6366F1 !important;
  color: #FFFFFF !important;
  font-family: var(--ns-font);
  font-size: 14px;
  font-weight: 500;
  padding: 18px 36px;
  border-radius: 9999px;
}

.ns-cta-btn .elementor-button:hover {
  background-color: #1A1A1C !important;
}

/* CTA Features List */
.ns-cta-features {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}

.ns-cta-feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ns-font);
  font-size: 14px;
  color: #52525B;
}

.ns-cta-feature-item .ns-check-icon {
  color: #1A1A1C;
}

@media (max-width: 1024px) {
  .ns-cta-section {
    padding-top: 80px;
    padding-bottom: 120px;
  }
  
  .ns-cta-heading {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .ns-cta-section {
    padding-top: 60px;
    padding-bottom: 80px;
  }
  
  .ns-cta-heading {
    font-size: 30px;
  }
  
  .ns-cta-features {
    flex-direction: column;
    gap: 12px;
  }
}

/* =====================================================
   Button Base Styles
   ===================================================== */
.elementor-button {
  font-family: var(--ns-font) !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
  border-radius: 9999px !important;
}

/* Primary Button */
.ns-btn-primary {
  background-color: #6366F1 !important;
  color: #FFFFFF !important;
}

.ns-btn-primary:hover {
  background-color: #1A1A1C !important;
}

/* Secondary Button */
.ns-btn-secondary {
  background-color: #1A1A1C !important;
  color: #FFFFFF !important;
}

.ns-btn-secondary:hover {
  background-color: #6366F1 !important;
}

/* =====================================================
   Fix Elementor Default Margins
   ===================================================== */
.ns-faq-hero .elementor-widget-heading,
.ns-faq-hero .elementor-widget-text-editor,
.ns-faq-accordion .elementor-widget-heading,
.ns-faq-accordion .elementor-widget-text-editor,
.ns-contact-section .elementor-widget-heading,
.ns-contact-section .elementor-widget-text-editor,
.ns-cta-section .elementor-widget-heading,
.ns-cta-section .elementor-widget-text-editor {
  margin-bottom: 0;
}

.elementor-text-editor p:last-child {
  margin-bottom: 0;
}

/* =====================================================
   Container Widths
   ===================================================== */
.ns-container {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 20px;
}

.ns-container-form {
  max-width: 850px;
}

/* =====================================================
   Utility Classes
   ===================================================== */
.ns-text-center {
  text-align: center;
}

.ns-mx-auto {
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */