/* ========================================
   EOS CSS LIBRARY v5.3
   Wrapper: .eos-css
   Date: April 22, 2026

   TOC
   1. Elementor CSS
   2. Tokens
   3. Base
   4. Buttons
   5. Cards
   6. Hero
   7. Article
   8. Article Compatibility
   9. Pillar
   9-2. Pillar Page Helpers
   10. Guide
   11. Solutions
   11-2. Solutions Workflow Map
   12. Patches
   13. Responsive
   14. Homepage
   15. Service Cards
   16. Mobile
   ======================================== */

/* ========================================
   1. ELEMENTOR CSS
   Do Not Change unless Elementor safely removed
   ======================================== */

/** Start Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/
.envato-block__preview{
  overflow:visible;
}

.envato-kit-139-accordion .elementor-widget-container{
  border-radius:10px !important;
}

.envato-kit-139-map iframe,
.envato-kit-139-slider .slick-slide,
.envato-kit-139-flipbox .elementor-flip-box div{
  border-radius:10px !important;
}
/** End Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/

/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/
.envato-block__preview{
  overflow:visible;
}

.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
  text-align:center;
}

.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p{
  margin-top:0;
}

.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md{
  padding-left:1.5rem;
  padding-right:1.5rem;
}

.envato-kit-141-bottom-0 p{
  margin-bottom:0;
}

.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header{
  margin-bottom:.5rem;
}

.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container{
  padding-bottom:52px;
}

.envato-kit-141-display-inline{
  display:inline-block;
}

.envato-kit-141 .elementor-slick-slider ul.slick-dots{
  bottom:-40px;
}
/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

/** Start Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/
.envato-block__preview{
  overflow:visible;
}

.envato-kit-140-material-hit .menu-item a,
.envato-kit-140-material-button .elementor-button{
  background-position:center;
  transition:background .8s;
}

.envato-kit-140-material-hit .menu-item a:hover,
.envato-kit-140-material-button .elementor-button:hover{
  background:radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
}

.envato-kit-140-material-hit .menu-item a:active,
.envato-kit-140-material-button .elementor-button:active{
  background-color:#FFF;
  background-size:100%;
  transition:background 0s;
}

.envato-kit-140-big-shadow-form .elementor-field-textual{
  box-shadow:0 20px 30px rgba(0,0,0,.05);
}

.envato-kit-140-faq .elementor-accordion .elementor-accordion-item{
  border-width:0 0 1px !important;
}

.envato-kit-140-scrollable{
  height:100%;
  overflow:auto;
  overflow-x:hidden;
}

.envato-kit-140-imagebox-nospace:hover{
  transform:scale(1.1);
  transition:all .3s;
}

.envato-kit-140-imagebox-nospace figure{
  line-height:0;
}

.envato-kit-140-slide .elementor-slide-content{
  background:#FFF;
  margin-left:-60px;
  padding:1em;
}

.envato-kit-140-carousel .slick-active:not(.slick-current) img{
  padding:20px !important;
  transition:all .9s;
}
/** End Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/

/** Start Block Kit CSS: 69-3-4f8cfb8a1a68ec007f2be7a02bdeadd9 **/
.envato-kit-66-menu .e--pointer-framed .elementor-item:before{
  border-radius:1px;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper{
  position:relative;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper .elementor-field-type-submit{
  position:static;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper .elementor-field-type-submit button{
  position:absolute;
  top:50%;
  right:6px;
  transform:translate(0, -50%);
  -moz-transform:translate(0, -50%);
  -webmit-transform:translate(0, -50%);
}

.envato-kit-66-testi-slider .elementor-testimonial__footer{
  position:relative;
  z-index:99;
  margin-top:-60px !important;
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev,
.envato-kit-66-featured-slider .elementor-slides .slick-next{
  width:50px;
  height:50px;
  background-color:#FFFFFF !important;
  transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  box-shadow:0px 1px 2px 1px rgba(0,0,0,0.32);
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev{
  left:-25px !important;
}

.envato-kit-66-featured-slider .elementor-slides .slick-next{
  right:-25px !important;
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev:before{
  display:block;
  margin-top:0;
  margin-left:0;
  transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
}

.envato-kit-66-featured-slider .elementor-slides .slick-next:before{
  display:block;
  margin-top:-5px;
  margin-right:-5px;
  transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
}

.envato-kit-66-orangetext{
  color:#f4511e;
}

.envato-kit-66-countdown .elementor-countdown-label{
  display:inline-block !important;
  border:2px solid rgba(255,255,255,0.2);
  padding:9px 20px;
}
/** End Block Kit CSS: 69-3-4f8cfb8a1a68ec007f2be7a02bdeadd9 **/

/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/
.envato-kit-138-bracket .elementor-widget-container > *:before{
  content:"[";
  color:#ffab00;
  display:inline-block;
  margin-right:4px;
  line-height:1em;
  position:relative;
  top:-1px;
}

.envato-kit-138-bracket .elementor-widget-container > *:after{
  content:"]";
  color:#ffab00;
  display:inline-block;
  margin-left:4px;
  line-height:1em;
  position:relative;
  top:-1px;
}
/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/
.envato-block__preview{
  overflow:visible !important;
}
/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

/** Start Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/
.envato-block__preview{
  overflow:visible;
}
/** End Block Kit CSS: 135-3-c665d4805631b9a8bf464e65129b2f58 **/

/* ========================================
   2. TOKENS
   ======================================== */
.eos-css{
  --eos-blue:#0063B2;
  --eos-orange:#E35205;
  --eos-orange-dark:#C94704;
  --eos-teal:#2FA4A8;

  --eos-white:#FFFFFF;
  --eos-offwhite:#F5F7FA;
  --eos-bg:#F6F9FC;

  --eos-text:#1B2430;
  --eos-text-dark:#1D1D1D;
  --eos-muted:#546372;
  --eos-light-gray:#D6DDE5;
  --eos-mid-gray:#A9AFB7;

  --eos-line:#D9E2EC;
  --eos-line-soft:#EDF2F7;

  --eos-black:#111111;
  --eos-charcoal:#1B1B1B;
  --eos-panel:#202327;

  --eos-shadow-soft:0 10px 28px rgba(15,23,42,.08);
  --eos-shadow-strong:0 16px 42px rgba(0,0,0,.22);

  --eos-radius-sm:10px;
  --eos-radius:18px;
  --eos-radius-lg:22px;

  --eos-max-width:100%;
  --eos-content-width:min(1720px, 96vw);
  --eos-navy-overlay:rgba(7,35,64,.62);

  font-family:Arial, Helvetica, sans-serif;
  line-height:1.65;
  color:var(--eos-text);
}

/* ========================================
   3. BASE
   ======================================== */
.eos-css,
.eos-css *{
  box-sizing:border-box;
}

.eos-css img{
  max-width:100%;
  display:block;
}

.eos-css a{
  text-decoration:none;
}

.eos-css p{
  margin:0 0 16px;
}

.eos-css h1,
.eos-css h2,
.eos-css h3,
.eos-css h4{
  margin:0 0 14px;
  line-height:1.18;
}

.eos-css h1{
  font-size:clamp(2.3rem,4vw,3.8rem);
  letter-spacing:-.02em;
}

.eos-css h2{
  font-size:clamp(1.7rem,2.5vw,2.2rem);
}

.eos-css h3{
  font-size:1.18rem;
}

.eos-css ul,
.eos-css ol{
  margin:0 0 16px;
  padding-left:20px;
}

.eos-css li{
  margin:0 0 10px;
  color:var(--eos-muted);
}

.eos-css .eos-wrap{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding-left:16px;
  padding-right:16px;
}

.eos-css .eos-section{
  margin:0 0 58px;
}

.eos-css .eos-section-intro{
  color:var(--eos-muted);
  max-width:840px;
}

/* ========================================
   4. BUTTONS
   ======================================== */
.eos-css .eos-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  font-size:15px;
  transition:all .25s ease;
}

.eos-css .eos-btn-primary{
  background:var(--eos-blue);
  color:#FFFFFF !important;
}

.eos-css .eos-btn-primary:hover{
  background:#00579A;
  color:#FFFFFF !important;
  transform:translateY(-1px);
}

.eos-css .eos-btn-secondary{
  background:transparent;
  color:var(--eos-blue) !important;
  border:1px solid rgba(0,99,178,.22);
}

.eos-css .eos-btn-secondary:hover{
  border-color:var(--eos-orange);
  color:var(--eos-orange) !important;
}

.eos-css .eos-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:var(--eos-blue);
}

.eos-css .eos-link:hover{
  color:var(--eos-orange);
}

/* ========================================
   5. CARDS
   ======================================== */
.eos-css .eos-panel{
  background:var(--eos-white);
  border:1px solid var(--eos-line-soft);
  border-radius:var(--eos-radius);
  box-shadow:var(--eos-shadow-soft);
  padding:34px 34px 30px;
}

.eos-css .eos-card{
  display:flex;
  flex-direction:column;
  background:var(--eos-white);
  border:1px solid var(--eos-line);
  border-radius:var(--eos-radius);
  overflow:hidden;
  box-shadow:var(--eos-shadow-soft);
  min-height:100%;
}

.eos-css .eos-card-media{
  display:block;
  aspect-ratio:16 / 9;
  background:#EDF4FA;
  overflow:hidden;
}

.eos-css .eos-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.eos-css .eos-card:hover .eos-card-media img{
  transform:scale(1.03);
}

.eos-css .eos-card-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px 22px 24px;
  flex:1;
}

.eos-css .eos-card-body p{
  margin:0;
  flex:1;
  color:var(--eos-muted);
}

.eos-css .eos-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:28px;
  margin-top:24px;
}

.eos-css .eos-card-grid-2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}

.eos-css .eos-card-grid-4{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:20px;
}

/* ========================================
   6. HERO
   ======================================== */
.eos-css .eos-hero{
  position:relative;
  display:flex;
  align-items:center;
  min-height:400px;
  background-size:cover;
  background-position:center;
  color:var(--eos-white);
  overflow:hidden;
}

.eos-css .eos-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(var(--eos-navy-overlay), var(--eos-navy-overlay));
  pointer-events:none;
}

