.elementor-kit-6{--e-global-color-primary:#F2CE00;--e-global-color-secondary:#E2551B;--e-global-color-text:#5B626B;--e-global-color-accent:#101317;--e-global-color-espagegrey:#F4F5F7;--e-global-color-eswhite:#FFFFFF;--e-global-color-esmuted:#A2A9B2;--e-global-color-esmuteddk:#7C838C;--e-global-color-esfooter:#0B0D10;--e-global-color-esborder:#C9CDD3;--e-global-color-esborderlt:#E4E6EA;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-letter-spacing:-1.7px;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-letter-spacing:-0.4px;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:15.5px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.75em;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:14.5px;--e-global-typography-accent-font-weight:600;--e-global-typography-esstat-font-family:"Space Grotesk";--e-global-typography-esstat-font-size:44px;--e-global-typography-esstat-font-weight:700;--e-global-typography-esstat-line-height:1em;--e-global-typography-esstat-letter-spacing:-1.3px;--e-global-typography-estag-font-family:"Space Grotesk";--e-global-typography-estag-font-size:11.5px;--e-global-typography-estag-font-weight:600;--e-global-typography-estag-letter-spacing:0.46px;color:#5B626B;font-family:"Manrope", Sans-serif;font-size:15.5px;font-weight:400;line-height:1.75em;}.elementor-kit-6 e-page-transition{background-color:#101317;}.elementor-kit-6 a{color:#101317;}.elementor-kit-6 a:hover{color:#E2551B;}.elementor-kit-6 h1{color:#101317;font-family:"Space Grotesk", Sans-serif;font-size:56px;font-weight:700;line-height:1.1em;letter-spacing:-1.7px;}.elementor-kit-6 h2{color:#101317;font-family:"Space Grotesk", Sans-serif;font-size:44px;font-weight:700;line-height:1.16em;letter-spacing:-1.3px;}.elementor-kit-6 h3{color:#101317;font-family:"Space Grotesk", Sans-serif;font-size:20px;font-weight:600;line-height:1.35em;letter-spacing:-0.4px;}.elementor-kit-6 h4{color:#101317;font-family:"Space Grotesk", Sans-serif;font-size:17.5px;font-weight:600;line-height:1.4em;letter-spacing:-0.18px;}.elementor-kit-6 h5{color:#101317;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:600;line-height:1.45em;letter-spacing:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:48px;}.elementor-kit-6 h2{font-size:36px;}.elementor-kit-6 h3{font-size:20px;}.elementor-kit-6 h4{font-size:17.5px;}.elementor-kit-6 h5{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:14.5px;}.elementor-kit-6 h1{font-size:34px;}.elementor-kit-6 h2{font-size:29px;}.elementor-kit-6 h3{font-size:19px;}.elementor-kit-6 h4{font-size:16.5px;}.elementor-kit-6 h5{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================
   E STEEL - SITE UTILITIES
   Edit here (Site Settings > Custom CSS) to change globally.
   Add the class name in any widget/container: Advanced > CSS Classes
   ========================================================== */

/* --- Notched corner (the signature shape) ---
   Change the size once here; every .es-notch element follows. --- */
:root{ --es-notch:34px; }
@media(max-width:767px){ :root{ --es-notch:26px; } }
.es-notch{
  clip-path: polygon(0 0, calc(100% - var(--es-notch)) 0, 100% var(--es-notch), 100% 100%, 0 100%);
}

/* --- Material card: inverts to charcoal on hover --- */
.es-card-invert{ transition: background-color .25s ease; }
.es-card-invert:hover{ background-color:#101317 !important; }
.es-card-invert:hover h1,.es-card-invert:hover h2,.es-card-invert:hover h3,
.es-card-invert:hover h4,.es-card-invert:hover p{ color:#FFFFFF !important; }

/* --- Knowledge card: single soft lift --- */
.es-card-lift{ transition: box-shadow .25s ease; }
.es-card-lift:hover{ box-shadow:0 12px 30px rgba(16,19,23,.1); }

/* --- Marquee band: outlined text, continuous scroll --- */
.es-marquee{ overflow:hidden; }
.es-marquee .e-con-inner,
.es-marquee > .e-con-inner{ flex-wrap:nowrap !important; width:max-content !important; max-width:none !important; }
.es-marquee-track{
  display:flex; width:max-content; flex-wrap:nowrap;
  animation: es-marquee 34s linear infinite;
}
.es-marquee-track .elementor-widget{ width:auto !important; }
.es-marquee-text .elementor-heading-title{
  white-space:nowrap; padding-right:34px;
  font-size:74px; font-weight:700; letter-spacing:-.02em;
  color:transparent;
  -webkit-text-stroke:1px rgba(242,206,0,.45);
  text-stroke:1px rgba(242,206,0,.45);
}
.es-marquee-text .elementor-heading-title em{
  font-style:normal; color:rgba(226,85,27,.9);
  -webkit-text-stroke:0; text-stroke:0;
}
@keyframes es-marquee{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
@media(max-width:767px){
  .es-marquee-track{ animation-duration:28s; }
  .es-marquee-text .elementor-heading-title{ font-size:44px; padding-right:24px; }
}
@media(prefers-reduced-motion:reduce){
  .es-marquee-track{ animation:none; }
}

/* --- Hexagon watermark: sits behind section content --- */
.es-hex > .e-con-inner{ position:relative; z-index:1; }

/* --- Icon frame (Why E Steel) --- */
.es-icon-frame .elementor-icon{
  width:46px; height:46px; display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.18); border-radius:8px;
}
/* --- Rotating ISO badge (Text Path widget) --- */
.es-badge{ transform-origin:center center; animation: es-spin 18s linear infinite; }

.icon-list-box .elementor-icon{
    margin-top:8px;
}

.footer-bottom a{
    color: rgba(255,255,255,0.5);
    transition: 0.3s;
}
@keyframes es-spin{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@media(prefers-reduced-motion:reduce){ .es-badge{ animation:none; } }
.es-badge .e-font-icon-svg, .es-badge svg{ overflow:visible; }

/* --- Wide (span-2) bento cards -----------------------------------------
   Elementor's Grid Column control is NOT responsive: a card set to
   'span 2' spans 2 at every breakpoint, which overflows a phone.
   Cards tagged .es-span-2 collapse to a single column on mobile.
   To make another card full-width in the bento: set Grid Column = Custom
   'span 2' AND add the class es-span-2 in Advanced > CSS Classes.
   ---------------------------------------------------------------------- */
@media(max-width:767px){
  .es-span-2{ grid-column: span 1 !important; }
  .e-con.e-grid > .e-con{ min-width:0; }
}

/* --- Data tables (Text Editor widget content) ---------------------------
   Put the table inside a Text Editor and add the class es-table-wrap on the
   widget. Tables scroll sideways on small screens instead of squashing.
   ---------------------------------------------------------------------- */
.es-icon-box .elementor-icon-box-content .elementor-icon-box-title{
       margin-top: 0;
   }
.es-icon-box .elementor-icon-box-icon{
       padding-top:2px;
   }
.es-table-wrap{ overflow-x:auto; max-width:100%; }
.es-table-wrap table{ width:100%; border-collapse:collapse; font-size:14.5px; min-width:520px; }
.es-table-wrap th,.es-table-wrap td{ padding:13px 16px; border-bottom:1px solid hsla(0, 0%, 50%, .502); text-align:left; }
.es-table-wrap th{ background:#F4F5F7; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13.5px; color:#101317; }
.es-table-wrap td{ color:#5B626B; }
/* Spec list: label left, value right */
.es-spec-wrap table{ min-width:0; }
.es-spec-wrap td:last-child{ text-align:right; font-family:'Space Grotesk',sans-serif; font-weight:600; color:#101317; }
/* On dark grounds */
.es-on-dark .es-table-wrap th{ background:rgba(255,255,255,.06); color:#fff; }
.es-on-dark .es-table-wrap th,.es-on-dark .es-table-wrap td{ border-color:rgba(255,255,255,.14); }
.es-on-dark .es-table-wrap td{ color:#A2A9B2; }
.es-on-dark .es-spec-wrap td:last-child{ color:#fff; }
@media(max-width:767px){ .es-table-wrap table{ min-width:480px; } .es-spec-wrap table{ min-width:0; } }

.es-table-wrap .is-key{ font-weight:600; color:#101317; }
.es-on-dark .es-table-wrap .is-key{ color:#FFFFFF; }/* End custom CSS */