/* =====================================================
   HIREWISE — GLOBAL MOBILE OPTIMISATION  v10.1
   All rules are inside @media (max-width: 768px)
   so desktop view is completely unaffected.
   ===================================================== */

/* =====================================================
   SECTION 1 — HEADER & HAMBURGER MENU
   ===================================================== */
@media (max-width: 768px) {

  /* Masthead: NOT sticky — scrolls with page */
  #masthead {
    position: relative !important;
    width: 100% !important;
    background: #ffffff !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    margin-bottom: 0 !important;
    z-index: 100 !important;
  }

  /* Make the transparent header white and relative on mobile, so hamburger is perfectly visible */
  .header_transparent #masthead {
    position: relative !important;
    background: #ffffff !important;
  }

  #masthead .elementor-column,
  #masthead .elementor-widget,
  #masthead .elementor-widget-wrap {
    position: static !important;
  }

  #masthead .elementor-container {
    min-height: 56px !important;
    padding: 0 10px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }

  /* ── FORCE LOGO VISIBLE on ALL pages ── */
  .consulting-logo,
  .consulting-logo a,
  .consulting-logo__link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .consulting-logo img {
    width: 130px !important;
    max-width: 130px !important;
    max-height: 50px !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ── Logo column: flex-shrink:0 so it never disappears ── */
  .elementor-element-3be8a52d {
    flex-shrink: 0 !important;
    flex: 0 0 auto !important;
    display: block !important;
    visibility: visible !important;
  }

  /* ── COMPLETELY HIDE old .menu_toggle wrapper ──
     Our JS (mobile.js v7.0) creates #hw-hamburger-btn instead */
  .menu_toggle,
  body .menu_toggle,
  #masthead .menu_toggle,
  html body .menu_toggle,
  html body #masthead .menu_toggle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
  }

  /* ── OUR JS-CREATED HAMBURGER BUTTON ──
     position:absolute inside #masthead (position:relative)
     Scrolls with page when closed, fixed only when menu is open (set by JS) */
  #hw-hamburger-btn {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  #hw-hamburger-btn::before,
  #hw-hamburger-btn::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
  }

  /* Collapse nav column — nav list is hidden, button is positioned absolutely */
  #masthead .elementor-element-41aee958 {
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Nav container resets */
  #masthead nav.consulting_menu_nav__separator-no,
  #masthead nav {
    display: block !important;
    position: static !important;
  }

  /* Nav list hidden by default (JS controls via inline style) */
  #masthead ul.consulting_menu_nav {
    display: none !important;
  }

  /* Sub-menus: collapsed by default, no horizontal offset */
  #masthead ul.consulting_menu_nav li .sub-menu,
  body ul.consulting_menu_nav li .sub-menu {
    display: none !important;
    position: static !important;
    list-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    border-left: none !important;
    box-shadow: none !important;
    min-width: unset !important;
  }

  /* Hide phone/contact column and Elementor mobile-hidden elements
     (decorative shapes, side boxes, phone number column) */
  .elementor-element-52eec362,
  .elementor-hidden-phone,
  .elementor-hidden-mobile {
    display: none !important;
  }

  /* Spacing below hero */
  .elementor-section.elementor-element-8ebf860,
  section[data-id="8ebf860"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .elementor-section.elementor-element-624d8ba,
  section[data-id="624d8ba"] {
    margin-top: 0 !important;
    padding-top: 15px !important;
  }

}

/* =====================================================
   SECTION 2 — FOOTER CONSULTATION FORM
   ===================================================== */