.eos-css .eos-hero-inner{
  position:relative;
  z-index:2;
  width:var(--eos-content-width);
  margin:0 auto;
  padding:74px 0;
}

.eos-css .eos-hero-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-size:.92rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:rgba(255,255,255,.92);
}

.eos-css .eos-hero-subtitle{
  max-width:760px;
  margin-bottom:0;
  font-size:1.14rem;
  color:rgba(255,255,255,.92);
}

/* ========================================
   7. ARTICLE
   ======================================== */
.eos-css.eos-article{
  color:var(--eos-text);
}

.eos-css.eos-article h2,
.eos-css.eos-article h3,
.eos-css.eos-article h4{
  color:#111827;
}

.eos-css.eos-article p{
  color:#374151;
}

.eos-css.eos-article .eos-callout{
  margin:28px 0;
  padding:24px;
  background:#F7FAFC;
  border:1px solid #D9E6F2;
  border-left:6px solid var(--eos-orange);
  border-radius:16px;
}

.eos-css.eos-article .eos-callout h3{
  margin:0 0 10px;
  color:var(--eos-blue);
}

.eos-css.eos-article .eos-return{
  margin-top:2rem;
}

.eos-css.eos-article .eos-return-card{
  background:#F7FBFB;
  border:1px solid #D7ECEB;
  border-left:6px solid var(--eos-teal);
  padding:26px;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.eos-css.eos-article .eos-return-label{
  margin-bottom:.4rem;
  font-size:.8rem;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--eos-teal);
}

.eos-css.eos-article .eos-return-card h3{
  margin:0 0 10px;
  font-size:1.4rem;
  line-height:1.25;
  color:#123047;
}

.eos-css.eos-article .eos-return-card p{
  margin:0 0 16px;
  color:#4B5563;
}

.eos-css.eos-article .eos-list{
  list-style:disc !important;
  padding-left:22px !important;
  margin:14px 0 !important;
}

.eos-css.eos-article .eos-list li{
  display:list-item !important;
  margin-bottom:8px;
  line-height:1.7;
  color:#374151;
  font-family:inherit;
}

.eos-css.eos-article .eos-jump-menu{
  margin-bottom:2rem;
  padding:22px;
  background:#F7FBFB;
  border:1px solid #D7ECEB;
  border-left:6px solid var(--eos-teal);
  border-radius:10px;
}

.eos-css.eos-article .eos-jump-label{
  margin-bottom:.6rem;
  font-size:.8rem;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--eos-teal);
}

.eos-css.eos-article .eos-jump-menu ul{
  list-style:none !important;
  margin:0 !important;
  padding-left:0 !important;
}

.eos-css.eos-article .eos-jump-menu li{
  margin-bottom:.45rem;
  color:#374151;
}

.eos-css.eos-article .eos-jump-menu a{
  color:var(--eos-blue);
  font-weight:600;
  text-decoration:none;
}

.eos-css.eos-article .eos-jump-menu a:hover{
  color:var(--eos-orange);
}

.eos-css.eos-article .eos-faq{
  margin-top:2rem;
}

.eos-css.eos-article .eos-faq-item{
  margin-bottom:12px;
  border:1px solid #E5E7EB;
  border-radius:10px;
  overflow:hidden;
}

.eos-css.eos-article .eos-faq-question{
  position:relative;
  background:#E35205;
  color:#FFFFFF;
  padding:16px 18px;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease;
}

.eos-css.eos-article .eos-faq-question:hover{
  background:#C84404;
}

.eos-css.eos-article .eos-faq-question::after{
  content:"+";
  position:absolute;
  right:18px;
  font-size:20px;
  line-height:1;
}

.eos-css.eos-article .eos-faq-item.active .eos-faq-question::after{
  content:"–";
}

.eos-css.eos-article .eos-faq-answer{
  display:none;
  padding:16px 18px;
  background:#F9FAFB;
  color:#374151;
  line-height:1.7;
}

.eos-css.eos-article .eos-faq-item.active .eos-faq-answer{
  display:block;
}

/* ========================================
   8. ARTICLE COMPATIBILITY
   ======================================== */
.eos-css.eos-article .eos-article-shell{
  max-width:860px;
  margin:0 auto;
}

.eos-css.eos-article .eos-article-header{
  margin-bottom:32px;
}

.eos-css.eos-article .eos-article-title{
  margin:0 0 14px;
  font-size:clamp(2rem, 4vw, 3rem);
  line-height:1.08;
  color:#111827;
}

.eos-css.eos-article .eos-meta{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.6;
  color:#6B7280;
}

.eos-css.eos-article .eos-welcome{
  margin:0 0 20px;
  font-size:15px;
  color:#546372;
}

.eos-css.eos-article .eos-intro-card{
  margin:28px 0 34px;
  padding:24px;
  background:#F7FAFC;
  border:1px solid #D9E6F2;
  border-left:6px solid var(--eos-orange);
  border-radius:16px;
  color:#374151;
  line-height:1.8;
}

.eos-css.eos-article .eos-intro-label{
  display:inline-block;
  margin-bottom:12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--eos-orange);
}

.eos-css.eos-article .eos-section-card{
  margin:0 0 28px;
  padding:28px 26px;
  background:#FFFFFF;
  border:1px solid #E5E7EB;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(15,23,42,0.05);
  color:#374151;
  line-height:1.8;
}

.eos-css.eos-article .eos-section-card.alt{
  background:#F9FBFD;
}

.eos-css.eos-article .eos-section-card h2{
  margin:0 0 14px;
  color:#111827;
}

.eos-css.eos-article .eos-section-card a{
  color:var(--eos-blue);
  font-weight:600;
}

.eos-css.eos-article .eos-section-card a:hover{
  color:var(--eos-orange);
}

.eos-css.eos-article figure.wp-block-image{
  margin:22px 0 26px;
}

.eos-css.eos-article figure.wp-block-image img{
  width:100%;
  height:auto;
  border-radius:16px;
}

.eos-css.eos-article figure.wp-block-image figcaption{
  margin-top:10px;
  font-size:14px;
  line-height:1.6;
  color:#6B7280;
  text-align:center;
}

.eos-css.eos-article .eos-closing{
  margin-top:18px;
  font-weight:600;
  color:#123047;
}

.eos-css.eos-article details{
  margin-bottom:12px;
  background:#FFFFFF;
  border:1px solid #E5E7EB;
  border-radius:10px;
  overflow:hidden;
}

.eos-css.eos-article details summary{
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  font-weight:700;
  color:#FFFFFF;
  background:#E35205;
}

.eos-css.eos-article details summary::-webkit-details-marker{
  display:none;
}

.eos-css.eos-article details[open] summary{
  background:#C84404;
}

.eos-css.eos-article details > *:not(summary){
  padding:16px 18px;
  color:#374151;
  line-height:1.7;
}

.eos-css.eos-article .eos-return .eos-btn{
  background:var(--eos-blue);
  color:#FFFFFF !important;
}

.eos-css.eos-article .eos-return .eos-btn:hover{
  background:#00579A;
}

/* ========================================
   9. PILLAR
   ======================================== */
.eos-css.eos-pillar{
  background:var(--eos-bg);
}

.eos-css.eos-pillar .eos-page-wrap{
  padding:46px 0 0;
}

.eos-css.eos-pillar .eos-learn-list li strong{
  color:#243243;
}

.eos-css.eos-pillar .eos-article-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:28px;
  margin-top:24px;
}

.eos-css.eos-pillar .eos-article-card{
  display:flex;
  flex-direction:column;
  background:var(--eos-white);
  border:1px solid var(--eos-line);
  border-radius:var(--eos-radius);
  overflow:hidden;
  box-shadow:var(--eos-shadow-soft);
  min-height:100%;
}

.eos-css.eos-pillar .eos-article-card-media{
  display:block;
  aspect-ratio:16 / 9;
  background:#EDF4FA;
  overflow:hidden;
}

.eos-css.eos-pillar .eos-article-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.eos-css.eos-pillar .eos-article-card:hover .eos-article-card-media img{
  transform:scale(1.03);
}

.eos-css.eos-pillar .eos-article-card-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px 22px 24px;
  flex:1;
}

.eos-css.eos-pillar .eos-article-card-body p{
  margin:0;
  flex:1;
  color:var(--eos-muted);
}

.eos-css.eos-pillar .eos-article-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  font-weight:700;
  color:var(--eos-blue);
}

.eos-css.eos-pillar .eos-article-link:hover{
  color:var(--eos-orange);
}

.eos-css.eos-pillar .eos-related-topics{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px 34px;
  margin-top:10px;
}

.eos-css.eos-pillar .eos-related-topics li{
  margin-bottom:0;
}

.eos-css.eos-pillar .eos-knowledge-footer{
  margin-top:84px;
  padding:78px 20px;
  background:var(--eos-teal);
  color:var(--eos-white);
  text-align:center;
}

.eos-css.eos-pillar .eos-knowledge-footer h2{
  margin-bottom:14px;
  color:var(--eos-white);
}

.eos-css.eos-pillar .eos-knowledge-footer p{
  max-width:820px;
  margin:0 auto 28px;
  font-size:1.04rem;
  color:rgba(255,255,255,.95);
}

.eos-css.eos-pillar .eos-knowledge-footer-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:230px;
  padding:15px 28px;
  background:var(--eos-white);
  color:var(--eos-teal);
  border-radius:999px;
  font-weight:700;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.eos-css.eos-pillar .eos-knowledge-footer-button:hover{
  background:#F4F7F9;
  color:#208982;
}

/* ========================================
   9-2. PILLAR PAGE HELPERS
   ======================================== */
