@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Barlow+Condensed:wght@400;500;600;700;800&display=swap');

/* =============================================
   ELEVENCA CORP — Custom Overrides
   ============================================= */

/* ---- Base typography overrides ---- */
body,
p,
li,
td,
input,
textarea,
select {
   font-family: 'Barlow', 'Montserrat', sans-serif !important;
   font-size: 15px;
   line-height: 1.75;
}

/* All headings: Barlow Condensed — gives DIN-like industrial condensed feel */
h1, h2, h3, h4, h5, h6,
.witr_section_title_inner h2,
.witr_section_title_inner h3,
.witr_service2_title h3,
.em-service-title h3 {
   font-family: 'Barlow Condensed', 'Montserrat', sans-serif !important;
   letter-spacing: 0.5px;
}

/* Nav links: Barlow 600, slightly spaced, uppercase — matches ABS nav style */
.starntile_menu > ul > li > a,
.starntile_menu ul.sub-menu li a {
   font-family: 'Barlow', sans-serif !important;
   font-weight: 600 !important;
   font-size: 13px !important;
   letter-spacing: 1.2px !important;
   text-transform: uppercase !important;
}

/* Section tag labels (e.g. "OUR SERVICES", "ABOUT US") */
.witr_section_title_inner h2 {
   font-family: 'Barlow', sans-serif !important;
   font-weight: 700 !important;
   letter-spacing: 2px !important;
   text-transform: uppercase !important;
   font-size: 12px !important;
}

/* Section main headings */
.witr_section_title_inner h3 {
   font-family: 'Barlow Condensed', sans-serif !important;
   font-weight: 700 !important;
   letter-spacing: 0.5px !important;
   font-size: 36px !important;
}

/* ---- Global nav: replace template's hardcoded #0056b3 blue with Elevenca navy ---- */
.starntile_nav_area {
   background: #1a2d4f !important;
}
/* Top-level nav list transparent (it also uses class="sub-menu") */
.starntile_menu > ul.sub-menu {
   background: transparent !important;
}
/* ONLY nested dropdowns get navy background */
.starntile_menu > ul.sub-menu > li > ul.sub-menu {
   background: #1a2d4f !important;
}
.starntile_menu > ul.sub-menu > li > ul.sub-menu li a {
   color: #e0e8f5 !important;
}
.starntile_menu > ul.sub-menu > li > ul.sub-menu li a:hover {
   color: #4da6ff !important;
}

/* ---- Breadcrumb area ---- */
.breadcumb-area {
   background: #1a2d4f;
   padding: 80px 0 50px;
   position: relative;
}
.breadcumb-area::after {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg, rgba(0,86,179,0.15) 0%, transparent 70%);
   pointer-events: none;
}
.breadcumb-area .brpt h2 {
   color: #fff;
   font-size: 38px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 10px;
}
.breadcumb-area .breadcumb-inner ul {
   padding: 0;
   margin: 0;
   list-style: none;
   display: flex;
   justify-content: center;
   gap: 8px;
}
.breadcumb-area .breadcumb-inner ul li,
.breadcumb-area .breadcumb-inner ul li a {
   color: rgba(255,255,255,0.75);
   font-size: 14px;
}
.breadcumb-area .breadcumb-inner ul li.current,
.breadcumb-area .breadcumb-inner ul li span.current {
   color: #4da6ff;
}

/* ---- Logo sizing in header ---- */
.theme_cr_logo .logo img,
.mobile_menu_logo img {
   max-height: 60px;
   width: auto;
}

/* ---- Team page ---- */
.team-part {
   margin-bottom: 30px;
}
.witr_team_section {
   overflow: hidden;
   position: relative;
}
.witr_team_section img {
   width: 100%;
   height: 280px;
   object-fit: cover;
   object-position: top center;
   transition: transform 0.4s ease;
}
.team-part:hover .witr_team_section img {
   transform: scale(1.05);
}
.witr_team_content {
   padding: 16px 20px;
}
.witr_team_content h5 {
   font-size: 16px;
   font-weight: 700;
   color: #1a2d4f;
   margin-bottom: 4px;
}
.witr_team_content span {
   font-size: 13px;
   color: #0056b3;
}