@media (max-width: 768px) {

  .elementor-element-5f00422b > .elementor-container {
    flex-direction: column !important;
    padding: 0 !important;
  }

  .elementor-element-3137d2c6,
  .elementor-element-17f2f28a {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Left info column: set navy blue background, rounded top corners */
  #colophon .elementor-element-3137d2c6,
  #colophon .elementor-element-3137d2c6 > .elementor-widget-wrap,
  #colophon .elementor-element-3137d2c6 > .elementor-element-populated {
    background-color: #082471 !important;
    background-image: none !important;
    border-radius: 16px 16px 0 0 !important;
  }

  /* Right form column: set green background, rounded bottom corners */
  #colophon .elementor-element-17f2f28a,
  #colophon .elementor-element-17f2f28a > .elementor-widget-wrap,
  #colophon .elementor-element-17f2f28a > .elementor-element-populated {
    background-color: #6cc569 !important;
    background-image: none !important;
    border-radius: 0 0 16px 16px !important;
  }

  /* Make background overlays inherit the border-radius to prevent leakage */
  #colophon .elementor-element-3137d2c6 > .elementor-background-overlay,
  #colophon .elementor-element-3137d2c6 > .elementor-element-populated > .elementor-background-overlay,
  #colophon .elementor-element-17f2f28a > .elementor-background-overlay,
  #colophon .elementor-element-17f2f28a > .elementor-element-populated > .elementor-background-overlay {
    border-radius: inherit !important;
  }

  .elementor-element-3137d2c6 > .elementor-widget-wrap {
    padding: 24px 18px 18px !important;
  }

  .elementor-element-85fdca4 h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
  }

  .elementor-element-6af99025 > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  .elementor-element-3bf12772,
  .elementor-element-7427aff2,
  .elementor-element-613f0007 {
    position: relative !important;
    display: block !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-element-3bf12772 .elementor-icon-box-wrapper,
  .elementor-element-7427aff2 .elementor-icon-box-wrapper,
  .elementor-element-613f0007 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .elementor-element-3bf12772 .elementor-icon,
  .elementor-element-7427aff2 .elementor-icon,
  .elementor-element-613f0007 .elementor-icon {
    font-size: 18px !important;
    min-width: 26px !important;
    color: #6cc569 !important;
  }

  .elementor-element-3bf12772 .elementor-icon-box-title span,
  .elementor-element-3bf12772 .elementor-icon-box-title a,
  .elementor-element-7427aff2 .elementor-icon-box-title span,
  .elementor-element-7427aff2 .elementor-icon-box-title a,
  .elementor-element-613f0007 .elementor-icon-box-title span,
  .elementor-element-613f0007 .elementor-icon-box-title a {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-bottom: 1px !important;
    text-decoration: none !important;
  }

  .elementor-element-3bf12772 .elementor-icon-box-description,
  .elementor-element-7427aff2 .elementor-icon-box-description,
  .elementor-element-613f0007 .elementor-icon-box-description {
    font-size: 12px !important;
    color: rgba(255,255,255,0.85) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  .elementor-element-17f2f28a > .elementor-widget-wrap {
    padding: 18px 18px 24px !important;
  }

  .request_callback_form .row > div,
  .request_callback_form .col-lg-6,
  .request_callback_form .col-md-6,
  .request_callback_form .col-sm-6,
  .request_callback_form .col-xs-12 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .request_callback_form .input-group {
    margin-bottom: 8px !important;
  }

  html body .request_callback_form input,
  html body .wpcf7-form input,
  .request_callback_form .input-group input,
  .wpcf7-form label input {
    width: 100% !important;
    padding: 10px 15px 10px 48px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  .request_callback_form textarea,
  .wpcf7-form textarea {
    width: 100% !important;
    min-height: 80px !important;
    max-height: 100px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
  }

  .request_callback_form .vc_btn3,
  .wpcf7-form button[type=submit] {
    width: 100% !important;
    padding: 13px !important;
    font-size: 14px !important;
    margin-top: 6px !important;
  }

}

/* =====================================================
   SECTION 3 — HOMEPAGE HERO
   ===================================================== */
@media (max-width: 768px) {

  .static-hero-slider,
  .hero-slide {
    height: 100vw !important;
    min-height: 100vw !important;
    background-position: center !important;
    border-radius: 0 !important;
  }

  .hero-content-wrapper {
    padding: 0 20px 35px 20px !important;
    justify-content: flex-end !important;
  }

  /* Ensure the homepage hero section connects fully to the screen edges (no side margins/padding) */
  .home #main > .container,
  .home #main > .container > .content-area,
  .home #main > .container > .content-area > .consulting_elementor_wrapper,
  .home #main > .container > .content-area > .consulting_elementor_wrapper > .entry-content,
  .home #main > .container > .content-area > .consulting_elementor_wrapper > .entry-content > .elementor-7469,
  .home .elementor-7469 .elementor-element-8ebf860,
  .home .elementor-7469 .elementor-element-8ebf860 > .elementor-container,
  .home .elementor-7469 .elementor-element-676ed59,
  .home .elementor-7469 .elementor-element-676ed59 > .elementor-widget-wrap,
  .home .elementor-7469 .elementor-element-61708a5,
  .home .elementor-7469 .elementor-element-61708a5 > .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Completely remove rounded/curved corners from all hero section containers, columns, slides and overlays */
  .elementor-7469 .elementor-element.elementor-element-8ebf860,
  .elementor-7469 .elementor-element.elementor-element-8ebf860 > .elementor-background-overlay,
  .elementor-7469 .elementor-element.elementor-element-676ed59 > .elementor-element-populated,
  .elementor-7469 .elementor-element.elementor-element-676ed59 > .elementor-element-populated > .elementor-background-overlay,
  .elementor-7469 .elementor-element.elementor-element-676ed59 > .elementor-element-populated > .elementor-background-slideshow,
  .static-hero-slider,
  .hero-slide {
    border-radius: 0 !important;
  }

  .hero-text-content h2 {
    font-size: 34px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
    font-weight: 800 !important;
    text-shadow: 2px 2px 12px rgba(0,0,0,0.4) !important;
  }

  .hero-text-content h5 {
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  .hero-text-content em {
    font-size: 22px !important;
    margin-top: 8px !important;
  }

  .hero-red-triangle {
    width: 65% !important;
    opacity: 0.55 !important;
  }

}

/* Mobile Phone specific adjustments */
@media (max-width: 480px) {
  .static-hero-slider,
  .hero-slide {
    height: 100vw !important;
    min-height: 100vw !important;
  }
  .hero-text-content h2 {
    font-size: 26px !important;
  }
  .hero-text-content h5 {
    font-size: 24px !important;
  }
  .hero-text-content em {
    font-size: 18px !important;
  }
  .hero-content-wrapper {
    padding: 0 15px 30px 15px !important;
  }
}

/* =====================================================
   SECTION 4 — COURSE PAGES HERO
   ===================================================== */
@media (max-width: 768px) {

  .course-hero {
    padding: 100px 20px 60px !important;
    min-height: auto !important;
    text-align: center !important;
  }

  .course-hero::after {
    width: 70% !important;
    opacity: 0.5 !important;
  }

  .hero-inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .hero-image-side {
    order: -1 !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  .hero-image-side img {
    box-shadow: 8px 8px 0px var(--green) !important;
  }

  .hero-text-side {
    padding-right: 0 !important;
  }

  .course-hero h1 {
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  .course-hero p {
    font-size: 1rem !important;
    margin-bottom: 28px !important;
  }

  .hero-btns {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .btn-primary,
  .btn-outline {
    width: 100% !important;
    text-align: center !important;
    padding: 14px 20px !important;
  }

  .hero-tag {
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
  }

}

/* =====================================================
   SECTION 5 — STATS BAND
   ===================================================== */
@media (max-width: 768px) {

  .stats-band {
    margin-top: 0 !important;
    border-radius: 0 !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    max-width: 100% !important;
  }

  .stat-item {
    border-right: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 20px !important;
    text-align: center !important;
  }

  .stat-item:last-child {
    border-bottom: none !important;
  }

  .stat-num {
    font-size: 2.2rem !important;
  }

  .stats-section .elementor-col-25 {
    width: 50% !important;
    flex: 0 0 50% !important;
  }

}

/* =====================================================
   SECTION 6 — COURSE SECTIONS (tabs, grids, process)
   ===================================================== */
@media (max-width: 768px) {

  .course-section {
    padding: 50px 20px !important;
  }

  .section-inner {
    padding: 0 !important;
  }

  .section-header {
    margin-bottom: 36px !important;
  }

  .section-header h2 {
    font-size: clamp(1.6rem, 6vw, 2.4rem) !important;
  }

  .section-header p {
    font-size: 1rem !important;
  }

  .dest-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .dest-text h3 {
    font-size: 1.6rem !important;
  }

  .tab-nav {
    flex-direction: column !important;
  }

  .tab-btn {
    padding: 16px !important;
    font-size: 1rem !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  .tab-panel {
    padding: 30px 16px !important;
  }

  .process-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .process-card {
    padding: 28px 20px !important;
  }

  .employers-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .course-cta {
    padding: 60px 20px !important;
  }

  .course-cta h2 {
    font-size: clamp(1.6rem, 6vw, 2.4rem) !important;
  }

  .course-cta p {
    font-size: 1rem !important;
    margin-bottom: 30px !important;
  }

}

/* =====================================================
   SECTION 7 — HOMEPAGE SERVICES & TESTIMONIALS
   ===================================================== */
@media (max-width: 768px) {

  h6[style*="font-size: 70px"] {
    font-size: 36px !important;
    line-height: 40px !important;
  }

  h2[style*="font-size: 40px"] {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  .stats-section h6 {
    font-size: 36px !important;
    line-height: 42px !important;
  }

  .consulting_elementor_services_tabs .services_categories ul {
    flex-wrap: wrap !important;
  }

  .elementor-element-b618552 {
    display: none !important;
  }

  .elementor-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-column.elementor-col-25,
  .elementor-column.elementor-col-50 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-inner-column.elementor-col-25 {
    width: 50% !important;
    flex: 0 0 50% !important;
  }

}

/* =====================================================
   SECTION 8 — FOOTER
   ===================================================== */
@media (max-width: 768px) {

  #colophon .elementor-column {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  #colophon .elementor-container {
    flex-direction: column !important;
    padding: 0 20px !important;
  }

  #colophon .elementor-element-6af99025 .elementor-widget-wrap {
    flex-direction: column !important;
  }

  #colophon .elementor-element-3bf12772,
  #colophon .elementor-element-7427aff2,
  #colophon .elementor-element-613f0007 {
    flex: 1 1 100% !important;
  }

}

/* =====================================================
   SECTION 9 — PREVENT HORIZONTAL SCROLL
   ===================================================== */
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

@media (max-width: 768px) {

  #wrapper,
  #page,
  #main,
  .elementor-section,
  .elementor-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  .elementor-element-8f18fbf,
  .elementor-element-5334fc8,
  .elementor-element-4b7bd6b {
    display: none !important;
  }

}

/* =====================================================
   SECTION 10 — SUBPAGE HERO (About, Service, Contact)
   ===================================================== */
@media (max-width: 768px) {

  .stm_title_box,
  .consulting_title_box {
    padding: 60px 20px 30px !important;
    text-align: center !important;
  }

  .elementor-widget-page-title h2.elementor-heading-title,
  .hfe-page-title-wrapper h2.elementor-heading-title,
  .hfe-page-title h2.elementor-heading-title,
  .stm_title_box h1,
  .consulting_title_box h1,
  .course-hero h1,
  .contact-us h2.elementor-heading-title {
    font-size: 26px !important;
    line-height: 32px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  [data-widget_type="text-editor.default"] h6 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }

}

/* =====================================================
   SECTION 11 — COLOPHON FOOTER CONTACT BOXES (extra fix)
   ===================================================== */
@media (max-width: 768px) {

  #colophon .elementor-element-3bf12772,
  #colophon .elementor-element-7427aff2,
  #colophon .elementor-element-613f0007 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
  }

  #colophon .elementor-element-3bf12772 .elementor-icon-box-wrapper,
  #colophon .elementor-element-7427aff2 .elementor-icon-box-wrapper,
  #colophon .elementor-element-613f0007 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #colophon .elementor-element-3bf12772 .elementor-icon,
  #colophon .elementor-element-7427aff2 .elementor-icon,
  #colophon .elementor-element-613f0007 .elementor-icon {
    font-size: 20px !important;
    min-width: 24px !important;
    width: 24px !important;
    flex-shrink: 0 !important;
    color: #6cc569 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #colophon .elementor-element-3bf12772 .elementor-icon-box-title,
  #colophon .elementor-element-3bf12772 .elementor-icon-box-title span,
  #colophon .elementor-element-3bf12772 .elementor-icon-box-title a,
  #colophon .elementor-element-7427aff2 .elementor-icon-box-title,
  #colophon .elementor-element-7427aff2 .elementor-icon-box-title span,
  #colophon .elementor-element-7427aff2 .elementor-icon-box-title a,
  #colophon .elementor-element-613f0007 .elementor-icon-box-title,
  #colophon .elementor-element-613f0007 .elementor-icon-box-title span,
  #colophon .elementor-element-613f0007 .elementor-icon-box-title a {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #6cc569 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    margin-block-end: 2px !important;
    display: block !important;
    text-decoration: none !important;
  }

  #colophon .elementor-element-3bf12772 .elementor-icon-box-description,
  #colophon .elementor-element-7427aff2 .elementor-icon-box-description,
  #colophon .elementor-element-613f0007 .elementor-icon-box-description {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }

  #colophon .elementor-element-85fdca4 h2,
  h2[style*="font-size: 55px"],
  h2[style*="font-size:55px"] {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  .elementor-element-5f00422b > .elementor-container {
    flex-direction: column !important;
    padding: 0 !important;
  }

  #colophon .elementor-element-6af99025 > .elementor-element-populated,
  #colophon .elementor-element-6af99025 > .elementor-widget-wrap {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  #colophon .elementor-element-71a11e6c > .elementor-container,
  #colophon .elementor-element-71a11e6c > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding: 0 !important;
  }

}

/* =====================================================
   SECTION 12 — OUR PROCESS SLIDER TO PORTRAIT STACK
   ===================================================== */
@media (max-width: 768px) {
  .company_history .slick-list,
  .company_history .slick-track,
  .company_history ul {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .company_history .slick-slide,
  .company_history .history-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }
  .company_history .slick-arrow,
  .company_history .slick_prev,
  .company_history .slick_next {
    display: none !important;
  }
  .company_history .history-item .sep {
    display: none !important;
  }
}



/* =====================================================
   SECTION 13 — JOB/STUDY ABROAD HEADING SIZES & HERO OVERFLOW
   ===================================================== */
@media (max-width: 768px) {

  /* Reduce oversized 55px section headings — Job Abroad page */
  /* 'Your Global Career Starts Here' heading (data-id=14c6858a) */
  .elementor-element-14c6858a .elementor-heading-title,
  .elementor-element-14c6858a h2.elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.25 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* 'Why Choose HireWise for your Immigration' heading (data-id=18173906) */
  .elementor-element-18173906 .elementor-heading-title,
  .elementor-element-18173906 h2.elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* 'Unlock Your Global Future' heading (data-id=427d37ea) */
  .elementor-element-427d37ea .elementor-heading-title,
  .elementor-element-427d37ea h2.elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.25 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* 'Why Choose HireWise for your Study Abroad Journey' heading (data-id=7f07ed92) */
  .elementor-element-7f07ed92 .elementor-heading-title,
  .elementor-element-7f07ed92 h2.elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* Prevent hero section scroll on service pages */
  .elementor-element-6d5b43d5,
  section[data-id="6d5b43d5"] {
    overflow: hidden !important;
    max-width: 100vw !important;
  }

  .elementor-section.elementor-section-full_width {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Fix container width and prevent scrolling for service section headings */
  .elementor-element-14c6858a,
  .elementor-element-18173906,
  .elementor-element-7f07ed92,
  .elementor-element-427d37ea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .elementor-element-14c6858a .elementor-heading-title,
  .elementor-element-14c6858a h2.elementor-heading-title,
  .elementor-element-18173906 .elementor-heading-title,
  .elementor-element-18173906 h2.elementor-heading-title,
  .elementor-element-7f07ed92 .elementor-heading-title,
  .elementor-element-7f07ed92 h2.elementor-heading-title,
  .elementor-element-427d37ea .elementor-heading-title,
  .elementor-element-427d37ea h2.elementor-heading-title {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }

  /* Hide absolute decorative SVGs causing horizontal scrolling/overflow on mobile */
  .elementor-element-4752fd29,
  .elementor-element-65277b18,
  .elementor-element-da87321,
  .elementor-element-211e1c45,
  .elementor-element-184ba763,
  .elementor-element-5eec9dda,
  .elementor-element-4a16be76,
  .elementor-element-72b53c3b,
  .elementor-element-5aecd4eb,
  .elementor-element-ff79615,
  .elementor-element-2e36ef18,
  .elementor-element-870e627,
  .elementor-element-31a61b5a {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Prevent horizontal overflow scrolling in headings sections on mobile */
  section.elementor-element-163bfe9f,
  section.elementor-element-19114b07,
  section.elementor-element-78fe9be1,
  section.elementor-element-7eda3a0c,
  div.elementor-element-163bfe9f,
  div.elementor-element-19114b07,
  div.elementor-element-78fe9be1,
  div.elementor-element-7eda3a0c {
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
  }

}

/* =====================================================
   SECTION 14 — FORCE PHONE & EMAIL VISIBILITY IN BLUE SECTION
   (Maximum specificity boost over page inline styles)
   ===================================================== */
@media (max-width: 768px) {

  /* Ensure the left contact column always has the blue background */
  html body #colophon .elementor-element-3137d2c6,
  html body #colophon .elementor-element-3137d2c6 > .elementor-widget-wrap,
  html body #colophon .elementor-element-3137d2c6 > .elementor-element-populated {
    background-color: #082471 !important;
    background-image: none !important;
  }

  /* Force all 3 contact widgets to display fully */
  html body #colophon .elementor-element-3bf12772,
  html body #colophon .elementor-element-7427aff2,
  html body #colophon .elementor-element-613f0007 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 0 12px 0 !important;
  }

  /* Force icon-box wrappers to flex row */
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-wrapper,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-wrapper,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  /* Force icon wrapper visible */
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-icon,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-icon,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-icon {
    display: flex !important;
    visibility: visible !important;
    flex-shrink: 0 !important;
  }

  /* Force icon green and visible */
  html body #colophon .elementor-element-3bf12772 .elementor-icon,
  html body #colophon .elementor-element-7427aff2 .elementor-icon,
  html body #colophon .elementor-element-613f0007 .elementor-icon {
    display: flex !important;
    visibility: visible !important;
    font-size: 22px !important;
    color: #6cc569 !important;
    min-width: 26px !important;
    width: 26px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Force contact box content visible */
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-content,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-content,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-content {
    display: block !important;
    visibility: visible !important;
    flex: 1 !important;
  }

  /* Force title labels (PHONE, ADDRESS, EMAIL) in green */
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-title,
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-title span,
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-title a,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-title,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-title span,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-title a,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-title,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-title span,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-title a {
    display: block !important;
    visibility: visible !important;
    color: #6cc569 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    margin-bottom: 2px !important;
  }

  /* Force description text (phone number, email, address) in white */
  html body #colophon .elementor-element-3bf12772 .elementor-icon-box-description,
  html body #colophon .elementor-element-7427aff2 .elementor-icon-box-description,
  html body #colophon .elementor-element-613f0007 .elementor-icon-box-description {
    display: block !important;
    visibility: visible !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }

}

/* =====================================================
   SECTION 15 — GLOBAL BODY OVERFLOW + SERVICE PAGE HERO SCROLL FIX
   Prevents horizontal scrolling on all service/info pages on mobile.
   ===================================================== */
@media (max-width: 768px) {

  /* Global: never allow horizontal scroll */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  /* Hero sections on service pages — overflow hidden */
  /* Job Abroad hero */
  section[data-id="6d5b43d5"],
  .elementor-element-6d5b43d5 {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* Study Abroad hero */
  section[data-id="42407ae7"],
  .elementor-element-42407ae7 {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* Contact Us hero */
  section[data-id="74d76c7"],
  .elementor-element-74d76c7 {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* About Us hero */
  section[data-id="53efb548"],
  .elementor-element-53efb548 {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* General: any Elementor full-width section must not overflow */
  .elementor-section-full_width,
  .elementor-section-height-min-height {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Catch any absolutely positioned decorative SVG/image that sticks out */
  .elementor-widget-wrap > .elementor-absolute {
    max-width: 100% !important;
  }

}

/* =====================================================
   SECTION 16 — BLUE CONSULTATION SECTION BACKGROUND FIX
   Makes left column visibly navy-blue so white text is readable
   ===================================================== */
@media (max-width: 768px) {

  /* Force the whole consultation section to stack */
  html body .elementor-element-5f00422b > .elementor-container {
    flex-direction: column !important;
    padding: 0 !important;
  }

  /* Ensure both columns are full width */
  html body .elementor-element-3137d2c6,
  html body .elementor-element-17f2f28a {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Navy blue background for left contact column — highest specificity */
  html body footer#colophon .elementor-element-3137d2c6,
  html body footer#colophon .elementor-element-3137d2c6 > .elementor-widget-wrap,
  html body footer#colophon .elementor-element-3137d2c6 > .elementor-element-populated {
    background-color: #082471 !important;
    background-image: none !important;
    padding: 24px 18px 18px !important;
    box-sizing: border-box !important;
  }

  /* Green background for right form column */
  html body footer#colophon .elementor-element-17f2f28a,
  html body footer#colophon .elementor-element-17f2f28a > .elementor-widget-wrap,
  html body footer#colophon .elementor-element-17f2f28a > .elementor-element-populated {
    background-color: #6cc569 !important;
    background-image: none !important;
    padding: 18px 18px 24px !important;
    box-sizing: border-box !important;
  }

  /* Override background-overlay that might cover the blue bg */
  html body footer#colophon .elementor-element-3137d2c6 > .elementor-background-overlay {
    display: none !important;
  }

  /* White heading text in the blue section */
  html body footer#colophon .elementor-element-85fdca4 h2,
  html body footer#colophon .elementor-element-85fdca4 h2 em {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
  }

  /* Address, Phone, Email widget stack */
  html body footer#colophon .elementor-element-6af99025 > .elementor-widget-wrap,
  html body footer#colophon .elementor-element-6af99025 > .elementor-element-populated {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
  }

}

/* =====================================================
   SECTION 17 — HERO SECTION: REMOVE BORDER-RADIUS & SCROLL LOOK
   The Elementor post CSS sets border-radius:0 50px 0 50px on hero
   sections which makes them look like a scrollable clipped panel.
   Override to flat, full-width static sections on mobile.
   ===================================================== */
@media (max-width: 768px) {

  /* Kill border-radius on ALL hero / service / info page hero sections */
  .elementor-element-6d5b43d5,
  .elementor-element-6d5b43d5 > .elementor-background-overlay,
  .elementor-element-42407ae7,
  .elementor-element-42407ae7 > .elementor-background-overlay,
  .elementor-element-74d76c7,
  .elementor-element-74d76c7 > .elementor-background-overlay,
  .elementor-element-53efb548,
  .elementor-element-53efb548 > .elementor-background-overlay {
    border-radius: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Make the inner container non-scrollable */
  .elementor-element-6d5b43d5 > .elementor-container,
  .elementor-element-42407ae7 > .elementor-container,
  .elementor-element-74d76c7 > .elementor-container,
  .elementor-element-53efb548 > .elementor-container {
    overflow: visible !important;
    min-height: auto !important;
    height: auto !important;
  }

  /* Remove the huge bottom margin Elementor adds after the hero */
  .elementor-element-6d5b43d5,
  .elementor-element-42407ae7,
  .elementor-element-74d76c7,
  .elementor-element-53efb548 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }

  /* The column inside the hero — no scroll */
  .elementor-element-6d5b43d5 .elementor-widget-wrap,
  .elementor-element-42407ae7 .elementor-widget-wrap,
  .elementor-element-74d76c7 .elementor-widget-wrap,
  .elementor-element-53efb548 .elementor-widget-wrap {
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Heading inside hero: normal wrap, no scroll */
  .elementor-element-6d5b43d5 h1,
  .elementor-element-6d5b43d5 h2,
  .elementor-element-42407ae7 h1,
  .elementor-element-42407ae7 h2,
  .elementor-element-74d76c7 h1,
  .elementor-element-74d76c7 h2,
  .elementor-element-53efb548 h1,
  .elementor-element-53efb548 h2 {
    overflow: visible !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Also catch any generic Elementor full-width hero with min-height */
  section.elementor-section-height-min-height {
    border-radius: 0 !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 180px !important;
    max-width: 100% !important;
  }

  section.elementor-section-height-min-height > .elementor-container {
    min-height: auto !important;
    height: auto !important;
  }

}

/* =====================================================
   SECTION 18 — DEFINITIVE BLUE SECTION PHONE + EMAIL FIX
   post-7608.css sets padding:80px 15px 100px 15px on the left
   column at max-width:767px which hides phone/email.
   Override with maximum specificity.
   ===================================================== */
@media (max-width: 768px) {

  /* ── Left blue column: ZERO padding so all 3 widgets are visible ── */
  .elementor-7608 .elementor-element.elementor-element-3137d2c6 > .elementor-element-populated,
  html body .elementor-element-3137d2c6 > .elementor-widget-wrap,
  html body .elementor-element-3137d2c6 > .elementor-element-populated {
    padding: 20px 16px !important;
    overflow: visible !important;
    height: auto !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  /* ── Force ALL 3 icon-box widgets to be visible ── */
  html body .elementor-element-3bf12772,
  html body .elementor-element-7427aff2,
  html body .elementor-element-613f0007 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    flex-shrink: 0 !important;
  }

  /* ── Icon-box widget container: no extra padding hiding them ── */
  html body .elementor-element-3bf12772 > .elementor-widget-container,
  html body .elementor-element-7427aff2 > .elementor-widget-container,
  html body .elementor-element-613f0007 > .elementor-widget-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ── Icon box wrapper: row with icon + text ── */
  html body .elementor-element-3bf12772 .elementor-icon-box-wrapper,
  html body .elementor-element-7427aff2 .elementor-icon-box-wrapper,
  html body .elementor-element-613f0007 .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ── Icon: green, correct size ── */
  html body .elementor-element-3bf12772 .elementor-icon,
  html body .elementor-element-7427aff2 .elementor-icon,
  html body .elementor-element-613f0007 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    font-size: 22px !important;
    color: #6cc569 !important;
    fill: #6cc569 !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
  }

  /* ── Text content: white on navy blue ── */
  html body .elementor-element-3bf12772 .elementor-icon-box-content,
  html body .elementor-element-7427aff2 .elementor-icon-box-content,
  html body .elementor-element-613f0007 .elementor-icon-box-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 !important;
  }

  html body .elementor-element-3bf12772 .elementor-icon-box-title,
  html body .elementor-element-3bf12772 .elementor-icon-box-title span,
  html body .elementor-element-3bf12772 .elementor-icon-box-title a,
  html body .elementor-element-7427aff2 .elementor-icon-box-title,
  html body .elementor-element-7427aff2 .elementor-icon-box-title span,
  html body .elementor-element-7427aff2 .elementor-icon-box-title a,
  html body .elementor-element-613f0007 .elementor-icon-box-title,
  html body .elementor-element-613f0007 .elementor-icon-box-title span,
  html body .elementor-element-613f0007 .elementor-icon-box-title a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #6cc569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  html body .elementor-element-3bf12772 .elementor-icon-box-description,
  html body .elementor-element-7427aff2 .elementor-icon-box-description,
  html body .elementor-element-613f0007 .elementor-icon-box-description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: rgba(255,255,255,0.9) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    margin: 2px 0 0 0 !important;
  }

  /* ── Inner section 71a11e6c that wraps the 3 widgets ── */
  html body .elementor-element-71a11e6c {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    position: relative !important;
  }

  html body .elementor-element-71a11e6c > .elementor-container {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body .elementor-element-6af99025 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    padding: 0 !important;
    flex: none !important;
  }

  html body .elementor-element-6af99025 > .elementor-element-populated,
  html body .elementor-element-6af99025 > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ── Heading in the left blue column ── */
  html body .elementor-element-85fdca4 {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    margin-bottom: 14px !important;
  }

  html body .elementor-element-85fdca4 h2,
  html body .elementor-element-85fdca4 h2 em {
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
    font-style: normal !important;
  }

}

/* =====================================================
   SECTION 19 — BREADCRUMBS & COURSE MOBILE MENU FIXES
   1. Fix breadcrumb scroll/overflow look inside hero sections.
   2. Fix course mobile navigation menu drawer upward positioning / obstruction.
   ===================================================== */
@media (max-width: 768px) {

  /* ---- 1. BREADCRUMBS WRAP AND STATIC LAYOUT ---- */
  .elementor-widget-wp-widget-bcn_widget,
  .breadcrumbs,
  .breadcrumbs span,
  .breadcrumbs a,
  .breadcrumbs span a,
  .breadcrumbs span span {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    overflow-x: visible !important;
    display: inline !important;
  }

  /* ---- 2. COURSE PAGES MOBILE MENU FULLSCREEN FIXED DRAWER ---- */
  #masthead ul.consulting_menu_nav.hw-open,
  html body #masthead ul.consulting_menu_nav.hw-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    width: 100vw !important;
    z-index: 999999999 !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding-top: 60px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 30px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    list-style: none !important;
    gap: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

}


/* =====================================================
   SECTION 20 — GLOBAL LAYOUT & AESTHETIC RESETS
   ===================================================== */

/* ── GLOBAL HEADING WIDTH RESETS (PREVENT SCROLLBARS ON INTERMEDIATE SCREEN WIDTHS) ── */
.elementor-element-14c6858a,
.elementor-element-18173906,
.elementor-element-7f07ed92,
.elementor-element-427d37ea {
  width: auto !important;
  max-width: 100% !important;
}

/* ── HIDE SUB-MENU PLUS / ARROW INDICATORS GLOBALLY (DESKTOP & MOBILE) ── */
.menu-item-has-children > a::after,
.menu-item-has-children > a::before,
.menu-item-has-children::after,
.menu-item-has-children::before,
.menu-item-has-children > .sub-arrow,
.menu-item-has-children > a .sub-arrow,
.menu-item-has-children .sub-arrow,
.menu-item-has-children .indicator,
.menu-item-has-children .sub-menu-toggle,
.menu-item-has-children button.sub-menu-toggle,
.menu-item-has-children i.fa,
.menu-item-has-children i.fas,
.menu-item-has-children i.far,
.menu-item-has-children .hfe-menu-toggle,
.menu-item-has-children .hfe-sub-menu-toggle,
ul.consulting_menu_nav li.menu-item-has-children > a::after,
ul.consulting_menu_nav li.menu-item-has-children > a::before,
ul.consulting_menu_nav li.menu-item-has-children > a span.sub-arrow,
ul.consulting_menu_nav li.menu-item-has-children > a span.indicator,
ul.consulting_menu_nav li.menu-item-has-children > a i,
.consulting_menu_nav nav ul li.menu-item-has-children > a::after,
.consulting_menu_nav nav ul li.menu-item-has-children > a::before,
.consulting_menu_nav nav ul li.menu-item-has-children > a .sub-arrow,
.consulting_menu_nav nav ul li.menu-item-has-children > a i {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  pointer-events: none !important;
}

/* ── UK INNOVATOR FOUNDER VISA PAGE MOBILE VIEWPORT OPTIMIZATIONS ── */
@media (max-width: 768px) {
  .inn-hero {
    padding: 60px 5% !important;
  }
  .inn-hero-content h1 {
    font-size: 2.2rem !important;
    line-height: 1.3 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .inn-hero-content p {
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
  }
  .inn-stats {
    gap: 12px !important;
    margin-top: 24px !important;
    justify-content: center !important;
  }
  .inn-stat-box {
    padding: 14px 20px !important;
    width: 100% !important;
    max-width: 260px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  .inn-stat-box h3 {
    font-size: 1.8rem !important;
    margin: 0 0 4px 0 !important;
  }
  .inn-stat-box p {
    font-size: 0.9rem !important;
    margin: 0 !important;
  }
  .inn-header h2 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  .inn-elig-split {
    flex-direction: column !important;
    gap: 30px !important;
  }
  .inn-elig-content,
  .inn-elig-image {
    width: 100% !important;
  }
  .inn-elig-image img {
    max-width: 100% !important;
    height: auto !important;
  }
}