.eos-css.eos-pillar .eos-button-group{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.eos-css.eos-pillar .eos-button-group--stack{
  flex-direction:column;
  align-items:flex-start;
}

.eos-css.eos-pillar .eos-button-group .eos-btn-secondary{
  background:#F8FBFE;
}

.eos-css.eos-pillar .eos-article-card h3 a{
  color:var(--eos-text);
}

.eos-css.eos-pillar .eos-article-card h3 a:hover{
  color:var(--eos-blue);
}

/* ========================================
   10. GUIDE
   ======================================== */
.eos-css.eos-guide{
  padding:56px 24px;
  background:#FFFFFF;
  color:#1F2A37;
}

.eos-css.eos-guide .eos-guide-shell{
  max-width:1140px;
  margin:0 auto;
}

.eos-css.eos-guide .eos-guide-hero{
  margin-bottom:42px;
}

.eos-css.eos-guide .eos-guide-hero-card{
  background:linear-gradient(135deg, #0063B2 0%, #0A4F8A 100%);
  border-radius:18px;
  padding:42px 32px;
  color:#FFFFFF;
  box-shadow:0 10px 28px rgba(0,99,178,.16);
}

.eos-css.eos-guide .eos-guide-eyebrow{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#BFDDF4;
}

.eos-css.eos-guide .eos-guide-title{
  margin:0 0 14px;
  font-size:38px;
  line-height:1.15;
  font-weight:700;
  color:#FFFFFF;
}

.eos-css.eos-guide .eos-guide-lead{
  max-width:920px;
  margin:0;
  font-size:18px;
  line-height:1.75;
  color:#EAF4FB;
}

.eos-css.eos-guide .eos-guide-intro-card{
  padding:30px 28px;
  background:#F7FAFC;
  border:1px solid #D9E6F2;
  border-left:6px solid #E35205;
  border-radius:16px;
}

.eos-css.eos-guide .eos-guide-section-title{
  margin:0 0 14px;
  font-size:30px;
  line-height:1.2;
  font-weight:700;
  color:#0063B2;
}

.eos-css.eos-guide .eos-guide-text{
  margin:0 0 14px;
  font-size:17px;
  line-height:1.75;
  color:#374151;
}

.eos-css.eos-guide .eos-guide-center{
  text-align:center;
}

.eos-css.eos-guide .eos-guide-center-text{
  max-width:860px;
  margin:0 auto 28px;
  font-size:17px;
  line-height:1.75;
  color:#4B5563;
  text-align:center;
}

.eos-css.eos-guide .eos-guide-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:20px;
}

.eos-css.eos-guide .eos-guide-card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#FFFFFF;
  border:1px solid #D9E6F2;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  overflow:hidden;
}

.eos-css.eos-guide .eos-guide-card-top{
  height:6px;
  background:linear-gradient(90deg, #0063B2 0%, #E35205 100%);
}

.eos-css.eos-guide .eos-guide-card-body{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:26px 24px 24px;
}

.eos-css.eos-guide .eos-guide-card-audience{
  margin:0 0 10px;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6B7280;
}

.eos-css.eos-guide .eos-guide-card-title{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.25;
  font-weight:700;
  color:#1F2937;
}

.eos-css.eos-guide .eos-guide-card-text{
  margin:0 0 16px;
  font-size:16px;
  line-height:1.75;
  color:#4B5563;
}

.eos-css.eos-guide .eos-guide-card-learn{
  margin:0 0 20px;
  font-size:14px;
  line-height:1.7;
  color:#374151;
}

.eos-css.eos-guide .eos-guide-card-learn strong{
  color:#1F2A37;
}

.eos-css.eos-guide .eos-guide-support-card{
  padding:34px 28px;
  background:linear-gradient(180deg, #F8FBFE 0%, #FFFFFF 100%);
  border:1px solid #D9E6F2;
  border-radius:18px;
}

/* ========================================
   11. SOLUTIONS
   ======================================== */
.eos-css.eos-solutions{
  margin:0;
  background:var(--eos-black);
  color:var(--eos-white);
}

.eos-css.eos-solutions .eos-section-block{
  padding:76px 0;
}

.eos-css.eos-solutions .eos-section-dark{
  background:var(--eos-charcoal);
}

.eos-css.eos-solutions .eos-section-light{
  background:#F5F5F3;
  color:var(--eos-text-dark);
}

.eos-css.eos-solutions .eos-section-orange{
  background:linear-gradient(135deg, #D94C04, #F06A1D);
  color:var(--eos-white);
}

.eos-css.eos-solutions .eos-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:var(--eos-orange);
}

.eos-css.eos-solutions .eos-heading{
  margin:0 0 18px;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.08;
  font-weight:800;
}

.eos-css.eos-solutions .eos-lead{
  max-width:760px;
  margin:0;
  font-size:18px;
  color:var(--eos-light-gray);
}

.eos-css.eos-solutions .eos-body{
  margin:0;
  font-size:16px;
  color:var(--eos-light-gray);
}

.eos-css.eos-solutions .eos-section-light .eos-lead,
.eos-css.eos-solutions .eos-section-light .eos-body,
.eos-css.eos-solutions .eos-section-light .eos-list,
.eos-css.eos-solutions .eos-section-light .eos-process-step p,
.eos-css.eos-solutions .eos-section-light .eos-media-card p,
.eos-css.eos-solutions .eos-section-light .eos-stat span{
  color:#4D4D4D;
}

.eos-css.eos-solutions .eos-section-light .eos-process-step h3{
  color:var(--eos-text-dark);
}

.eos-css.eos-solutions .eos-section-light .eos-process-step p{
  color:#1D1D1D;
}

.eos-css.eos-solutions .eos-divider{
  width:88px;
  height:4px;
  margin:0 0 22px;
  background:var(--eos-orange);
  border-radius:999px;
}

.eos-css.eos-solutions .eos-button-row,
.eos-css.eos-solutions .eos-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.eos-css.eos-solutions .eos-btn-primary{
  background:var(--eos-orange);
}

.eos-css.eos-solutions .eos-btn-primary:hover{
  background:var(--eos-orange-dark);
}

.eos-css.eos-solutions .eos-btn-secondary{
  background:transparent;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,0.24);
}

.eos-css.eos-solutions .eos-btn-secondary:hover{
  border-color:var(--eos-orange);
  color:var(--eos-orange) !important;
}

.eos-css.eos-solutions .eos-section-light .eos-btn-secondary{
  color:var(--eos-text-dark) !important;
  border-color:rgba(17,17,17,0.16);
}

.eos-css.eos-solutions .eos-hero{
  min-height:640px;
}

.eos-css.eos-solutions .eos-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:34px;
  align-items:center;
}

.eos-css.eos-solutions .eos-hero-copy{
  padding:88px 0;
}

.eos-css.eos-solutions .eos-hero-kicker{
  display:block;
  margin:0 0 14px;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  border-radius:0;
  color:#D8E8F6;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1.4;
}

.eos-css.eos-solutions .eos-hero-title{
  max-width:760px;
  margin:0 0 14px;
  font-size:clamp(40px, 5.2vw, 64px);
  line-height:1.02;
  font-weight:900;
}

.eos-css.eos-solutions .eos-hero-statement{
  margin:0 0 20px;
  font-size:clamp(22px, 2.7vw, 34px);
  line-height:1.15;
  font-weight:800;
  color:var(--eos-orange);
}

.eos-css.eos-solutions .eos-hero-text{
  max-width:760px;
  margin:0;
  font-size:18px;
  color:#E6E6E6;
}

.eos-css.eos-solutions .eos-hero-panel{
  background:rgba(20,20,20,0.52);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:var(--eos-radius);
  padding:24px;
  box-shadow:var(--eos-shadow-strong);
  backdrop-filter:blur(6px);
}
.eos-css.eos-solutions .eos-hero-panel h3{
  margin:0 0 12px;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
  color:#FFFFFF;
}

.eos-css.eos-solutions .eos-mini-links{
  display:grid;
  gap:10px;
}

.eos-css.eos-solutions .eos-mini-link{
  padding:13px 14px;
  border-radius:14px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  transition:all .25s ease;
}

.eos-css.eos-solutions .eos-mini-link-primary{
  position:relative;
  background:rgba(227,82,5,0.12);
  border:1px solid rgba(227,82,5,0.45);
}

.eos-css.eos-solutions .eos-mini-link-primary::after{
  content:"→";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-weight:800;
  color:var(--eos-orange);
}

.eos-css.eos-solutions .eos-mini-link:hover{
  border-color:rgba(227,82,5,0.55);
  background:rgba(227,82,5,0.08);
}

.eos-css.eos-solutions .eos-mini-link span{
  display:block;
  margin-bottom:4px;
  font-size:11px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:var(--eos-orange);
  font-weight:700;
}

.eos-css.eos-solutions .eos-mini-link strong{
  display:block;
  font-size:15px;
  line-height:1.35;
  color:#FFFFFF;
}

.eos-css.eos-solutions .eos-two-col,
.eos-css.eos-solutions .eos-cta-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:start;
}

.eos-css.eos-solutions .eos-list{
  margin:20px 0 0;
  padding-left:18px;
  color:var(--eos-light-gray);
}

.eos-css.eos-solutions .eos-process-grid,
.eos-css.eos-solutions .eos-media-card-grid,
.eos-css.eos-solutions .eos-stat-row{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
  margin-top:34px;
}

.eos-css.eos-solutions .eos-process-step,
.eos-css.eos-solutions .eos-media-card,
.eos-css.eos-solutions .eos-stat{
  border-radius:18px;
  box-shadow:var(--eos-shadow-strong);
}

.eos-css.eos-solutions .eos-process-step{
  padding:24px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.12);
}

.eos-css.eos-solutions .eos-media-card{
  overflow:hidden;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  transition:transform .25s ease, border-color .25s ease;
}

.eos-css.eos-solutions .eos-media-card:hover{
  transform:translateY(-4px);
  border-color:rgba(227,82,5,0.55);
}

.eos-css.eos-solutions .eos-media-card img{
  width:100%;
  height:210px;
  object-fit:cover;
}