/* ---- Values grid (portfolio.html) ---- */
.value-box {
   background: #fff;
   border: 1px solid #e8edf5;
   border-top: 4px solid #0056b3;
   border-radius: 4px;
   padding: 30px 24px;
   margin-bottom: 24px;
   transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.value-box:hover {
   box-shadow: 0 8px 30px rgba(0,86,179,0.12);
   transform: translateY(-4px);
}
.value-box .value-icon {
   font-size: 36px;
   color: #0056b3;
   margin-bottom: 14px;
}
.value-box h4 {
   font-size: 17px;
   font-weight: 700;
   color: #1a2d4f;
   margin-bottom: 10px;
}
.value-box p {
   font-size: 14px;
   color: #666;
   line-height: 1.7;
   margin: 0;
}

/* ---- Stats strip ---- */
.stats-strip {
   background: #1a2d4f;
   padding: 50px 0;
}
.stat-item {
   text-align: center;
   color: #fff;
}
.stat-item .stat-number {
   font-size: 46px;
   font-weight: 800;
   color: #4da6ff;
   line-height: 1;
   display: block;
}
.stat-item .stat-label {
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   color: rgba(255,255,255,0.8);
   display: block;
   margin-top: 6px;
}

/* ---- Contact form adjustments ---- */
.twr_form_box input,
.twr_form_box textarea,
.twr_form_box select {
   background: #f7f9fc;
   border: 1px solid #d0daea;
   color: #333;
}
.twr_form_box input:focus,
.twr_form_box textarea:focus {
   border-color: #0056b3;
   outline: none;
   background: #fff;
}

/* ---- Service page detail ---- */
.service-detail-intro {
   padding: 70px 0 50px;
}
.service-detail-intro .service-img {
   width: 100%;
   height: 380px;
   object-fit: cover;
   border-radius: 4px;
}
.service-detail-intro h3 {
   font-size: 28px;
   font-weight: 700;
   color: #1a2d4f;
   margin-bottom: 16px;
}
.service-detail-intro p {
   font-size: 15px;
   color: #555;
   line-height: 1.8;
   margin-bottom: 14px;
}
.service-feature-list {
   list-style: none;
   padding: 0;
   margin: 20px 0 0;
}
.service-feature-list li {
   padding: 8px 0 8px 28px;
   position: relative;
   color: #444;
   font-size: 14px;
   border-bottom: 1px solid #eef1f7;
}
.service-feature-list li::before {
   content: '\f00c';
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   position: absolute;
   left: 0;
   color: #0056b3;
}

/* ---- Service sidebar ---- */
.service-sidebar {
   background: #f7f9fc;
   border: 1px solid #e0e8f0;
   border-radius: 4px;
   padding: 28px 24px;
}
.service-sidebar h4 {
   font-size: 16px;
   font-weight: 700;
   color: #1a2d4f;
   margin-bottom: 16px;
   padding-bottom: 10px;
   border-bottom: 2px solid #0056b3;
}
.service-sidebar ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
.service-sidebar ul li a {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 10px 0;
   color: #444;
   font-size: 14px;
   border-bottom: 1px solid #e8edf5;
   text-decoration: none;
   transition: color 0.2s;
}
.service-sidebar ul li a:hover,
.service-sidebar ul li.active a {
   color: #0056b3;
}
.service-sidebar ul li a i {
   color: #0056b3;
}

/* ---- CTA banner ---- */
.cta-banner {
   background: linear-gradient(135deg, #1a2d4f 0%, #0056b3 100%);
   padding: 60px 0;
   text-align: center;
}
.cta-banner h3 {
   font-size: 28px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 10px;
}
.cta-banner p {
   font-size: 16px;
   color: rgba(255,255,255,0.85);
   margin-bottom: 24px;
}
.cta-banner .btn-cta {
   display: inline-block;
   background: #fff;
   color: #0056b3;
   font-weight: 700;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1px;
   padding: 14px 36px;
   border-radius: 2px;
   text-decoration: none;
   transition: background 0.2s, color 0.2s;
}
.cta-banner .btn-cta:hover {
   background: #4da6ff;
   color: #fff;
}

/* ---- Why Choose Us — full-width industrial background ---- */
.why-choose-us {
   background-image: url('assets/images/choose-bg.jpg');
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   position: relative;
   padding: 80px 0;
}
.why-choose-us::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(10, 25, 47, 0.62);
   z-index: 0;
}
.why-choose-us .container { position: relative; z-index: 1; }
.why-choose-us .witr_section_title_inner h2,
.why-choose-us .witr_section_title_inner h3,
.why-choose-us .witr_feature_13 h2,
.why-choose-us .witr_feature_13 h3,
.why-choose-us .witr_feature_13 p,
.why-choose-us h2, .why-choose-us h3, .why-choose-us p {
   color: #ffffff !important;
}
.why-choose-us .witr_feature_13 {
   border-color: rgba(255,255,255,0.15) !important;
}
.why-choose-us .sub-item img { filter: brightness(0) invert(1); opacity: 0.85; }

/* Override template white card backgrounds inside Why Choose Us */
.why-choose-us .witr_feature_13,
.why-choose-us .all_feature_color,
.why-choose-us .sub-border-2 {
   background: rgba(255,255,255,0.08) !important;
   border-color: rgba(255,255,255,0.18) !important;
   box-shadow: none !important;
}
.why-choose-us .witr_feature_13 h3 a,
.why-choose-us .witr_feature_13 h3,
.why-choose-us .witr_feature_13 h2,
.why-choose-us .witr_feature_13 p,
.why-choose-us .all_color_service h3,
.why-choose-us .all_color_service p {
   color: #ffffff !important;
}
/* Accent color for the small h3 label */
.why-choose-us .witr_feature_13 h3 a,
.why-choose-us .witr_feature_13 > .sub-item > h3 {
   color: #4da6ff !important;
}
@media (max-width: 768px) {
   .why-choose-us { background-attachment: scroll; }
}

/* ============================================================
   DARK PHOTO BACKGROUND — Shared section treatment
   Used on: why-choose-us (homepage), who-we-are, vision-and-values
   ============================================================ */
.section-dark-photo {
   background-image: url('assets/images/choose-bg.jpg');
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
   position: relative;
   padding: 80px 0 !important;
}
.section-dark-photo::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(10, 25, 47, 0.68);
   z-index: 0;
}
.section-dark-photo .container { position: relative; z-index: 1; }

