.elementor-kit-5{--e-global-color-c1:#0C2461;--e-global-color-c2:#F5821E;--e-global-color-c3:#334155;--e-global-color-c4:#0A1628;--e-global-color-cc1:#0C2461;--e-global-color-cc2:#F5821E;--e-global-color-cc3:#0A1628;--e-global-color-cc4:#1E293B;--e-global-color-cc5:#64748B;--e-global-color-cc6:#F1F5F9;--e-global-typography-t1-font-family:"Barlow Condensed";--e-global-typography-t1-font-weight:800;--e-global-typography-t1-text-transform:uppercase;--e-global-typography-t2-font-family:"Barlow";--e-global-typography-t2-font-weight:400;--e-global-typography-t3-font-family:"Barlow";--e-global-typography-t3-font-weight:300;--e-global-typography-t4-font-family:"Barlow Condensed";--e-global-typography-t4-font-weight:700;--e-global-typography-t4-letter-spacing:1px;--e-global-typography-5535e8e-font-family:"FiraSans";--e-global-typography-5535e8e-font-size:3rem;--e-global-typography-5535e8e-font-weight:700;--e-global-typography-c83476d-font-family:"FiraSans";--e-global-typography-c83476d-font-size:2.5rem;--e-global-typography-c83476d-font-weight:bold;--e-global-typography-ff8f921-font-family:"FiraSans";--e-global-typography-ff8f921-font-size:2.3rem;--e-global-typography-ff8f921-font-weight:bold;--e-global-typography-887fca2-font-family:"Roboto";--e-global-typography-887fca2-font-size:1rem;--e-global-typography-887fca2-font-weight:400;--e-global-typography-2142591-font-family:"Roboto";--e-global-typography-2142591-font-size:1rem;--e-global-typography-2142591-font-weight:700;--e-global-typography-6e52843-font-family:"Roboto";--e-global-typography-6e52843-font-size:1rem;--e-global-typography-6e52843-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}.entry-title, .wp-block-post-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-c83476d-font-size:1.9rem;--e-global-typography-ff8f921-font-size:1.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================================
   HIMRATNA ALLOYS - COMPREHENSIVE RESPONSIVE CSS
   =================================================== */

/* ---------- TABLET (768px - 1024px) ---------- */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Section padding */
  .elementor-section {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  /* 2-column layout for previously 3-column grids */
  .elementor-col-33, .elementor-col-30 {
    width: 50% !important;
    float: left !important;
  }
  /* Headings */
  .elementor-widget-heading h1.elementor-heading-title { font-size: 48px !important; }
  .elementor-widget-heading h2.elementor-heading-title { font-size: 36px !important; }
  /* Industries */
  .elementor-col-11 { width: 25% !important; }
  /* Footer columns */
  .elementor-col-20, .elementor-col-25 { width: 50% !important; float: left !important; }
}

/* ---------- MOBILE (max 767px) ---------- */
@media (max-width: 767px) {
  /* All sections: mobile padding */
  .elementor-section,
  .elementor-top-section {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .elementor-section > .elementor-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Stack ALL columns on mobile */
  .elementor-column, [class*="elementor-col-"] {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* Fix column order: image below text on mobile */
  .elementor-col-50:last-child,
  .elementor-col-45:last-child {
    margin-top: 24px !important;
  }

  /* Heading sizes */
  .elementor-widget-heading h1.elementor-heading-title {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }
  .elementor-widget-heading h2.elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
  .elementor-widget-heading h3.elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  .elementor-widget-heading h4.elementor-heading-title,
  .elementor-widget-heading h5.elementor-heading-title {
    font-size: 16px !important;
  }

  /* Stats bar - wrap into 2x3 grid */
  .elementor-col-20 {
    width: 50% !important;
    display: inline-block !important;
    float: left !important;
    text-align: center !important;
  }
  .elementor-widget-counter .elementor-counter-number-wrapper {
    font-size: 28px !important;
  }
  .elementor-widget-counter .elementor-counter-title {
    font-size: 9px !important;
    letter-spacing: 1.5px !important;
  }

  /* Product/Service hover tiles */
  .elementor-image-box-wrapper {
    height: 220px !important;
  }

  /* Industries grid: 3 per row on mobile */
  .elementor-col-11 {
    width: 33.33% !important;
    display: inline-block !important;
    float: left !important;
    padding: 8px 4px !important;
  }

  /* Images: full width */
  .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
  }

  /* Buttons: full width on mobile */
  .elementor-widget-button .elementor-button {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    display: block !important;
  }

  /* Icon list: better spacing */
  .elementor-icon-list-item {
    padding: 6px 0 !important;
  }

  /* Text editor: better font size */
  .elementor-widget-text-editor p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* Section stretching fix */
  .elementor-section.elementor-section-stretched {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* CTA sections */
  .elementor-section .elementor-col-70,
  .elementor-section .elementor-col-30 {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ---------- XPRO HERO SLIDER ---------- */
.xpro-hero-slider-slide-content-wrapper {
  min-height: 85vh !important;
}
@media (max-width: 1024px) {
  .xpro-hero-slider-slide-content-wrapper { min-height: 70vh !important; }
}
@media (max-width: 767px) {
  .xpro-hero-slider-slide-content-wrapper { min-height: 60vh !important; }
  .xpro-hero-slider-slide-title {
    font-size: 30px !important;
    line-height: 1.2 !important;
  }
  .xpro-hero-slider-slide-subtitle {
    font-size: 10px !important;
    letter-spacing: 2px !important;
  }
  .xpro-hero-slider-slide-description {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .xpro-hero-slider-slide-buttons { flex-direction: column !important; gap: 10px !important; }
  .xpro-hero-slider-slide-buttons .elementor-button { width: 100% !important; text-align: center !important; }
}

/* ---------- XPRO HEADER MOBILE ---------- */
@media (max-width: 767px) {
  .xpro-theme-header-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ---------- FOOTER MOBILE ---------- */
@media (max-width: 767px) {
  .xpro-theme-footer .elementor-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ---------- PRODUCT TILE IMAGES FIX ---------- */
.elementor-widget-image-box .elementor-image-box-img img {
  display: block !important;
}

/* ---------- GENERAL IMPROVEMENTS ---------- */
/* Better body font */
body { font-family: 'Barlow', sans-serif !important; }
h1,h2,h3,h4,h5,h6 { font-family: 'Barlow Condensed', sans-serif !important; }

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Fix overflow on mobile */
body, .elementor { overflow-x: hidden !important; }/* End custom CSS */