.eos-css.eos-solutions .eos-media-card-label{
  display:inline-block;
  margin-bottom:10px;
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  font-weight:800;
  color:var(--eos-orange);
}

.eos-css.eos-solutions .eos-card-link{
  display:inline-block;
  margin-top:16px;
  color:var(--eos-orange);
  font-weight:700;
  font-size:14px;
}

.eos-css.eos-solutions .eos-card{
  overflow:hidden;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
}

.eos-css.eos-solutions .eos-card h3{
  color:#FFFFFF;
}

.eos-css.eos-solutions .eos-card p{
  color:var(--eos-light-gray);
}

.eos-css.eos-solutions .eos-card-accent{
  height:4px;
  background:var(--eos-orange);
}

.eos-css.eos-solutions .eos-card-body{
  padding:22px;
}

.eos-css.eos-solutions .eos-stat{
  padding:22px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
}

.eos-css.eos-solutions .eos-stat strong{
  display:block;
  margin-bottom:8px;
  font-size:28px;
  line-height:1;
  color:var(--eos-orange);
  font-weight:900;
}

.eos-css.eos-solutions .eos-stat span{
  display:block;
  font-size:14px;
  color:var(--eos-light-gray);
}

.eos-css.eos-solutions .eos-cta-box{
  grid-template-columns:1.2fr 0.8fr;
  align-items:center;
  padding:42px;
  border-radius:22px;
  background:rgba(0,0,0,0.22);
  border:1px solid rgba(255,255,255,0.18);
}

.eos-css.eos-solutions .eos-cta-box .eos-body{
  color:rgba(255,255,255,0.92);
}

.eos-css.eos-solutions .eos-cta-box .eos-btn-primary{
  background:#111111;
  color:#FFFFFF !important;
}

.eos-css.eos-solutions .eos-cta-box .eos-btn-primary:hover{
  background:#000000;
}

.eos-css.eos-solutions .eos-contact-intro .eos-cta-box{
  grid-template-columns:1fr;
}

.eos-css.eos-solutions .eos-contact-intro .eos-eyebrow{
  color:#FFFFFF;
}

/* ========================================
   11-2. SOLUTIONS WORKFLOW MAP
   ======================================== */
.eos-css.eos-solutions .eos-solution-workflow{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
  margin-top:34px;
  align-items:stretch;
}

.eos-css.eos-solutions .eos-workflow-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:290px;
  padding:24px 18px 22px;
  border-radius:18px;
  background:#FFFFFF;
  border:1px solid #D9E2EC;
  box-shadow:0 10px 28px rgba(15,23,42,.08);
  color:var(--eos-text-dark);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.eos-css.eos-solutions .eos-workflow-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  border-color:rgba(0,99,178,.16);
}

.eos-css.eos-solutions .eos-workflow-card::after{
  content:"";
  position:absolute;
  top:34px;
  right:-9px;
  width:18px;
  height:2px;
  background:rgba(0,99,178,.22);
}

.eos-css.eos-solutions .eos-workflow-card:last-child::after{
  display:none;
}

.eos-css.eos-solutions .eos-workflow-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:12px;
  border-radius:999px;
  background:#EAF3FB;
  color:var(--eos-blue);
  font-size:14px;
  font-weight:800;
}

.eos-css.eos-solutions .eos-workflow-label{
  margin-bottom:8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:var(--eos-orange);
}

.eos-css.eos-solutions .eos-workflow-card h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.25;
  font-weight:800;
  color:var(--eos-text-dark);
}

.eos-css.eos-solutions .eos-workflow-card h3 a{
  color:var(--eos-text-dark) !important;
  text-decoration:none;
}

.eos-css.eos-solutions .eos-workflow-card h3 a:hover{
  color:var(--eos-blue) !important;
}

.eos-css.eos-solutions .eos-workflow-card p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:#111111 !important;
  flex:1;
}

.eos-css.eos-solutions .eos-workflow-status,
.eos-css.eos-solutions .eos-workflow-card .eos-card-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;
  min-height:44px;
  padding:10px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}

.eos-css.eos-solutions .eos-workflow-card .eos-card-link{
  background:#FFFFFF;
  border:1px solid rgba(0,99,178,.16);
  color:var(--eos-blue) !important;
}

.eos-css.eos-solutions .eos-workflow-card .eos-card-link:hover{
  background:#F5FAFE;
  border-color:rgba(0,99,178,.28);
  color:#00579A !important;
}

.eos-css.eos-solutions .eos-workflow-status{
  background:#EAF3FB;
  color:var(--eos-blue) !important;
  border:1px solid rgba(255,255,255,.22);
}

.eos-css.eos-solutions .eos-workflow-card.is-current{
  background:var(--eos-blue);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 36px rgba(0,99,178,.26);
  color:#FFFFFF;
}

.eos-css.eos-solutions .eos-workflow-card.is-current::before{
  display:none;
}

.eos-css.eos-solutions .eos-workflow-card.is-current .eos-workflow-step{
  background:#EAF3FB;
  color:var(--eos-blue);
}

.eos-css.eos-solutions .eos-workflow-card.is-current .eos-workflow-label{
  color:var(--eos-orange);
}

.eos-css.eos-solutions .eos-workflow-card.is-current h3,
.eos-css.eos-solutions .eos-workflow-card.is-current h3 a,
.eos-css.eos-solutions .eos-workflow-card.is-current p{
  color:#FFFFFF !important;
}

.eos-css.eos-solutions .eos-workflow-card.is-current .eos-workflow-status{
  background:#EAF3FB;
  color:var(--eos-blue) !important;
  border:1px solid rgba(255,255,255,.24);
}

/* ========================================
   12. PATCHES
   ======================================== */
@media (min-width:1200px){
  .eos-css.eos-solutions .eos-full-width{
    width:100%;
    max-width:100%;
    padding-left:0;
    padding-right:0;
  }

  .eos-css.eos-solutions .eos-full-width .eos-wrap{
    max-width:min(1720px, 96vw);
    margin:0 auto;
    padding-left:32px;
    padding-right:32px;
  }
}

.eos-css.eos-solutions .eos-section-dark h1,
.eos-css.eos-solutions .eos-section-dark h2,
.eos-css.eos-solutions .eos-section-dark h3,
.eos-css.eos-solutions .eos-section-dark .eos-heading{
  color:#FFFFFF !important;
}

.eos-css.eos-solutions .eos-section-dark p,
.eos-css.eos-solutions .eos-section-dark .eos-body,
.eos-css.eos-solutions .eos-section-dark .eos-lead,
.eos-css.eos-solutions .eos-section-dark li{
  color:#D1D5DB !important;
}

.eos-css.eos-solutions .eos-section-dark .eos-process-step,
.eos-css.eos-solutions .eos-section-dark .eos-media-card{
  color:#E6E6E6;
}

.eos-css.eos-solutions .eos-section-dark .eos-process-step h3,
.eos-css.eos-solutions .eos-section-dark .eos-media-card h3{
  color:#FFFFFF !important;
}

.eos-css.eos-solutions .eos-section-dark .eos-process-step p,
.eos-css.eos-solutions .eos-section-dark .eos-media-card p{
  color:#D1D5DB !important;
}

.eos-css.eos-solutions .eos-section-dark .eos-process-step{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
}

/* workflow cards inside dark sections stay readable */
.eos-css.eos-solutions .eos-section-dark .eos-workflow-card h3,
.eos-css.eos-solutions .eos-section-dark .eos-workflow-card h3 a,
.eos-css.eos-solutions .eos-section-dark .eos-workflow-card p{
  color:#111111 !important;
}

.eos-css.eos-solutions .eos-section-dark .eos-workflow-card.is-current h3,
.eos-css.eos-solutions .eos-section-dark .eos-workflow-card.is-current h3 a,
.eos-css.eos-solutions .eos-section-dark .eos-workflow-card.is-current p{
  color:#FFFFFF !important;
}

/* form input readability */
.eos-css.eos-solutions input,
.eos-css.eos-solutions textarea,
.eos-css.eos-solutions select{
  background:#FFFFFF !important;
  color:#1D1D1D !important;
  border:1px solid rgba(0,0,0,0.15);
}

.eos-css.eos-solutions input::placeholder,
.eos-css.eos-solutions textarea::placeholder{
  color:#8A8A8A !important;
}

.eos-css.eos-solutions input:focus,
.eos-css.eos-solutions textarea:focus{
  outline:none;
  border-color:#E35205;
  box-shadow:0 0 0 2px rgba(227,82,5,0.15);
}

/* legacy related solutions refinement */
.eos-css.eos-solutions .eos-solution-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.eos-css.eos-solutions .eos-solution-card img{
  width:100%;
  height:180px;
  object-fit:cover;
}

.eos-css.eos-solutions .eos-solution-card .eos-media-card-content{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:18px 18px 20px;
}

.eos-css.eos-solutions .eos-solution-card h3{
  margin-bottom:8px;
  font-size:18px;
  line-height:1.3;
}

.eos-css.eos-solutions .eos-solution-card p{
  margin-bottom:12px;
  font-size:14px;
  line-height:1.6;
}

.eos-css.eos-solutions .eos-solution-card .eos-card-link{
  margin-top:auto;
}

.eos-css.eos-solutions .eos-media-card-grid{
  align-items:stretch;
}

/* ========================================
   13. RESPONSIVE
   ======================================== */
@media (max-width:991px){
  .eos-homepage .eos-service-icon{
    width:82% !important;
    max-width:82% !important;
    max-height:145px !important;
  }
}

@media (max-width:767px){
  .eos-homepage .eos-service-icon{
    width:80% !important;
    max-width:80% !important;
    max-height:125px !important;
    margin-bottom:0;
  }
}

@media (min-width:768px){
  .eos-css .eos-wrap{
    padding-left:24px;
    padding-right:24px;
  }
}

@media (min-width:1200px){
  .eos-css .eos-wrap{
    max-width:min(1720px, 96vw);
    padding-left:32px;
    padding-right:32px;
  }
}