/* All text */
.section-dark-photo h2,
.section-dark-photo h3,
.section-dark-photo h4,
.section-dark-photo h5,
.section-dark-photo p,
.section-dark-photo li,
.section-dark-photo span:not(.counter) {
   color: #ffffff !important;
}
/* Badge (small h2 label) */
.section-dark-photo .witr_section_title_inner h2 {
   color: #4da6ff !important;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 2px;
}
/* Main heading */
.section-dark-photo .witr_section_title_inner h3 {
   color: #ffffff !important;
   font-size: 30px;
}

/* Service / feature items */
.section-dark-photo .em-service2,
.section-dark-photo .all_color_service {
   background: rgba(255,255,255,0.07) !important;
   border: 1px solid rgba(255,255,255,0.15) !important;
   border-radius: 6px;
   padding: 16px !important;
   margin-bottom: 16px;
}
.section-dark-photo .em-service-title h3 {
   color: #ffffff !important;
   font-size: 16px !important;
   font-weight: 600 !important;
}
.section-dark-photo .em-service-desc p {
   color: rgba(255,255,255,0.82) !important;
   font-size: 14px !important;
}
/* Icon circle */
.section-dark-photo .all_icon_color,
.section-dark-photo .em-service-icon {
   background: rgba(77,166,255,0.18) !important;
   border-color: rgba(77,166,255,0.35) !important;
   border-radius: 50% !important;
}
.section-dark-photo .em-service-icon i {
   color: #4da6ff !important;
}

