.elementor-7819 .elementor-element.elementor-element-f818127{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-44ae73d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-4124ff5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-359372a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-5b23803{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-ffd64ce{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-38ee935{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7819 .elementor-element.elementor-element-3f27478{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ====================================================================
   OVW MANAGEMENT GROUP - SAUDI VISA LANDING PAGE
   Mobile CSS Overrides (< 768px)
   ====================================================================

   PURPOSE:
   Center and refine mobile display for all 5 landing page sections.
   Desktop styling is untouched. Only applies at mobile breakpoints.

   HOW TO APPLY:
   Option A (Recommended) - Paste in Elementor Custom CSS on the
     Saudi Visa Consultation page (Advanced tab > Custom CSS).

   Option B - Add to Elementor Site Settings > Custom CSS
     (applies site-wide - other pages unaffected because the
     body.elementor-page-7819s are namespaced to .omg-saudi-* classes).

   Option C - Add as an HTML widget below all sections with a
     <style> wrapper.

   COVERAGE:
   1. Hero + Form (Section 1)
   2. Testimonials + Support Services (Section 2)
   3. Our Process 4-step (Section 3)
   4. Important Notice + Image (Section 4)
   5. FAQ Accordion (Section 5)
   ==================================================================== */

/* ==========================================================
   SECTION 1: HERO + FORM
   ========================================================== */

@media (max-width: 767px) {

  /* Center-align all left column content on mobile */
  .omg-saudi__content {
    text-align: center;
  }

  /* Eyebrow */
  .omg-saudi__eyebrow {
    justify-content: center;
  }

  /* Editorial divider - center it */
  .omg-saudi__divider {
    margin: 0 auto 32px;
  }

  /* Tagline - center + full width */
  .omg-saudi__tagline {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  /* Why Clients section */
  .omg-saudi__reasons {
    text-align: center;
  }

  /* Reason list items - align to left within centered container */
  .omg-saudi__list {
    max-width: 380px;
    margin: 0 auto;
  }
  .omg-saudi__list-item {
    text-align: left;
  }

  /* Compliance disclaimer */
  .omg-saudi__disclaimer {
    text-align: left;
    max-width: 100%;
  }

  /* Form column stacks below on mobile - no sticky */
  .omg-saudi__form-wrap {
    position: static !important;
    top: auto !important;
  }

  /* Form card - reduce padding */
  .omg-saudi__form-card {
    padding: 24px 20px;
  }

  /* Job placement notice - break onto two lines cleanly */
  .omg-saudi__job-notice {
    font-size: 11px;
    padding: 12px 14px;
    letter-spacing: 0.08em;
    line-height: 1.4;
  }
}

@media (max-width: 479px) {
  .omg-saudi { padding: 56px 16px; }
  .omg-saudi__title { font-size: 1.75rem; }
  .omg-saudi__list-item { font-size: 13.5px; }
}


/* ==========================================================
   SECTION 2: CONTACT STRIP + TESTIMONIALS + SUPPORT SERVICES
   ========================================================== */

@media (max-width: 767px) {

  /* Contact strip - already centered, ensure gap is right */
  .omg-saudi-strip__inner {
    gap: 12px;
  }
  .omg-saudi-strip__item {
    font-size: 13px;
  }

  /* Testimonials - center align */
  .omg-saudi-test__grid {
    max-width: 480px;
    margin: 0 auto;
  }
  .omg-saudi-test__card {
    padding: 22px;
  }

  /* Support Services - already centered from section header, ensure grid centers */
  .omg-saudi-svc__grid {
    max-width: 380px;
    margin: 0 auto;
  }

  /* Service cards - keep centered look */
  .omg-saudi-svc__card {
    padding: 32px 24px;
  }
}

@media (max-width: 479px) {
  .omg-saudi-test { padding: 40px 16px; }
  .omg-saudi-svc { padding: 56px 16px; }
  .omg-saudi-svc__card-icon {
    width: 72px;
    height: 72px;
  }
  .omg-saudi-svc__card-title {
    font-size: 1.25rem;
  }
}


/* ==========================================================
   SECTION 3: OUR PROCESS (4 STEPS)
   ========================================================== */

@media (max-width: 767px) {

  /* Steps grid - center align + narrow container */
  .omg-saudi-proc__steps {
    max-width: 420px;
    margin: 0 auto;
  }

  /* Step cards - keep centered layout */
  .omg-saudi-proc__step {
    padding: 30px 22px;
  }

  /* Step number */
  .omg-saudi-proc__step-num {
    font-size: 32px;
    margin-bottom: 14px;
  }
}

@media (max-width: 479px) {
  .omg-saudi-proc { padding: 56px 16px; }
  .omg-saudi-proc__step-title { font-size: 1.125rem; }
  .omg-saudi-proc__step-desc { font-size: 13.5px; }
  .omg-saudi-proc__step-icon {
    width: 60px;
    height: 60px;
  }
}


/* ==========================================================
   SECTION 4: IMPORTANT NOTICE + IMAGE
   ========================================================== */

@media (max-width: 767px) {

  /* Inner grid stacks - keep gap tight */
  .omg-saudi-notice__inner {
    gap: 32px;
  }

  /* Content column - centered and full width */
  .omg-saudi-notice__content {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  /* Eyebrow center */
  .omg-saudi-notice__eyebrow {
    justify-content: center;
  }

  /* Divider center */
  .omg-saudi-notice__divider {
    margin: 0 auto 28px;
  }

  /* Disclaimer - left text but centered container */
  .omg-saudi-notice__disclaimer {
    text-align: left;
    max-width: 100%;
    padding: 18px 20px;
    font-size: 14px;
    line-height: 1.65;
  }

  /* Contacts stack centered */
  .omg-saudi-notice__contacts {
    max-width: 380px;
    margin: 0 auto 28px;
  }

  /* Contact link cards - align content left */
  .omg-saudi-notice__contact-link {
    text-align: left;
    padding: 12px 14px;
    gap: 12px;
  }
  .omg-saudi-notice__contact-icon {
    width: 36px;
    height: 36px;
  }
  .omg-saudi-notice__contact-value {
    font-size: 13.5px;
    word-break: break-word;
  }

  /* Head office block - centered container, text left */
  .omg-saudi-notice__office {
    max-width: 380px;
    margin: 0 auto;
    padding: 16px 18px;
    text-align: left;
  }
  .omg-saudi-notice__office-header {
    justify-content: flex-start;
  }
  .omg-saudi-notice__office-address {
    padding-left: 0;
    font-size: 14px;
    line-height: 1.55;
  }

  /* Visual column - image centered */
  .omg-saudi-notice__visual {
    text-align: center;
  }
  .omg-saudi-notice__image-wrap {
    aspect-ratio: 4 / 3;
    max-width: 100%;
    margin: 0 auto;
  }
  .omg-saudi-notice__image-accent {
    width: 70px;
    height: 70px;
    top: -10px;
    right: -10px;
  }
  .omg-saudi-notice__marker {
    left: 12px;
    bottom: 12px;
    padding: 10px 14px;
  }
  .omg-saudi-notice__marker-flag {
    width: 30px;
    height: 30px;
  }
  .omg-saudi-notice__marker-value {
    font-size: 12.5px;
  }
}

@media (max-width: 479px) {
  .omg-saudi-notice { padding: 48px 16px; }
  .omg-saudi-notice__title {
    font-size: 1.75rem;
  }
  .omg-saudi-notice__disclaimer {
    padding: 16px 18px;
    font-size: 13.5px;
  }
}


/* ==========================================================
   SECTION 5: FAQ ACCORDION
   ========================================================== */

@media (max-width: 767px) {

  /* FAQ container centered */
  .omg-saudi-faq__list {
    max-width: 100%;
    margin: 0 auto;
  }

  /* FAQ question - keep left align for readability */
  .omg-saudi-faq__question {
    padding: 16px 18px;
    gap: 12px;
    text-align: left;
  }

  /* Question text */
  .omg-saudi-faq__q-text {
    font-size: 14.5px;
    line-height: 1.4;
  }

  /* Number pill */
  .omg-saudi-faq__q-num {
    font-size: 10.5px;
    min-width: 30px;
    padding: 3px 6px;
  }

  /* Plus/minus icon */
  .omg-saudi-faq__q-icon {
    width: 28px;
    height: 28px;
  }

  /* Answer content */
  .omg-saudi-faq__answer {
    padding: 0 18px 20px;
    text-align: left;
  }

  /* Document list - stack single column on mobile */
  .omg-saudi-faq__doclist {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .omg-saudi-faq__doclist li {
    padding: 10px 14px 10px 36px;
    font-size: 13.5px;
  }
  .omg-saudi-faq__doclist li::before {
    left: 14px;
  }
}

@media (max-width: 479px) {
  .omg-saudi-faq { padding: 56px 16px; }
  .omg-saudi-faq__title {
    font-size: 1.75rem;
  }
}


/* ==========================================================
   UNIVERSAL MOBILE POLISH
   ========================================================== */

@media (max-width: 767px) {

  /* Reduce all section eyebrow line for better mobile balance */
  .omg-saudi__eyebrow,
  .omg-saudi-svc__eyebrow,
  .omg-saudi-proc__eyebrow,
  .omg-saudi-notice__eyebrow,
  .omg-saudi-faq__eyebrow {
    font-size: 11.5px;
  }

  /* All section H2s - consistent mobile sizing */
  .omg-saudi__title,
  .omg-saudi-svc__title,
  .omg-saudi-proc__title,
  .omg-saudi-notice__title,
  .omg-saudi-faq__title {
    font-size: clamp(1.75rem, 8vw, 2.5rem);
    line-height: 1.1;
  }

  /* Section leads/subtitles */
  .omg-saudi-svc__subtitle,
  .omg-saudi-proc__lead,
  .omg-saudi-faq__lead {
    font-size: 15px;
    max-width: 100%;
    padding: 0 8px;
  }
}/* End custom CSS */