@media (max-width:1100px){
  .eos-css .eos-card-grid,
  .eos-css.eos-pillar .eos-article-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:1024px){
  .eos-css.eos-pillar .eos-button-group{
    gap:10px;
  }

  .eos-css.eos-solutions .eos-hero-grid,
  .eos-css.eos-solutions .eos-two-col,
  .eos-css.eos-solutions .eos-cta-box,
  .eos-css.eos-solutions .eos-process-grid,
  .eos-css.eos-solutions .eos-media-card-grid,
  .eos-css.eos-solutions .eos-stat-row{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:767px){
  .eos-css .eos-panel{
    padding:24px 20px 22px;
  }

  .eos-css .eos-card-grid,
  .eos-css .eos-card-grid-2,
  .eos-css .eos-card-grid-4,
  .eos-css.eos-pillar .eos-article-grid,
  .eos-css.eos-pillar .eos-related-topics,
  .eos-css.eos-solutions .eos-hero-grid,
  .eos-css.eos-solutions .eos-two-col,
  .eos-css.eos-solutions .eos-cta-box,
  .eos-css.eos-solutions .eos-process-grid,
  .eos-css.eos-solutions .eos-media-card-grid,
  .eos-css.eos-solutions .eos-stat-row,
  .eos-css.eos-solutions .eos-solution-workflow{
    grid-template-columns:1fr;
  }

  .eos-css .eos-hero{
    min-height:320px;
  }

  .eos-css .eos-hero-inner{
    padding:56px 0;
  }

  .eos-css.eos-pillar .eos-button-group,
  .eos-css.eos-pillar .eos-button-group--stack{
    flex-direction:column;
    align-items:stretch;
  }

  .eos-css.eos-pillar .eos-button-group .eos-btn,
  .eos-css.eos-pillar .eos-button-group--stack .eos-btn{
    width:100%;
  }

  .eos-css.eos-pillar .eos-knowledge-footer{
    padding:62px 18px;
  }

  .eos-css.eos-guide{
    padding:40px 18px;
  }

  .eos-css.eos-guide .eos-guide-hero-card{
    padding:30px 22px;
  }

  .eos-css.eos-guide .eos-guide-title{
    font-size:30px;
  }

  .eos-css.eos-guide .eos-guide-lead{
    font-size:17px;
  }

  .eos-css.eos-guide .eos-guide-intro-card,
  .eos-css.eos-guide .eos-guide-support-card{
    padding:24px 20px;
  }

  .eos-css.eos-solutions .eos-section-block{
    padding:56px 0;
  }

  .eos-css.eos-solutions .eos-hero{
    min-height:auto;
  }

  .eos-css.eos-solutions .eos-hero-copy{
    padding:64px 0 24px;
  }

  .eos-css.eos-solutions .eos-hero-panel{
    margin-bottom:40px;
  }

  .eos-css.eos-solutions .eos-contact-intro .eos-cta-box{
    padding:32px 24px;
  }

  .eos-css.eos-solutions .eos-workflow-card::after{
    display:none;
  }
}

/* ========================================
   14. HOMEPAGE
   Homepage-specific layout refinements
   ======================================== */

/* ---------- Hero ---------- */
.eos-homepage .eos-home-hero{
  position:relative;
  display:flex;
  align-items:center;
  min-height:560px;
  margin:0 0 34px;
  background:
    linear-gradient(rgba(7,35,64,.54), rgba(7,35,64,.72)),
    url('https://enterpriseordersolutions.com/wp-content/uploads/2026/04/EOS-Hero-Banner-web-4b.jpg') center center / cover no-repeat;
  color:#FFFFFF;
  overflow:hidden;
  border-radius:22px;
  box-shadow:var(--eos-shadow-strong);
}

.eos-homepage .eos-home-hero-inner{
  width:100%;
  padding:72px 42px;
}

.eos-homepage .eos-home-hero-eyebrow{
  display:block;
  margin:0 0 12px;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  border-radius:0;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#D8E8F6;
}

.eos-homepage .eos-home-hero-title{
  margin:0 0 14px;
  max-width:1200px;
  font-size:clamp(2.4rem, 5vw, 4.2rem);
  line-height:1.03;
  color:#FFFFFF;
}

.eos-homepage .eos-home-hero-statement{
  margin:0 0 18px;
  font-size:clamp(1.35rem, 2.5vw, 2rem);
  line-height:1.15;
  font-weight:800;
  color:var(--eos-orange);
}

.eos-homepage .eos-home-hero-text{
  max-width:820px;
  margin:0 0 24px;
  font-size:18px;
  line-height:1.8;
  color:rgba(255,255,255,.94);
}

.eos-homepage .eos-home-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.eos-homepage .eos-home-hero-actions .eos-btn{
  min-width:180px;
}

.eos-homepage .eos-home-hero-actions .eos-btn-secondary{
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.26);
}

.eos-homepage .eos-home-hero-actions .eos-btn-secondary:hover{
  border-color:var(--eos-orange);
  color:var(--eos-orange) !important;
}

/* ---------- Shared section helpers ---------- */
.eos-homepage .eos-home-section-head{
  margin-bottom:22px;
}

.eos-homepage .eos-home-section-head .eos-eyebrow{
  margin-bottom:10px;
}

.eos-homepage .eos-home-section-divider{
  margin:0 0 34px;
  height:1px;
  border:0;
  background:linear-gradient(90deg, rgba(0,99,178,0) 0%, rgba(0,99,178,.18) 50%, rgba(0,99,178,0) 100%);
}

/* ---------- Proof band ---------- */
.eos-homepage .eos-home-proof{
  margin:0 0 40px;
}

.eos-homepage .eos-home-proof-band{
  padding:34px 30px 30px;
  background:linear-gradient(135deg, #072340 0%, #0B325C 100%);
  color:#FFFFFF;
  border-radius:var(--eos-radius-lg);
  box-shadow:var(--eos-shadow-strong);
}

.eos-homepage .eos-home-proof-band .eos-eyebrow{
  color:#BFDDF4;
}

.eos-homepage .eos-home-proof-band h2{
  color:#FFFFFF;
}

.eos-homepage .eos-home-proof-band .eos-section-intro{
  color:rgba(255,255,255,.90);
}

.eos-homepage .eos-home-proof-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.eos-homepage .eos-home-proof-item{
  padding:18px 16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
}

.eos-homepage .eos-home-proof-item strong{
  display:block;
  margin-bottom:8px;
  color:#FFFFFF;
  font-size:1rem;
  line-height:1.25;
}

/* ---------- Logistics guides ---------- */
.eos-homepage .eos-home-guides{
  margin:0 0 40px;
}

.eos-homepage .eos-home-guides-head{
  margin-bottom:22px;
}

.eos-homepage .eos-home-guides-head .eos-eyebrow{
  color:var(--eos-blue);
  margin-bottom:10px;
}

.eos-homepage .eos-home-guides-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:22px;
  margin-top:24px;
}

.eos-homepage .eos-home-guide-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  background:#FFFFFF;
  border:1px solid #D9E6F2;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.eos-homepage .eos-home-guide-card-top{
  height:6px;
  background:linear-gradient(90deg, #0063B2 0%, #E35205 100%);
}

.eos-homepage .eos-home-guide-card-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
  padding:24px 22px 22px;
}

.eos-homepage .eos-home-guide-audience{
  margin:0;
  font-size:12px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6B7280;
}

.eos-homepage .eos-home-guide-title{
  margin:0;
  font-size:1.35rem;
  line-height:1.25;
  color:#1F2937;
}

.eos-homepage .eos-home-guide-text{
  margin:0;
  flex:1;
  color:#4B5563;
  line-height:1.75;
}

.eos-homepage .eos-home-guide-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}

/* ---------- RSS ---------- */
.eos-homepage .eos-home-rss{
  margin:0 0 40px;
  padding-top:32px;
}

.eos-homepage .eos-home-rss-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  align-items:start;
  margin-top:20px;
}

.eos-homepage .eos-home-rss-box{
  padding:24px 22px;
  background:#F7FAFC;
  border:1px solid #D9E6F2;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.eos-homepage .eos-home-rss-box h3{
  margin:0 0 10px;
  color:var(--eos-blue);
}

.eos-homepage .eos-home-rss-box p{
  margin:0 0 14px;
  color:#4B5563;
}

.eos-homepage .eos-home-rss-placeholder{
  margin-top:12px;
  padding:18px 16px;
  background:#FFFFFF;
  border:1px dashed #B8C8D8;
  border-radius:14px;
  color:#546372;
  font-size:14px;
  line-height:1.7;
}

.eos-homepage .eos-home-rss-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}

/* ---------- Homepage secondary dark button ---------- */
.eos-homepage .eos-btn-secondary-dark{
  background:#FFFFFF;
  color:var(--eos-blue) !important;
  border:1px solid rgba(0,99,178,.22);
}

.eos-homepage .eos-btn-secondary-dark:hover{
  background:#F5FAFE;
  color:var(--eos-orange) !important;
  border-color:var(--eos-orange);
}


/* ========================================
   15. SERVICE CARDS
   ======================================== */
.eos-homepage .eos-service-map-section .eos-panel{
  overflow:hidden;
}

.eos-homepage .eos-service-map-head{
  margin-bottom:24px;
}

.eos-homepage .eos-service-map-head .eos-eyebrow{
  color:var(--eos-blue);
  margin-bottom:10px;
}

.eos-homepage .eos-service-map-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:22px;
  margin-top:24px;
}

/* card wrapper */
.eos-homepage .eos-service-card-wrap{
  position:relative;
  min-height:320px;
  perspective:1200px;
  cursor:pointer;
  outline:none;
}

.eos-homepage .eos-service-card-wrap.is-rotating{
  display:none;
}

.eos-homepage .eos-service-card-wrap.is-rotating.is-active{
  display:block;
}

/* rotating card */
.eos-homepage .eos-service-card{
  position:relative;
  width:100%;
  min-height:320px;
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  transition:transform .55s ease;
}