/* Counter boxes */
.section-dark-photo .witr_counter_single,
.section-dark-photo .all_counter_color {
   background: rgba(255,255,255,0.08) !important;
   border: 1px solid rgba(255,255,255,0.18) !important;
   border-radius: 8px !important;
}
.section-dark-photo .counter,
.section-dark-photo .witr_counter_number_inn h3 {
   color: #4da6ff !important;
}
.section-dark-photo .witr_counter_number_inn h4 {
   color: rgba(255,255,255,0.85) !important;
}
.section-dark-photo .witr_counter_number_inn span {
   color: #4da6ff !important;
}
.section-dark-photo .witr_counter_img img {
   filter: brightness(0) invert(1) opacity(0.7);
}

/* Checklist */
.section-dark-photo .about_checklist ul { list-style: none; padding: 0; }
.section-dark-photo .about_checklist li {
   color: rgba(255,255,255,0.88) !important;
   padding: 8px 0;
   border-bottom: 1px solid rgba(255,255,255,0.1);
   font-size: 15px;
}
.section-dark-photo .about_checklist li:last-child { border-bottom: none; }
.section-dark-photo .about_checklist i {
   color: #4da6ff !important;
   margin-right: 10px;
}

/* CTA button */
.section-dark-photo .witr_btn,
.section-dark-photo a.witr_btn {
   background: #4da6ff !important;
   color: #fff !important;
   border-color: #4da6ff !important;
   padding: 12px 28px;
   border-radius: 4px;
   font-weight: 600;
   letter-spacing: 0.5px;
}
.section-dark-photo .witr_btn:hover {
   background: #2389e8 !important;
   border-color: #2389e8 !important;
}

/* Intro paragraph */
.section-dark-photo .witr_section_title_inner p {
   color: rgba(255,255,255,0.78) !important;
   font-size: 15px;
   margin-top: 10px;
}

/* Image inside section */
.section-dark-photo .commitment-image {
   width: 100%;
   border-radius: 6px;
   object-fit: cover;
   max-height: 420px;
   opacity: 0.88;
   border: 2px solid rgba(255,255,255,0.2);
}

@media (max-width: 768px) {
   .section-dark-photo { background-attachment: scroll; }
   .section-dark-photo .commitment-image { margin-bottom: 30px; }
}

/* ============================================================
   WHO WE ARE — Differentiator cards + Stats grid
   ============================================================ */

/* Differentiator row item */
.elevenca-differentiator {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   margin-bottom: 28px;
   padding: 22px 24px;
   background: rgba(255,255,255,0.06);
   border: 1px solid rgba(255,255,255,0.12);
   border-left: 3px solid #4da6ff;
   border-radius: 6px;
   transition: background 0.3s ease, border-color 0.3s ease;
}
.elevenca-differentiator:hover {
   background: rgba(255,255,255,0.1);
   border-left-color: #2389e8;
}
.differentiator-icon {
   flex-shrink: 0;
   width: 48px;
   height: 48px;
   background: rgba(77,166,255,0.18);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.differentiator-icon i {
   font-size: 22px;
   color: #4da6ff !important;
}
.differentiator-text h4 {
   font-size: 16px !important;
   font-weight: 700 !important;
   color: #ffffff !important;
   margin: 0 0 6px !important;
}
.differentiator-text p {
   font-size: 14px !important;
   color: rgba(255,255,255,0.78) !important;
   margin: 0 !important;
   line-height: 1.6;
}

/* Stats 2×2 grid */
.elevenca-stats-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}
.elevenca-stat-card {
   background: rgba(255,255,255,0.07);
   border: 1px solid rgba(255,255,255,0.15);
   border-radius: 10px;
   padding: 32px 24px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   transition: background 0.3s ease, transform 0.3s ease;
}
.elevenca-stat-card:hover {
   background: rgba(77,166,255,0.12);
   transform: translateY(-4px);
}
.stat-big-num {
   font-size: 52px;
   font-weight: 800;
   color: #4da6ff !important;
   line-height: 1;
   font-family: 'Barlow Condensed', sans-serif;
}
.stat-plus {
   font-size: 32px;
   font-weight: 700;
   color: #4da6ff !important;
   vertical-align: super;
   line-height: 1;
}
.stat-desc {
   font-size: 13px !important;
   color: rgba(255,255,255,0.75) !important;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-top: 8px;
   display: block;
}