.eos-homepage .eos-service-card-wrap.is-revealed .eos-service-card{
  transform:rotateY(180deg);
}

/* shared face styling */
.eos-homepage .eos-service-card-face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  background:var(--eos-white);
  border:1px solid var(--eos-line);
  border-radius:var(--eos-radius);
  overflow:hidden;
  box-shadow:var(--eos-shadow-soft);
}

/* front face */
.eos-homepage .eos-service-card-front{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:22px 18px 18px;
  text-align:center;
  gap:12px;
}

.eos-homepage .eos-service-card-front::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  display:block;
  height:5px;
  background:linear-gradient(90deg, var(--eos-blue) 0%, var(--eos-orange) 100%);
}

/* back face */
.eos-homepage .eos-service-card-back{
  transform:rotateY(180deg);
  justify-content:space-between;
  padding:16px 16px 14px;
}

/* hover */
.eos-homepage .eos-service-card-wrap:hover .eos-service-card-face,
.eos-homepage .eos-service-card-wrap:focus-visible .eos-service-card-face{
  border-color:rgba(0,99,178,.22);
  box-shadow:0 14px 34px rgba(15,23,42,.10);
}

/* hide badges on front */
.eos-homepage .eos-service-core-badge,
.eos-homepage .eos-service-rotating-badge{
  display:none !important;
}

/* front content order */
.eos-homepage .eos-service-front-title{
  order:1;
  display:block !important;
  margin:0;
  font-size:1.45rem;
  line-height:1.15;
  font-weight:800;
  color:var(--eos-text-dark);
  text-align:center;
}

.eos-homepage .eos-service-icon{
  order:2;
  width:80% !important;
  max-width:80% !important;
  height:auto !important;
  max-height:215px !important;
  object-fit:contain;
  margin:0 auto;
  display:block;
}

.eos-homepage .eos-service-front-hint{
  order:3;
  display:block !important;
  margin-top:auto;
  padding-top:6px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--eos-orange);
}

/* back content */
.eos-homepage .eos-service-back-label{
  margin:0 0 6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--eos-orange);
}

.eos-homepage .eos-service-back-title{
  margin:0 0 8px;
  font-size:.98rem;
  line-height:1.28;
  color:var(--eos-text-dark);
}

.eos-homepage .eos-service-back-text{
  margin:0 0 12px;
  flex:1;
  font-size:12.5px;
  line-height:1.5;
  color:var(--eos-muted);
}

.eos-homepage .eos-service-card-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:auto;
}

.eos-homepage .eos-service-cta{
  width:100%;
  min-height:40px;
  padding:10px 18px;
  justify-content:center;
}

.eos-homepage .eos-service-section-note{
  margin:14px 0 0;
  font-size:14px;
  color:var(--eos-muted);
}

/* tablet */
@media (max-width:991px){
  .eos-homepage .eos-service-card-wrap,
  .eos-homepage .eos-service-card{
    min-height:290px;
  }

  .eos-homepage .eos-service-icon{
    width:78% !important;
    max-width:85% !important;
    max-height:135px !important;
  }

  .eos-homepage .eos-service-front-title{
    font-size:1.15rem;
  }
}

/* mobile */
@media (max-width:767px){
  .eos-homepage .eos-service-map-grid{
    grid-template-columns:1fr;
  }

  .eos-homepage .eos-service-card-wrap,
  .eos-homepage .eos-service-card{
    min-height:270px;
  }

  .eos-homepage .eos-service-card-front{
    padding:18px 16px 16px;
    gap:10px;
  }

.eos-homepage .eos-service-icon{
  order:2;
  width:80% !important;
  max-width:80% !important;
  height:auto !important;
  max-height:165px !important;
  object-fit:contain;
  margin:0 auto;
  display:block;
}

  .eos-homepage .eos-service-front-title{
    font-size:1.05rem;
  }

  .eos-homepage .eos-service-back-text{
    font-size:12.25px;
    line-height:1.46;
  }
}



/* ========================================
   16. MOBILE
   ======================================== */

/* ---------- Header social icon mobile fix ---------- */
@media (max-width:767px){
  .elementor-location-header .elementor-social-icons-wrapper{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    align-items:center !important;
  }

  .elementor-location-header .elementor-social-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
  }

  .elementor-location-header .elementor-social-icon i,
  .elementor-location-header .elementor-social-icon svg{
    width:16px !important;
    height:16px !important;
    font-size:16px !important;
  }
}

/* ---------- Tablet homepage/service rules ---------- */
@media (max-width:1199px){
  .eos-homepage .eos-home-proof-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}

@media (max-width:991px){
  .eos-homepage .eos-service-icon{
    width:82% !important;
    max-width:82% !important;
    max-height:145px !important;
  }
}

@media (max-width:767px){
  .eos-homepage .eos-service-icon{
    width:80% !important;
    max-width:80% !important;
    max-height:125px !important;
    margin-bottom:0;
  }
}

@media (max-width:767px){
  .eos-homepage .eos-service-icon{
    width:90% !important;
    max-width:90% !important;
    height:auto !important;
    margin-bottom:14px;
  }
}

/* ---------- Mobile homepage/service rules ---------- */
@media (max-width:767px){
  .eos-homepage .eos-home-hero{
    min-height:auto;
    border-radius:18px;
  }

  .eos-homepage .eos-home-hero-inner{
    padding:54px 22px;
  }

  .eos-homepage .eos-home-hero-text{
    font-size:16px;
  }

  .eos-homepage .eos-home-hero-actions .eos-btn{
    width:100%;
  }

  .eos-homepage .eos-home-guides-grid,
  .eos-homepage .eos-service-map-grid,
  .eos-homepage .eos-home-proof-grid{
    grid-template-columns:1fr;
  }

  .eos-homepage .eos-service-card-wrap,
  .eos-homepage .eos-service-card{
    min-height:260px;
  }

  .eos-homepage .eos-service-card-front,
  .eos-homepage .eos-service-card-back{
    padding:18px 16px 16px;
  }

  .eos-homepage .eos-service-front-title{
    font-size:1.05rem;
  }

  .eos-homepage .eos-service-back-text{
    font-size:12.25px;
    line-height:1.46;
  }

  .eos-homepage .eos-home-proof-band{
    padding:28px 22px 24px;
  }
}

/* ========================================
   ABOUT EOS PAGE v2
   Wrapper: .eos-css.eos-about-v2
   Purpose:
   - Stage 2 trust / proof / maturity build
   - Customer-centered StoryBrand structure
   - Operational proof, warehouse locations,
     related guides, and solutions workflow
   ======================================== */


/* ----------------------------------------
   ABOUT: Base Wrapper
   ---------------------------------------- */

.eos-css.eos-about-v2{
  background:var(--eos-charcoal, #1B1B1B);
  color:var(--eos-white, #FFFFFF);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.65;
}

.eos-css.eos-about-v2 *,
.eos-css.eos-about-v2 *::before,
.eos-css.eos-about-v2 *::after{
  box-sizing:border-box;
}

.eos-css.eos-about-v2 img{
  display:block;
  max-width:100%;
}

.eos-css.eos-about-v2 a{
  text-decoration:none;
}

.eos-css.eos-about-v2 .eos-wrap{
  width:100%;
  max-width:min(1720px, 96vw);
  margin:0 auto;
  padding-left:32px;
  padding-right:32px;
}


/* ----------------------------------------
   ABOUT: Shared Section Styles
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-section{
  padding:76px 0;
}

.eos-css.eos-about-v2 .eos-about-section-light{
  background:var(--eos-offwhite, #F5F7FA);
  color:var(--eos-text-dark, #1D1D1D);
}

.eos-css.eos-about-v2 .eos-about-section-dark{
  background:var(--eos-charcoal, #1B1B1B);
  color:var(--eos-white, #FFFFFF);
}

.eos-css.eos-about-v2 .eos-about-eyebrow{
  display:inline-block;
  margin:0 0 14px;
  color:var(--eos-orange, #E35205);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1.4;
  text-transform:uppercase;
}

.eos-css.eos-about-v2 .eos-about-heading{
  margin:0 0 18px;
  color:inherit;
  font-size:clamp(32px, 4vw, 52px);
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.02em;
}

.eos-css.eos-about-v2 .eos-about-divider{
  width:88px;
  height:4px;
  margin:0 0 24px;
  background:var(--eos-orange, #E35205);
  border-radius:999px;
}

.eos-css.eos-about-v2 .eos-about-lead{
  max-width:900px;
  margin:0;
  color:#D6DDE5;
  font-size:18px;
  line-height:1.75;
}

.eos-css.eos-about-v2 .eos-about-lead-dark{
  color:#4B5563;
}


/* ----------------------------------------
   ABOUT: Hero
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-hero{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:520px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(7,35,64,0.12) 0%, rgba(7,35,64,0.62) 100%),
    url('https://enterpriseordersolutions.com/wp-content/uploads/2026/03/Building_EOS_Front.png') center center / cover no-repeat;
}

.eos-css.eos-about-v2 .eos-about-hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  padding-top:130px;
  padding-bottom:72px;
}

.eos-css.eos-about-v2 .eos-about-hero .eos-about-eyebrow{
  color:#FFFFFF;
}

.eos-css.eos-about-v2 .eos-about-hero-title{
  max-width:920px;
  margin:0 0 16px;
  color:#FFFFFF;
  font-size:clamp(38px, 5vw, 66px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.02em;
  text-shadow:0 2px 12px rgba(0,0,0,.24);
}

.eos-css.eos-about-v2 .eos-about-hero-subtitle{
  max-width:820px;
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:19px;
  line-height:1.65;
  text-shadow:0 2px 10px rgba(0,0,0,.18);
}


/* ----------------------------------------
   ABOUT: Story Opening
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-story-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(320px, .75fr);
  gap:42px;
  align-items:start;
}

.eos-css.eos-about-v2 .eos-about-story-copy{
  max-width:920px;
}

.eos-css.eos-about-v2 .eos-about-story-copy p{
  margin:0 0 18px;
  color:#374151;
  font-size:17px;
  line-height:1.8;
}

.eos-css.eos-about-v2 .eos-about-story-copy .eos-about-belief{
  margin:0 0 22px;
  padding:22px 24px;
  background:#FFFFFF;
  border-left:6px solid var(--eos-orange, #E35205);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}

.eos-css.eos-about-v2 .eos-about-story-copy strong{
  color:#111827;
}

.eos-css.eos-about-v2 .eos-about-subheading{
  margin:28px 0 12px;
  color:#111827;
  font-size:26px;
  line-height:1.18;
  font-weight:900;
}


/* ----------------------------------------
   ABOUT: Proof Panel
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-proof-panel{
  display:grid;
  gap:16px;
}

.eos-css.eos-about-v2 .eos-about-proof-card{
  padding:24px 22px;
  background:#FFFFFF;
  border:1px solid rgba(17,17,17,.08);
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

.eos-css.eos-about-v2 .eos-about-proof-card span{
  display:block;
  margin:0 0 8px;
  color:var(--eos-orange, #E35205);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.eos-css.eos-about-v2 .eos-about-proof-card strong{
  display:block;
  margin:0 0 8px;
  color:#111827;
  font-size:28px;
  line-height:1.08;
  font-weight:900;
}

.eos-css.eos-about-v2 .eos-about-proof-card p{
  margin:0;
  color:#4B5563;
  font-size:15px;
  line-height:1.65;
}


/* ----------------------------------------
   ABOUT: Proof Cards
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-card-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
  margin-top:34px;
}

.eos-css.eos-about-v2 .eos-about-info-card{
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 16px 34px rgba(0,0,0,.20);
}

.eos-css.eos-about-v2 .eos-about-card-accent{
  height:4px;
  background:var(--eos-orange, #E35205);
}

.eos-css.eos-about-v2 .eos-about-info-card h3{
  margin:0;
  padding:22px 22px 10px;
  color:#FFFFFF;
  font-size:22px;
  line-height:1.22;
  font-weight:900;
}

.eos-css.eos-about-v2 .eos-about-info-card p{
  margin:0;
  padding:0 22px 24px;
  color:#D6DDE5;
  font-size:15px;
  line-height:1.7;
}


/* ----------------------------------------
   ABOUT: Support Box
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-support-box{
  margin-top:34px;
  padding:30px 30px 28px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-left:6px solid var(--eos-orange, #E35205);
  border-radius:18px;
}

.eos-css.eos-about-v2 .eos-about-support-box h3{
  margin:0 0 18px;
  color:#FFFFFF;
  font-size:24px;
  line-height:1.25;
  font-weight:900;
}

.eos-css.eos-about-v2 .eos-about-check-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px 28px;
  margin:0;
  padding:0;
  list-style:none;
}

.eos-css.eos-about-v2 .eos-about-check-list li{
  position:relative;
  margin:0;
  padding-left:24px;
  color:#D6DDE5;
  font-size:16px;
  line-height:1.6;
}

.eos-css.eos-about-v2 .eos-about-check-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--eos-orange, #E35205);
}


/* ----------------------------------------
   ABOUT: Transformation Grid
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-transform-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:24px;
  margin-top:34px;
}

.eos-css.eos-about-v2 .eos-about-transform-card{
  padding:28px 28px 26px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
}

.eos-css.eos-about-v2 .eos-about-transform-card h3{
  margin:0 0 16px;
  font-size:22px;
  line-height:1.25;
  font-weight:900;
}

.eos-css.eos-about-v2 .eos-about-transform-card ul{
  margin:0;
  padding-left:20px;
}

.eos-css.eos-about-v2 .eos-about-transform-card li{
  margin:0 0 9px;
  color:#374151;
  font-size:16px;
  line-height:1.65;
}

.eos-css.eos-about-v2 .eos-about-transform-card-muted{
  background:#FFFFFF;
  border:1px solid #E5E7EB;
}

.eos-css.eos-about-v2 .eos-about-transform-card-muted h3{
  color:#111827;
}

.eos-css.eos-about-v2 .eos-about-transform-card-strong{
  background:#0B1724;
  border:1px solid rgba(0,99,178,.16);
}

.eos-css.eos-about-v2 .eos-about-transform-card-strong h3{
  color:#FFFFFF;
}

.eos-css.eos-about-v2 .eos-about-transform-card-strong li{
  color:#D6DDE5;
}

.eos-css.eos-about-v2 .eos-about-highlight-line{
  max-width:980px;
  margin:34px 0 0;
  padding:22px 24px;
  color:#111827;
  background:#FFFFFF;
  border-left:6px solid var(--eos-orange, #E35205);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  font-size:20px;
  line-height:1.6;
  font-weight:900;
}


/* ========================================
   ABOUT: LOCATIONS / WAREHOUSE NETWORK
   Reusable proof section
   ======================================== */

.eos-css.eos-about-v2 .eos-locations-section{
  padding:76px 0;
  background:var(--eos-charcoal, #1B1B1B);
  color:#FFFFFF;
}

.eos-css.eos-about-v2 .eos-locations-header{
  max-width:940px;
  margin:0 0 40px;
}

.eos-css.eos-about-v2 .eos-locations-eyebrow{
  display:block;
  margin:0 0 14px;
  color:var(--eos-orange, #E35205);
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1.4;
  text-transform:uppercase;
}

.eos-css.eos-about-v2 .eos-locations-title{
  margin:0 0 18px;
  color:#FFFFFF;
  font-size:clamp(36px, 4vw, 56px);
  line-height:1.05;
  font-weight:900;
}

.eos-css.eos-about-v2 .eos-locations-divider{
  width:88px;
  height:4px;
  margin:0 0 24px;
  background:var(--eos-orange, #E35205);
  border-radius:999px;
}

.eos-css.eos-about-v2 .eos-locations-intro{
  max-width:900px;
  margin:0 0 18px;
  color:#D6DDE5;
  font-size:18px;
  line-height:1.65;
}

.eos-css.eos-about-v2 .eos-locations-callout{
  max-width:920px;
  margin:22px 0 0;
  padding:18px 22px;
  background:rgba(255,255,255,.06);
  border-left:5px solid var(--eos-orange, #E35205);
  border-radius:14px;
  color:#FFFFFF;
  font-size:20px;
  line-height:1.55;
  font-weight:800;
}

.eos-css.eos-about-v2 .eos-locations-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}

.eos-css.eos-about-v2 .eos-location-card{
  display:flex;
  flex-direction:column;
  min-height:470px;
  overflow:hidden;
  background:#FFFFFF;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  color:var(--eos-text-dark, #1D1D1D);
}

.eos-css.eos-about-v2 .eos-location-image-wrap{
  display:block;
  width:100%;
  overflow:hidden;
  background:#EEF2F6;
}

.eos-css.eos-about-v2 .eos-location-image{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  transition:transform .35s ease;
}

.eos-css.eos-about-v2 .eos-location-card:hover .eos-location-image{
  transform:scale(1.03);
}

.eos-css.eos-about-v2 .eos-location-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:18px 16px 22px;
}

.eos-css.eos-about-v2 .eos-location-region{
  margin:0 0 10px;
  color:var(--eos-orange, #E35205);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1.35;
  text-transform:uppercase;
}

.eos-css.eos-about-v2 .eos-location-name{
  margin:0 0 14px;
  color:#0B1724;
  font-size:20px;
  line-height:1.18;
  font-weight:900;
}

.eos-css.eos-about-v2 .eos-location-list{
  margin:0;
  padding-left:18px;
  color:#3F4A56;
  font-size:14px;
  line-height:1.55;
}

.eos-css.eos-about-v2 .eos-location-list li{
  margin:0 0 7px;
  color:#3F4A56;
}

.eos-css.eos-about-v2 .eos-location-list li:last-child{
  margin-bottom:0;
}

.eos-css.eos-about-v2 .eos-location-future-link{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:auto;
  padding-top:16px;
  color:var(--eos-blue, #0063B2);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}

.eos-css.eos-about-v2 .eos-location-future-link:hover{
  color:var(--eos-orange, #E35205);
}

.eos-css.eos-about-v2 .eos-locations-proof-note{
  max-width:940px;
  margin:40px auto 0;
  text-align:center;
}

.eos-css.eos-about-v2 .eos-locations-proof-note p{
  margin:0;
  color:#D6DDE5;
  font-size:17px;
  line-height:1.65;
}


/* ----------------------------------------
   ABOUT: Buttons
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.eos-css.eos-about-v2 .eos-about-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border-radius:999px;
  font-weight:800;
  font-size:15px;
  transition:all .25s ease;
}

.eos-css.eos-about-v2 .eos-about-btn-primary{
  background:var(--eos-blue, #0063B2);
  color:#FFFFFF !important;
}

.eos-css.eos-about-v2 .eos-about-btn-primary:hover{
  background:#00579A;
  color:#FFFFFF !important;
  transform:translateY(-1px);
}


/* ----------------------------------------
   ABOUT: Workflow
   ---------------------------------------- */

.eos-css.eos-about-v2 .eos-about-full-width{
  width:100%;
}

.eos-css.eos-about-v2 .eos-about-workflow-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:22px;
  margin-top:34px;
}

.eos-css.eos-about-v2 .eos-about-workflow-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:24px 22px 22px;
  border-radius:18px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:0 18px 34px rgba(0,0,0,0.18);
  transition:transform .22s ease, border-color .22s ease, background .22s ease;
}

.eos-css.eos-about-v2 .eos-about-workflow-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,0.26);
  background:rgba(255,255,255,0.10);
}

.eos-css.eos-about-v2 .eos-about-workflow-step{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:16px;
  border-radius:50%;
  background:var(--eos-orange, #E35205);
  color:#FFFFFF;
  font-weight:900;
  font-size:16px;
}

.eos-css.eos-about-v2 .eos-about-workflow-label{
  margin-bottom:10px;
  font-size:11px;
  letter-spacing:1.4px;
  text-transform:uppercase;
  font-weight:900;
  color:var(--eos-orange, #E35205);
}

.eos-css.eos-about-v2 .eos-about-workflow-card h3{
  margin:0 0 10px;
  font-size:19px;
  line-height:1.22;
  color:#FFFFFF !important;
}

.eos-css.eos-about-v2 .eos-about-workflow-card h3 a,
.eos-css.eos-about-v2 .eos-about-workflow-card h3 a:link,
.eos-css.eos-about-v2 .eos-about-workflow-card h3 a:visited,
.eos-css.eos-about-v2 .eos-about-workflow-card h3 a:hover,
.eos-css.eos-about-v2 .eos-about-workflow-card h3 a:focus{
  color:#FFFFFF !important;
  text-decoration:none !important;
}

.eos-css.eos-about-v2 .eos-about-workflow-card p{
  margin:0 0 14px;
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,0.90) !important;
}

.eos-css.eos-about-v2 .eos-about-card-link,
.eos-css.eos-about-v2 .eos-about-card-link:link,
.eos-css.eos-about-v2 .eos-about-card-link:visited{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:auto;
  font-weight:800;
  font-size:14px;
  color:var(--eos-orange, #E35205) !important;
  text-decoration:none !important;
}

.eos-css.eos-about-v2 .eos-about-card-link:hover,
.eos-css.eos-about-v2 .eos-about-card-link:focus{
  color:#FFFFFF !important;
  text-decoration:none !important;
}


/* ----------------------------------------
   ABOUT: Responsive
   ---------------------------------------- */

@media (max-width:1200px){
  .eos-css.eos-about-v2 .eos-locations-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .eos-css.eos-about-v2 .eos-location-card{
    min-height:460px;
  }
}

@media (max-width:1100px){
  .eos-css.eos-about-v2 .eos-about-story-grid,
  .eos-css.eos-about-v2 .eos-about-card-grid,
  .eos-css.eos-about-v2 .eos-about-transform-grid{
    grid-template-columns:1fr;
  }

  .eos-css.eos-about-v2 .eos-about-workflow-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:900px){
  .eos-css.eos-about-v2 .eos-locations-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .eos-css.eos-about-v2 .eos-about-check-list{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  .eos-css.eos-about-v2 .eos-wrap{
    padding-left:18px;
    padding-right:18px;
  }

  .eos-css.eos-about-v2 .eos-about-section,
  .eos-css.eos-about-v2 .eos-locations-section{
    padding:56px 0;
  }

  .eos-css.eos-about-v2 .eos-about-hero{
    min-height:420px;
  }

  .eos-css.eos-about-v2 .eos-about-hero-inner{
    padding-top:110px;
    padding-bottom:52px;
  }

  .eos-css.eos-about-v2 .eos-about-hero-title{
    font-size:clamp(34px, 10vw, 48px);
  }

  .eos-css.eos-about-v2 .eos-about-hero-subtitle,
  .eos-css.eos-about-v2 .eos-about-lead,
  .eos-css.eos-about-v2 .eos-locations-intro{
    font-size:17px;
  }

  .eos-css.eos-about-v2 .eos-about-story-copy p{
    font-size:16px;
    line-height:1.75;
  }

  .eos-css.eos-about-v2 .eos-about-support-box,
  .eos-css.eos-about-v2 .eos-about-transform-card,
  .eos-css.eos-about-v2 .eos-about-story-copy .eos-about-belief{
    padding:22px 20px;
  }

  .eos-css.eos-about-v2 .eos-locations-callout{
    font-size:18px;
  }

  .eos-css.eos-about-v2 .eos-locations-grid,
  .eos-css.eos-about-v2 .eos-about-workflow-grid{
    grid-template-columns:1fr;
  }

  .eos-css.eos-about-v2 .eos-location-card{
    min-height:auto;
  }

  .eos-css.eos-about-v2 .eos-locations-proof-note{
    text-align:left;
  }
}

/* ========================================
   ABOUT EOS v2 - Fulfillment Photo Band
   Force horizontal desktop grid
   ======================================== */

.eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.eos-css.eos-about-v2 .eos-fulfillment-photo-card{
  position:relative !important;
  overflow:hidden !important;
  margin:0 !important;
  min-height:230px !important;
  border-radius:18px !important;
  background:#111827 !important;
  box-shadow:0 14px 30px rgba(15,23,42,.12) !important;
}

.eos-css.eos-about-v2 .eos-fulfillment-photo-card img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:230px !important;
  object-fit:cover !important;
}

.eos-css.eos-about-v2 .eos-fulfillment-photo-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0.02) 35%,
    rgba(0,0,0,0.68) 100%
  ) !important;
  pointer-events:none !important;
}

.eos-css.eos-about-v2 .eos-fulfillment-photo-card figcaption{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2 !important;
  padding:16px 14px 14px !important;
  color:#FFFFFF !important;
}

.eos-css.eos-about-v2 .eos-fulfillment-photo-card figcaption strong{
  display:block !important;
  margin:0 0 4px !important;
  color:#FFFFFF !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

.eos-css.eos-about-v2 .eos-fulfillment-photo-card figcaption span{
  display:block !important;
  color:rgba(255,255,255,.88) !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

/* Tablet: 3 across */
@media (max-width:1200px){
  .eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Small tablet: 2 across */
@media (max-width:800px){
  .eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: stacked */
@media (max-width:560px){
  .eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
    grid-template-columns:1fr !important;
  }
}

/* ========================================
   ABOUT EOS v2
   Nationwide Fulfillment Centers
   Wider 5-image desktop layout
   ======================================== */

/* Let this section use more horizontal space */
.eos-css.eos-about-v2 .eos-fulfillment-photo-band .eos-wrap{
  max-width:min(1840px, 96vw) !important;
}

/* Keep header readable but let image grid go wider */
.eos-css.eos-about-v2 .eos-fulfillment-photo-header{
  max-width:1280px !important;
  margin:0 0 34px !important;
}

/* Make the 5 images span wider across desktop */
.eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
  max-width:none !important;
  align-items:stretch !important;
}

/* Make each photo feel more substantial */
.eos-css.eos-about-v2 .eos-fulfillment-photo-card{
  min-height:300px !important;
  border-radius:18px !important;
}

/* Fill the wider cards cleanly */
.eos-css.eos-about-v2 .eos-fulfillment-photo-card img{
  width:100% !important;
  height:100% !important;
  min-height:300px !important;
  object-fit:cover !important;
}

/* Tablet: 3 across */
@media (max-width:1200px){
  .eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .eos-css.eos-about-v2 .eos-fulfillment-photo-card,
  .eos-css.eos-about-v2 .eos-fulfillment-photo-card img{
    min-height:280px !important;
  }
}

/* Small tablet: 2 across */
@media (max-width:800px){
  .eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: stacked */
@media (max-width:560px){
  .eos-css.eos-about-v2 .eos-fulfillment-photo-grid{
    grid-template-columns:1fr !important;
  }

  .eos-css.eos-about-v2 .eos-fulfillment-photo-card,
  .eos-css.eos-about-v2 .eos-fulfillment-photo-card img{
    min-height:250px !important;
  }
}

/* ========================================
   ABOUT EOS v2
   Fulfillment Photo Band Caption Fix
   Move white caption text to top of frame
   ======================================== */

.eos-css.eos-about-v2 .eos-fulfillment-photo-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0.70) 0%,
    rgba(0,0,0,0.38) 28%,
    rgba(0,0,0,0.04) 58%,
    rgba(0,0,0,0.08) 100%
  ) !important;
  pointer-events:none !important;
}

/* Force caption to top */
.eos-css.eos-about-v2 .eos-fulfillment-photo-card figcaption{
  position:absolute !important;
  top:0 !important;
  bottom:auto !important;
  left:0 !important;
  right:0 !important;
  z-index:3 !important;
  padding:18px 16px 16px !important;
  color:#FFFFFF !important;
}

/* Caption headline */
.eos-css.eos-about-v2 .eos-fulfillment-photo-card figcaption strong{
  display:block !important;
  margin:0 0 4px !important;
  color:#FFFFFF !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}

/* Caption support text */
.eos-css.eos-about-v2 .eos-fulfillment-photo-card figcaption span{
  display:block !important;
  color:rgba(255,255,255,.92) !important;
  font-size:12px !important;
  line-height:1.35 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}

/* ========================================
   ABOUT EOS v2
   Warehouse Location Card Bullets
   ======================================== */

.eos-css.eos-about-v2 .eos-location-list{
  list-style:disc outside !important;
  margin:0;
  padding-left:20px;
}

.eos-css.eos-about-v2 .eos-location-list li{
  display:list-item;
  margin:0 0 7px;
  color:#3F4A56;
  font-size:14px;
  line-height:1.55;
}

.eos-css.eos-about-v2 .eos-location-list li:last-child{
  margin-bottom:0;
}

.eos-css.eos-about-v2 .eos-location-list li::marker{
  color:var(--eos-orange, #E35205);
  font-size:.9em;
}

.eos-css.eos-about-v2 .eos-location-list,
.eos-css.eos-about-v2 .eos-location-list li{
  list-style-type:disc !important;
}


/* ========================================
   FINAL MOBILE HEADER SAFETY PATCH
   Prevent Elementor social icons from scaling
   ======================================== */
@media (max-width:767px){

  .elementor-location-header .elementor-widget-social-icons,
  .elementor-location-header .elementor-social-icons-wrapper{
    width:auto !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:8px !important;
    font-size:0 !important;
  }

  .elementor-location-header .elementor-social-icon,
  .elementor-location-header .elementor-social-icon a,
  .elementor-location-header a.elementor-social-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 32px !important;
    overflow:hidden !important;
  }

  .elementor-location-header .elementor-social-icon i,
  .elementor-location-header .elementor-social-icon svg,
  .elementor-location-header a.elementor-social-icon i,
  .elementor-location-header a.elementor-social-icon svg{
    width:16px !important;
    height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    font-size:16px !important;
    line-height:1 !important;
  }
}