@media (max-width: 768px) {
   .elevenca-stats-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
   .stat-big-num { font-size: 38px; }
   .elevenca-differentiator { padding: 16px; }
   .st_chose_area .col-lg-6 { width: 100%; }
   .st_chose_area .col-lg-6:first-child { margin-bottom: 30px; }
}

/* ---- Vendor / Alliance Logos section ---- */
.ec_vendors_area {
   background: #f5f5f5;
   padding: 70px 0 60px;
   border-top: 1px solid #e0e8f0;
}
.vendor-grid {
   justify-content: center;
   margin-top: 24px;
   gap: 0;
}
/* New logo card style */
.alliance-logo {
   background: #fff;
   border: 1px solid #dde6f0;
   border-radius: 6px;
   padding: 16px 12px;
   text-align: center;
   margin-bottom: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 80px;
   transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
.alliance-logo:hover {
   box-shadow: 0 6px 20px rgba(0,86,179,0.12);
   border-color: #0056b3;
   transform: translateY(-3px);
}
.alliance-logo img {
   height: 52px;
   width: auto;
   max-width: 140px;
   object-fit: contain;
   filter: grayscale(100%) opacity(0.75);
   transition: filter 0.3s ease;
}
.alliance-logo:hover img {
   filter: grayscale(0%) opacity(1);
}
.alliance-logo .vendor-text {
   font-size: 13px;
   font-weight: 700;
   color: #1a2d4f;
   letter-spacing: 0.8px;
   text-transform: uppercase;
}
/* Legacy vendor-item (fallback) */
.vendor-item {
   background: #fff;
   border: 1px solid #dde6f0;
   border-radius: 4px;
   padding: 18px 10px;
   text-align: center;
   font-size: 13px;
   font-weight: 700;
   color: #1a2d4f;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   margin-bottom: 16px;
   transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.vendor-item:hover {
   box-shadow: 0 4px 16px rgba(0,86,179,0.1);
   border-color: #0056b3;
   color: #0056b3;
}

/* ===================================================
   RESPONSIVE STYLES
   =================================================== */

/* ---- Large tablets (≤1024px) ---- */
@media (max-width: 1024px) {
   .witr_swiper_height { min-height: 500px !important; }
   .witr_swiper_content h2 { font-size: 28px !important; }
   .witr_swiper_content h3 { font-size: 22px !important; }
}

/* ---- Tablets (≤991px) ---- */
/* Note: template responsive.css already hides .starntile-main-menu and shows .mobile_logo_area */
@media (max-width: 991px) {
   /* Hero */
   .witr_swiper_height { min-height: 420px !important; }
   .witr_swiper_content h2 { font-size: 24px !important; }
   .witr_swiper_content h3 { font-size: 18px !important; }
   .witr_swiper_content p { font-size: 14px !important; }

   /* Stack two-col layouts */
   .st_faq_area .faq_left { margin-bottom: 30px; }
   .count2_inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
   .witr_counter_single { flex: 0 0 calc(50% - 16px); margin-bottom: 0 !important; }
   .witr_counter_single.mar_left { margin-left: 0 !important; }

   /* Team cards */
   .witr_team_section img { height: 220px; }

   /* Service detail */
   .service-detail-intro .col-lg-8,
   .service-detail-intro .col-md-8 { width: 100%; margin-bottom: 30px; }
   .service-detail-intro .col-lg-4,
   .service-detail-intro .col-md-4 { width: 100%; }

   /* Value boxes */
   .value-box { margin-bottom: 20px; }

   /* Stats strip */
   .stat-item { margin-bottom: 24px; }

   /* About image */
   .ab_img { margin-bottom: 30px; }
}

/* ---- Mobile (≤767px) ---- */
@media (max-width: 767px) {
   /* Breadcrumb */
   .breadcumb-area { padding: 60px 0 36px; }
   .breadcumb-area .brpt h2 { font-size: 24px; }

   /* Hero slider */
   .witr_swiper_height { min-height: 320px !important; }
   .witr_swiper_content { padding: 20px 16px; }
   .witr_swiper_content h2 { font-size: 20px !important; }
   .witr_swiper_content h3 { font-size: 15px !important; }
   .witr_swiper_content p { display: none; }
   .witr_btn { padding: 10px 18px; font-size: 12px; }

   /* Section titles */
   .witr_section_title_inner h2 { font-size: 13px; }
   .witr_section_title_inner h3 { font-size: 22px; }

   /* Core goals */
   .witr_feature_13 { margin-bottom: 20px; }
   .witr_feature_13.fea_midd { border-left: none; border-right: none; border-top: 1px solid #e0e8f5; border-bottom: 1px solid #e0e8f5; }

   /* About mini counters */
   .coun_inner { display: flex; gap: 16px; }
   .coun_inner .witr_counter_single { flex: 1; }

   /* Team grid — 2 cols on mobile */
   .st_team_area .col-lg-3,
   .st_team_area .col-md-4 { width: 50%; }
   .team_page_team .col-lg-3,
   .team_page_team .col-md-4 { width: 50%; }
   .witr_team_section img { height: 180px; }
   .witr_team_content h5 { font-size: 13px; }
   .witr_team_content span { font-size: 11px; }

   /* Services — 1 col on small mobile */
   .st_ser_area .col-lg-4 { width: 100%; }

   /* Stats strip */
   .stats-strip .col-lg-3,
   .stats-strip .col-md-6 { width: 50%; margin-bottom: 24px; }
   .stat-item .stat-number { font-size: 32px; }

   /* Why choose us counters */
   .count2_inner { display: flex; flex-wrap: wrap; gap: 12px; }
   .witr_counter_single { flex: 0 0 calc(50% - 12px); }

   /* Markets accordion */
   .ec_markets_area .col-lg-6 { width: 100%; }
   .faq_left { display: none; }

   /* Vendors */
   .vendor-item { font-size: 11px; padding: 14px 6px; }
   .ec_vendors_area .col-6 { width: 50%; }

   /* Footer */
   .footer-middle .col-lg-3 { width: 100%; margin-bottom: 24px; }
   .footer-bottom .col-lg-6 { width: 100%; text-align: center !important; }
   .footer-menu ul.text-right { text-align: center !important; }
   .footer-menu ul { justify-content: center; display: flex; flex-wrap: wrap; gap: 4px; }

   /* Contact page */
   .st_cont_area .col-lg-6 { width: 100%; }
   .cont_witr { margin-top: 30px; }

   /* Service detail */
   .service-detail-intro { padding: 40px 0 30px; }
   .service-detail-intro .service-img { height: 200px; }
   .service-sidebar { margin-top: 0; }

   /* Values grid */
   .value-box { padding: 22px 18px; }
   .value-box .value-icon { font-size: 28px; }

   /* CTA banner */
   .cta-banner { padding: 40px 16px; }
   .cta-banner h3 { font-size: 22px; }
   .cta-banner p { font-size: 14px; }
}

/* ---- Small mobile (≤480px) ---- */
@media (max-width: 480px) {
   .st_team_area .col-lg-3,
   .st_team_area .col-md-4,
   .team_page_team .col-lg-3,
   .team_page_team .col-md-4 { width: 100%; }
   .witr_team_section img { height: 260px; object-fit: cover; }

   .witr_swiper_content h2 { font-size: 18px !important; }
   .witr_swiper_content h3 { font-size: 14px !important; }

   .breadcumb-area .brpt h2 { font-size: 20px; }

   .vendor-grid .col-6 { width: 50%; }
   .ec_vendors_area .col-6 { width: 50%; }

   .stats-strip .col-lg-3 { width: 50%; }
}

/* ===================================================
   HOMEPAGE — Full-Viewport Hero (atlantic-bearing style)
   Scoped to body.home so inner pages are unaffected
   =================================================== */

/* Hide the utility top bar (address/social links strip) */
.home .starntile-header-top { display: none !important; }
/* Hide the logo + contact info bar — we'll inline a logo in the nav */
.home .starntile_header_top_two { display: none !important; }

/* Fix the entire header wrapper so it overlays the slider */
.home .em40_header_area_main {
   position: fixed !important;
   top: 0; left: 0; width: 100%;
   z-index: 9999;
   background: transparent !important;
   background-color: transparent !important;
   box-shadow: none !important;
   transition: background 0.4s ease, box-shadow 0.4s ease;
}

/* Scrolled state: solid navy */
.home .em40_header_area_main.header-scrolled {
   background: #1a2d4f !important;
   background-color: #1a2d4f !important;
   box-shadow: 0 2px 24px rgba(0,0,0,0.5) !important;
}

/* ---- Kill the scrollToFixed plugin's spacer placeholder ----
   The jQuery scrollToFixed plugin injects a classless <div> inside
   em40_header_area_main to preserve layout space. Since we already
   have the container position:fixed this spacer just adds dead height. */
.home .em40_header_area_main > div:not([class]) {
   display: none !important;
   height: 0 !important;
   overflow: hidden !important;
   padding: 0 !important;
   margin: 0 !important;
   min-height: 0 !important;
}

/* ---- Shrinking nav on scroll ---- */
/* Logo transitions */
.home-nav-logo img {
   transition: max-height 0.35s ease;
}
.home .em40_header_area_main.header-scrolled .home-nav-logo img {
   max-height: 28px !important;
}
/* Override template's 20px top/bottom margin on nav links
   (style.css sets: .starntile_menu > ul > li > a { margin: 20px 11px })
   Normal state: compact but open; scrolled state: tight */
.home .starntile_menu > ul.sub-menu > li > a {
   margin-top: 10px !important;
   margin-bottom: 10px !important;
   padding-top: 8px !important;
   padding-bottom: 8px !important;
}
.home .em40_header_area_main.header-scrolled .starntile_menu > ul.sub-menu > li > a {
   font-size: 11px !important;
   margin-top: 4px !important;
   margin-bottom: 4px !important;
   padding-top: 5px !important;
   padding-bottom: 5px !important;
}
/* Nav bar inner padding tightens */
.home .starntile-main-menu {
   transition: padding 0.35s ease;
   padding: 4px 0;
   /* Let height be driven by link padding, not by witr_h_h18 */
   height: auto !important;
   min-height: 0 !important;
}
.home .em40_header_area_main.header-scrolled .starntile-main-menu {
   padding: 0 !important;
}

/* Nuke every possible background inside the header — cover all JS-added classes */
.home .starntile-main-menu,
.home .starntile_nav_area,
.home .starntile_nav_area.postfix,
.home .starntile_nav_area.prefix,
.home .starntile_nav_area.scroll_fixed,
.home .starntile_nav_area.scroll-to-fixed-fixed,
.home div[class*="starntile_nav"] {
   position: static !important;
   background: transparent !important;
   background-color: transparent !important;
   box-shadow: none !important;
   border: none !important;
}

/* Logo inside the nav bar — absolutely anchored left so nav can center freely */
.home-nav-logo {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   display: inline-flex;
   align-items: center;
   z-index: 1;
}
.home-nav-logo img {
   max-height: 46px;
   width: auto;
}

/* Nav container: logo pinned left, nav links truly centered across full width */
.home .tx_menu_together {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   position: relative !important;
}
/* Nav takes only its natural width so justify-content:center puts it dead-center */
.home .tx_menu_together .starntile_menu {
   flex: 0 0 auto !important;
}
/* Also center the UL and LI items inside */
.home .starntile_menu > ul.sub-menu {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
}
.home .starntile_menu > ul.sub-menu > li {
   float: none !important;
}

/* Nav links: white in transparent mode */
.home .starntile_menu > ul > li > a {
   color: #fff !important;
   text-shadow: 0 1px 5px rgba(0,0,0,0.55);
}
.home .starntile_menu > ul > li > a:hover,
.home .starntile_menu > ul > li.current_page_item > a {
   color: #4da6ff !important;
}

/* Homepage dropdowns only (NOT the top-level nav list) */
.home .starntile_menu > ul.sub-menu > li > ul.sub-menu {
   background: #1a2d4f !important;
}
.home .starntile_menu > ul.sub-menu > li > ul.sub-menu li a {
   color: #fff !important;
   text-shadow: none !important;
}
.home .starntile_menu > ul.sub-menu > li > ul.sub-menu li a:hover {
   color: #4da6ff !important;
}

/* ---- Full-viewport slider ---- */
.home .witr_swiper_height {
   min-height: 100vh !important;
   height: 100vh !important;
}

/* Overlay: transparent at the very top (nav floats over raw image), dark in the text zone */
.home .witr_swiper_height::before {
   content: '' !important;
   position: absolute !important;
   inset: 0 !important;
   background:
      /* top-to-bottom: transparent for first ~10% (nav area), then darkens */
      linear-gradient(
         to bottom,
         rgba(0,0,0,0)    0%,
         rgba(0,0,0,0)    10%,
         rgba(5,15,35,0.55) 28%,
         rgba(5,15,35,0.72) 55%,
         rgba(5,15,35,0.50) 100%
      ),
      /* left-to-right: darker on left for text readability */
      linear-gradient(
         to right,
         rgba(5,15,35,0.45) 0%,
         rgba(5,15,35,0.0)  65%
      ) !important;
   z-index: 1 !important;
   pointer-events: none !important;
}

/* Ensure slide content sits above the overlay */
.home .witr_sw_text_area {
   position: relative !important;
   z-index: 2 !important;
}

/* Larger, bolder slide headings — Barlow Condensed, DIN-style */
.home .witr_swiper_content h2 {
   font-family: 'Barlow Condensed', sans-serif !important;
   font-size: 72px !important;
   font-weight: 800 !important;
   letter-spacing: 3px !important;
   text-transform: uppercase !important;
   line-height: 1.0 !important;
   text-shadow: 0 3px 16px rgba(0,0,0,0.5) !important;
   margin-bottom: 16px !important;
}
.home .witr_swiper_content h3 {
   font-family: 'Barlow', sans-serif !important;
   font-size: 22px !important;
   font-weight: 400 !important;
   letter-spacing: 1px !important;
   color: rgba(255,255,255,0.88) !important;
   text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
.home .witr_swiper_content p {
   font-family: 'Barlow', sans-serif !important;
   font-size: 17px !important;
   font-weight: 400 !important;
   max-width: 560px !important;
   line-height: 1.75 !important;
   text-shadow: 0 1px 6px rgba(0,0,0,0.4) !important;
}

/* ---- Mobile nav: also fixed & always visible ---- */
.home .mobile_logo_area {
   position: fixed !important;
   top: 0 !important; left: 0 !important; width: 100% !important;
   z-index: 9999 !important;
   background: rgba(26,45,79,0.92) !important;
   -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
}

/* ---- Responsive hero overrides (homepage only) ---- */
@media (max-width: 1024px) {
   .home .witr_swiper_content h2 { font-size: 46px !important; }
}
@media (max-width: 991px) {
   .home .witr_swiper_height { min-height: 100vh !important; height: 100vh !important; }
   .home .witr_swiper_content h2 { font-size: 36px !important; }
   .home .witr_swiper_content p  { font-size: 15px !important; }
}
@media (max-width: 767px) {
   .home .witr_swiper_height { min-height: 100svh !important; height: 100svh !important; }
   .home .witr_swiper_content h2 { font-size: 28px !important; }
   .home .witr_swiper_content p  { display: block !important; font-size: 14px !important; max-width: 100% !important; }
}
@media (max-width: 480px) {
   .home .witr_swiper_content h2 { font-size: 22px !important; }
   .home .witr_swiper_content h3 { font-size: 16px !important; }
}