/* 
Theme Name: Hello Elementor Child
Theme URI: https://example.com/helo-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Shanmuk Sai
Author: Shanmuk sai
Author URI: https://example.com
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-Black.eot');
    src: url('assets/fonts/Geist-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-Black.woff2') format('woff2'),
        url('assets/fonts/Geist-Black.woff') format('woff'),
        url('assets/fonts/Geist-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-SemiBold.eot');
    src: url('assets/fonts/Geist-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Geist-SemiBold.woff') format('woff'),
        url('assets/fonts/Geist-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-Thin.eot');
    src: url('assets/fonts/Geist-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-Thin.woff2') format('woff2'),
        url('assets/fonts/Geist-Thin.woff') format('woff'),
        url('assets/fonts/Geist-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-Regular.eot');
    src: url('assets/fonts/Geist-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-Regular.woff2') format('woff2'),
        url('assets/fonts/Geist-Regular.woff') format('woff'),
        url('assets/fonts/Geist-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-Medium.eot');
    src: url('assets/fonts/Geist-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-Medium.woff2') format('woff2'),
        url('assets/fonts/Geist-Medium.woff') format('woff'),
        url('assets/fonts/Geist-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-ExtraLight.eot');
    src: url('assets/fonts/Geist-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/Geist-ExtraLight.woff') format('woff'),
        url('assets/fonts/Geist-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-Light.eot');
    src: url('assets/fonts/Geist-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-Light.woff2') format('woff2'),
        url('assets/fonts/Geist-Light.woff') format('woff'),
        url('assets/fonts/Geist-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-Bold.eot');
    src: url('assets/fonts/Geist-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-Bold.woff2') format('woff2'),
        url('assets/fonts/Geist-Bold.woff') format('woff'),
        url('assets/fonts/Geist-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('assets/fonts/Geist-ExtraBold.eot');
    src: url('assets/fonts/Geist-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Geist-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Geist-ExtraBold.woff') format('woff'),
        url('assets/fonts/Geist-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.ins-matrix-wrapper {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
       
        width: 100%;
    }
    .ins-matrix-card {
        background-color: #ffffff;
        text-align: center;
        padding: 40px 20px;
        border: 1px solid #e2e8f0;
        
    } .partner-text-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
} .partner-desc-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
} section.all-heading.dark-bg-exact.pdng-lt-rt.pdnt-tp-btm {
    padding: 60px 80px !important;
}
    .ins-matrix-icon-holder {
        
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
      
    }
.ins-matrix-card {
    background-color: #ffffff;
    text-align: center;
    padding: 40px 20px;
    border: 1px solid #e2e8f0;
    display: flex; gap:26px;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

    /* Dark Split Panel Responsive Styles */
    .ins-split-container {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 60px;
        
} .split-icon-dark img{width:60px; margin-top:16px;}

    /* Responsive Breakpoints for Modified Elements Only */
    @media (max-width: 991px) {
        .ins-matrix-wrapper {
            grid-template-columns: repeat(2, 1fr); /* Drop to 2 columns on tablets */
        }
        .ins-split-container {
            grid-template-columns: 1fr; /* Stack vertically on tablets/mobile */
            gap: 40px;
        }
    }
    @media (max-width: 575px) {
        .ins-matrix-wrapper {
            grid-template-columns: 1fr; /* Stack into 1 column on small mobile screens */
        }
    }



main#content {
    min-width: 100% !important;
    width: 100% !important;
	padding:0px;

}.dummy-img-placeholder.absolute-left-img.new-img-about-tech {
    top: 135%;
} .site-main{max-width:100% !important;width:100% !important; margin:0 !important;}
/* Add your custom styles here */
body {width: 100%;float: left; color:#1A1A2E;}

.nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
} main#content {
    max-width: 100% !important;
} span.dot.new-sec-dot {
    width: auto;
    background-color: transparent;
    border-radius: none;
    height: auto;
} .grid-4.new-grid-sec {
    gap: 0px;
}/* ==========================================================================
   OPTIMIZED TESTIMONIAL / CARGO BULLET LIST STYLES
   ========================================================================== */
.red-dot-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 30px; /* Balanced vertical spacing between each list item */
  max-width: 800px; /* Clean content width constraint */
  box-sizing: border-box;
} 


/* Completely new independent class name */
.nav-accent-badge {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
/*     margin-top:150px; */
    /* Dimensions and spacing */
    height: 48px;
    padding: 0 24px;
    margin-bottom:36px;
    /* Transparent Background & Custom Border */
    background-color: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.2); 
    border-radius: 0px; /* Sharp rectangular corners */
   
    /* Typography */
    color: #ffffff; 
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px; 
}

/* Updated square marker child class */
.nav-accent-badge .badge-square-marker {
    width: 6px;
    height: 6px;
    background-color: #d91414; /* Solid vibrant red */
    margin-right: 20px; 
    display: inline-block;
    flex-shrink: 0;
}

/* Updated text child class */
.nav-accent-badge .badge-label-text {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.red-dot-list .all-heading-li {
  display: flex;
  align-items: flex-start; /* Aligns the icon perfectly with the first line of text */
  gap: 10px; /* Horizontal space between the icon dot and the text block */
  margin: 0;
  padding: 0;
}

/* Custom SVG / Image Dot Icon Scaling */
.red-dot-list .all-heading-li img {
  width: 8px; /* Matches the exact small golden dot profile scale */
  height: 8px;
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 8px; /* Tweak to vertically center precisely with the first line sentence font height */
}

/* Paragraph Typography Layout Formatting */
.red-dot-list .all-heading-p {
 
  color: #474446 !important; /* Elegant gray tone matching your mockup snapshot */
  
} .text-dark{ color: #474446 !important;}


@media (max-width: 768px) {
  .red-dot-list {
    gap: 24px;
  }
  .red-dot-list .all-heading-p {
    font-size: 15px !important;
  }
}
.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 80px 0px 80px;
    width: 100%;
} .main-footer {
    background-color: #1A1A2E;
    color: #ffffff;
    font-family: 'Geist Sans', sans-serif;
    /* Spacing: 80px Top/Bottom, 100px Left/Right */
    padding: 60px 80px;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 40px;
}

/* Typography Requirements */
.main-footer h3, 
.main-footer p, 
.main-footer ul li a {
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    color: #d1d1d1; /* Soft white for readability */
}
.new-sec-new{display:flex;justify-content:space-between;}

.main-footer h3 {
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 600;
}

.main-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-footer ul li {
    margin-bottom: 10px;
}

.main-footer ul li a:hover {
    color: #ff4d4d; /* Subtle hover effect */
}

/* Brand Column specific */
.brand-info {
    flex: 1 1 300px;
}

.footer-logo {
    max-width: 200px;
    margin-bottom: 20px;
}

/* Bottom Bar */
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-bottom p, .footer-bottom a {
    font-size: 16px; /* Slightly smaller for copyright */
}

/* Responsiveness */
@media (max-width: 1024px) {
    .main-footer {
        padding: 60px 40px; /* Reduced padding for tablets */
    }
}

@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
    }
    
    .main-footer {
        padding: 40px 20px; /* Reduced padding for mobile */
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
} .footer-legal a {color:#fff !important;
}

header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 50;
            padding: 24px 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

.main-menu.fw {
    position: absolute;
    top: 30px;
    z-index: 9999;
    left: 0;
    padding: 10px;
}
        .nav-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
            font-size: 18px;
            font-weight: 600;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .logo span { color: #E53935; font-weight: 700; background: white; padding: 2px 6px; border-radius: 2px; font-size: 14px;}
ul#menu-main-menu {
    justify-content: space-between;
    display: flex;
    gap: 26px;
	list-style:none !important;
} ul#menu-main-menu {
    justify-content: space-between;
    display: flex;
    gap: 26px;
    list-style: none !important;
}

.menu-main-menu-container .primary-menu {
    float: right;
    position: relative;
    margin: 0;
    list-style: none;
    display: flex;
}
        .nav-links {
    display: flex;
    gap: 32px;
    align-items: center;
}
        .nav-links a { color: #Fff; font-size: 18px !important; font-weight: 400;line-height:20px !important; font-family:"Geist", sans-serif !important; }
        .nav-links a:hover { color: #EC2633; }
 .text-center { text-align: center !important; }
        .dark-bg { background-color: #1A1A2E; color: #FFFFFF; }
        .light-bg { background-color: #F5F7FA; }
        .white-bg { background-color: #FFFFFF; }
        .text-white { color: #FFFFFF !important; }
        .text-white-dim { color: rgba(255,255,255,0.7) !important; }
.comments-area a, .page-content a{text-decoration:none !important;}
 /* STRICT CLASS-BASED TYPOGRAPHY */
        .all-heading-h1 {    font-size: clamp(2.25rem, 1.7143rem + 1.7857vw, 3.5rem) !important;font-weight: 600;line-height: 1!important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing: -0.03em;width:100%;float:left;}
        .all-heading-h2  {font-size: clamp(1.875rem, 1.4464rem + 1.4286vw, 2.875rem) !important;font-weight: 400 !important;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing:-0.02em !important;}
        .all-heading-h3 { font-size: 36px; line-height: 1.3; font-weight: 400;  font-family: "Geist", sans-serif; }
        .all-heading-h4 { font-size: 26px; line-height: 1.4; font-weight: 500;  font-family: "Geist", sans-serif; margin:0 !important }
        .all-heading-h5 { font-size: 22px; line-height: 1.4; font-weight: 400;  font-family: "Geist", sans-serif; letter-spacing: -0.0115em !important; margin:0 !important; }
        .all-heading-h6 { font-size: 20px; line-height: 1.4; font-weight: 500;  font-family: "Geist", sans-serif; margin:0; }
        .all-heading-p { font-size: 18px; line-height: 1.6;  font-family: "Geist",sans-serif; margin:0 !important;}
        .all-heading-a { font-size: 18px; line-height: 1.6; text-decoration: none; color: inherit; cursor: pointer; font-family: "Geist", sans-serif;}
        .all-heading-ul { list-style: none; padding: 0; margin: 0; font-family: "Geist"sans-serif; }
.all-heading-ul {
    padding: 0;
    margin: 0;
    font-family: "Geist"sans-serif;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
        .all-heading-li { font-size: 18px; line-height: 1.6; color: inherit; font-family: "Geist"sans-serif; }

        /* Required Padding Utility Classes */
        

        /* General Utility */
        img { max-width: 100%; height: auto; display: block; }
.text-center{ text-align: center; !important; }

        .label-tag {
            display: inline-flex;
            align-items: center;
            gap: 10px;
			color:#fff;
            padding: 6px 12px;
            border: 1px solid #FFFFFF1A;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 20px;
        }
        .label-tag.dark {
            border-color: #f0f0f0;
        } span.dot.new-sec {
    height: auto;
    width: auto;
    border-radius: 1px !important;
    background-color: transparent !important;
}
        .label-tag .dot {
            width: 6px; height: 6px;  background-color: #ffffff;
        }
        .label-tag.dark .dot { background-color: #FFFFFF0D; }

        .btn-red {
            background-color: #FA3C40;
            color: #FFFFFF;
            padding: 12px 30px;
            border-radius: 30px;
            display: inline-block;
            transition: 0.3s;
        }
        .btn-red:hover { background-color: #d12f32; color: #FFFFFF; }


   /* ==========================================================================
     TESTIMONIAL SECTION COMPONENT STYLE LAYER
     ========================================================================== */
  .testimonial-wrapper {
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
  }

  .testimonial-max-width {
    max-width: 1320px;
    margin: 0 auto;
  }

  .testimonial-heading {
    font-size: 38px;
    font-weight: 600;
    color: #1a2332;
    text-align: center;
    margin: 0 0 60px 0;
    letter-spacing: -0.5px;
  }

  /* Viewer window frame */
  .testimonial-viewer {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  /* Main track displaying 3 cards side-by-side */
  .testimonial-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 100%;
    transition: opacity 0.4s ease-in-out;
  }

  /* Individual Review Feedback Card */
  .review-item-card {
    box-sizing: border-box;
    padding: 0 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
  }

  /* Exact thin column divider lines between cards */
  .review-item-card:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 75%;
    background-color: #e2e8f0;
  }

  /* Typography Text Blocks Container */
  .review-quote-box {
    position: relative;
    text-align: center;
  }

  .review-paragraph {
    font-size: 15px;
    line-height: 1.75;
    color: #2d3748;
    margin: 0;
    display: inline;
  }

  /* Golden quote marks matching your screenshot precisely */
  .quote-symbol-icon {
    color: #f6dda4;
    font-family: Georgia, serif;
    font-size: 42px;
    font-weight: bold;
    line-height: 0;
    display: inline-block;
    user-select: none;
  }

  .quote-symbol-icon.left-mark {
    vertical-align: bottom;
    margin-right: 100%;
  }

  .quote-symbol-icon.right-mark {
    vertical-align: 0px;
    margin-left: 95%;
  }

  /* Author Meta Details Block Wrapper */
  .author-meta-box {
    text-align: center;
    margin-top: 40px;
  }

  .author-fullname-text {
    font-size: 16px;
    font-weight: 700;
    color: #1a2332;
    margin: 0 0 6px 0;
    letter-spacing: -0.2px;
  }

  .author-company-text {
    font-size: 14px;
    line-height: 1.4;
    color: #718096;
    margin: 0;
  }
 /* Ensure parent navigation items are positioned correctly */
.header-nav-delta > ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-nav-delta > ul > li {
    position: relative; /* Essential relative container for dropdowns */
}

.header-nav-delta > ul > li > a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 8px;
    text-decoration: none;
}
@media (min-width: 1025px) {
ul.dropdown-menu-delta.new-sec-drop-deleted {
    width: 700px;
    margin-left: -352%;
    float: left;
}
}
/* Base Dropdown Menu styling */
.dropdown-menu-delta {
    position: absolute;
    top: 150%;
    left: 0;
    background: #ffffff;
    min-width: 240px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 12px 0;
    margin: 0;
    list-style: none;
    display: block;
    
    /* Smooth Animation Properties */
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9999;
    border-top: 3px solid #EF4444; /* Match red theme accent */
}

/* Hover Engine to reveal menus — desktop only; tablets/phones use click + .is-open */
@media (min-width: 1025px) {
.header-nav-delta .has-dropdown:hover > .dropdown-menu-delta,
.header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
}
.header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Dropdown Inner Item Links */
.dropdown-menu-delta li {
    width: 100%;
    padding: 0;
    margin: 0;
}

.dropdown-menu-delta li a {
    display: flex;
    align-items: center;
    gap: 12px; /* Spaces out auto-icon and link text */
    padding: 10px 20px;
    color: #4B5563;
    text-decoration: none;
    font-size: 18px;
    font-family: 'Geist', sans-serif;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    text-align: left;
}

/* Automatic Icon Styles */
.dropdown-menu-delta li a i {
    font-size: 18px;
    color: #EF4444; /* Brand Red color for dropdown icons */
    transition: transform 0.2s ease;
}

/* Hover Transitions */
.dropdown-menu-delta li a:hover {
    background-color: #F9FAFB;
    color: #111827;
}

.dropdown-menu-delta li a:hover i {
    transform: scale(1.15);
}
  /* ==========================================================================
     ACTIVE INTERACTIVE PAGINATION DOTS
     ========================================================================== */
  .dot-nav-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 55px;
  }

  .dot-nav-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cbd5e1;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .dot-nav-item:hover {
    background-color: #94a3b8;
  }

  /* Active navigation dot state */
  .dot-nav-item.active-dot {
    background-color: #1a2332;
  }

  /* ==========================================================================
     RESPONSIVE BREAKPOINTS (Mobile Optimization)
     ========================================================================== */
  @media (max-width: 991px) {
    .testimonial-heading {
      font-size: 30px;
    }
    
    /* On tablets/mobile, switch track to show one item cleanly */
    .testimonial-track {
      grid-template-columns: 1fr;
    }

    .testimonial-track[data-active="0"] .review-item-card:not(:nth-child(1)),
    .testimonial-track[data-active="1"] .review-item-card:not(:nth-child(2)),
    .testimonial-track[data-active="2"] .review-item-card:not(:nth-child(3)) {
      display: none;
    }

    .review-item-card {
      padding: 0 10px;
    }

    .review-item-card:not(:last-child)::after {
      display: none;
    }
  }
/* about */

  .banner-about-us {
    position: relative;
    width: 100%;

    height: 100vh; /* Responsive scale mapping across aspect ratios */
    
    /* Layered Background: Applies your exact custom linear-gradient directly on top of the image */
    background: 
      linear-gradient(180deg, rgba(26, 26, 46, 0.2) 48.52%, rgba(26, 26, 46, 0.5) 61.53%, rgba(26, 26, 46, 0.67175) 74.75%, #1A1A2E 100%),
      url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1920&q=80') no-repeat center center;
    background-size: cover;
    
    display: flex;
    align-items: flex-end !important; /* Pins content elements elegantly toward the bottom horizon layout */
    box-sizing: border-box;
  }

  /* Layout Container - Multi-column matrix dividing text content left and metrics right */
  .banner-about-us .hero-content {
    width: 100%;
   
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-end; 
/*     gap: 50px; */
    box-sizing: border-box;
  }

  /* --- LEFT ASPECT: TYPOGRAPHY BLOCKS --- */
  .banner-about-us .hero-text-side {
    max-width: 760px;
    width: 100%;
	  margin-bottom:60px;
  }
  
  /* Badge Label (Company Overview) */
  .banner-about-us .label-tag {
    display: inline-flex;
    align-items: center;
    background-color: #31b09d !important; /* Premium corporate teal matched precisely to your target mockup */
    padding: 6px 12px;
    border-radius: 2px;
    margin-bottom: 25px;
    width: fit-content;
  }

  .banner-about-us .label-tag .dot {
    width: 5px;
    height: 5px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
  }
.mb-20{margin-bottom:16px;}
  /* Core Main Heading */
  .banner-about-us .all-heading-h1 {
    font-size: 48px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.22 !important;
    margin: 0 0 28px 0 !important;
    letter-spacing: -0.5px;
	  
  }

 

  .banner-about-us .hero-desc-box .all-heading-p {
    font-size: 15.5px !important;
    line-height: 1.68 !important;
    color: #e2e8f0 !important;
    margin: 0 !important;
  }
.hero-desc-box {background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #db3727 !important; /* Signature deep-red accent bar */
    padding: 18px 24px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-sizing: border-box;
	width:100% !important;
	  float:left;
    border-radius: 0 4px 4px 0;}
.cap-header-grid.new-grid {
    display: block;
}
  /* Space out multiple description paragraphs dynamically */
  .banner-about-us .hero-desc-box .all-heading-p + .all-heading-p {
    margin-top: 12px !important;
	  
} img{width:100%;}

  /* --- RIGHT ASPECT: EXPERIENCE BADGE ("36+ YEARS") --- */
  .banner-about-us .years-badge-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    opacity: 0.95;
    user-select: none;
    margin-bottom: -15px; /* Aligns the baseline cleanly with the bottom text box values */
  }

  /* Massive thin typography style structure */
  .banner-about-us .years-badge-box .badge-num {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 135px;
    font-weight: 200; /* Sophisticated fine stroke profile weight matching original layout */
    line-height: 0.85;
    letter-spacing: -3px;
    margin: 0;
  }

  /* Wide Letter-Spaced Subtext Layout */
  .banner-about-us .years-badge-box .badge-txt {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 14px; /* Generates the elegant horizontal tracking effect */
    text-indent: 14px; /* Perfectly realigns character balances against baseline layout margins */
    margin: 10px 0 0 0;
    text-transform: uppercase;
  }
.site-footer-delta { 
    background: linear-gradient(180deg, #1A1A2E 0%, rgba(26, 26, 46, 0.77) 79.44%, rgba(26, 26, 46, 0) 100%), 
                url('/wp-content/uploads/2026/05/footer-delta-global-bg.webp') !important; 
    background-size: cover !important; 
    background-position: center; 
    padding-top: 60px; 
    padding-bottom: 40px; 
    margin-top: -2px; 
} h2.footer-discuss-title.bsi-reveal {
    width: 500px !important;
}
  /* ==========================================================================
     RESPONSIVE VIEWPANEL ADJUSTMENTS
     ========================================================================== */
  @media (max-width: 991px) {
   
    .banner-about-us {
      height: auto;
      min-height: auto;
    }
    .banner-about-us .hero-content {
      grid-template-columns: 1fr; /* Switch to stack-flow configuration securely */
      gap: 45px;
    }
    .banner-about-us .all-heading-h1 {
      font-size: 36px !important;
    }
    .banner-about-us .years-badge-box {
      align-items: flex-start;
      margin-bottom: 0;
    }
    .banner-about-us .years-badge-box .badge-num {
      font-size: 110px;
    }
    .banner-about-us .years-badge-box .badge-txt {
      text-indent: 0;
      letter-spacing: 10px;
    }
  }
/* BANNERS */
/*         .banner-about-us {
            background-image: linear-gradient(to right, rgba(26, 26, 46, 0.95) 30%, rgba(26, 26, 46, 0.3) 100%), url('https://images.unsplash.com/photo-1586528116311-ad8ed7c663c0?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            min-height: 90vh;
            display: flex;
            align-items: center;
            position: relative;
        } */
        
/*         .hero-content { max-width: 100%; margin-top: 80px; }
        .hero-content .all-heading-h1 { margin-bottom: 30px; color: #FFFFFF; }
        .hero-content .all-heading-h1 span { color: #a0a0a0; }
        .hero-desc-box {
            background-color: rgba(255, 255, 255, 0.05);
            padding: 30px;
            border-left: 3px solid #FA3C40;
            backdrop-filter: blur(5px);
        }
        .hero-desc-box .all-heading-p { margin-bottom: 15px; color: #dddddd; }
        .hero-desc-box .all-heading-p:last-child { margin-bottom: 0; } */

        /* GRID LAYOUTS & EXACT GAPS */
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
        .gap-100 { gap: 100px; } 
        .gap-150 { gap: 150px; } 
        .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); }

        /* SECTION: CARGO MOVEMENT */
        .cargo-section {
            position: relative;
            min-height: 500px; 
        }  .mb-10{margin-bottom:16px;}
        .cargo-section .grid-2 {
            position: relative;
            z-index: 2; 
        }
        .cargo-list { margin-top: 40px; }
        .cargo-item { display: flex; gap: 20px; margin-bottom: 30px; }
        .cargo-icon { 
            width: 40px; height: 40px; 
            background: #fff0f0; 
            border-radius: 50%; 
            display: flex; justify-content: center; align-items: center;
            color: #FA3C40;
            flex-shrink: 0;
        }

        /* DUMMY IMAGE PLACEHOLDER STYLES */
/*         .dummy-img-placeholder {
            background-color: #F5F7FA;
            border: 2px dashed #C9D1DA;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #8C98A4;
            font-size: 16px;
            text-align: center;
            padding: 20px;
            transition: 0.3s;
        }
        .dummy-img-placeholder:hover {
            border-color: #FA3C40;
            color: #FA3C40;
            background-color: #fff0f0;
        } */
.dummy-img-placeholder.absolute-left-img{bottom:50%;}
       .absolute-left-img {
    position: absolute;
    left: 10px;
/*  top:135%; */
    width: 65%;
    /* height: 300px; */
    margin-top: 0;
    z-index: 1;
    border-radius: 0 8px 0 0;
    object-fit: cover;
}

        /* SECTION: CAPABILITIES */
        .capabilities-sec { background-color: #F5F7FA; padding:60px 120px !important; }
        .section-header { text-align: center; max-width: 700px; margin: 0 auto 36px; }
        .section-header .all-heading-h2 { margin-bottom: 16px; }
        
        .service-card {
            background: #FFFFFF;
            padding: 28px 38px;
            border: 1px solid #E4E4E7;
            transition: 0.3s;
        }
        .service-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .service-icon { margin-bottom: 20px; color: #1A1A2E;display:flex !important; align-items:center; align-content:center; gap:18px; }
        .service-card .all-heading-h4 { margin-bottom: 20px; }
        .service-card .all-heading-p { margin-bottom: 20px; }
        .service-card hr { border: none; border-top: 1px solid #EAEAEA; margin: 20px 0; }

        /* SECTION: VISION & MISSION (WITH WATERMARK ICONS) */
        .vision-mission-wrap {
            display: flex;
            background-color: #1A1A2E;
        }
        .vm-box {
            flex: 1;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        .vm-box:first-child { border-right: 1px solid rgba(255,255,255,0.1); }
        
        /* Left Box Faint Icon */
       .vm-box-vision::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 400px;
    height: 400px;
    background-image: url("/wp-content/uploads/2026/05/about-globe-updated-icon6.svg");
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    opacity: 0.1;
}

        /* Right Box Faint Icon */
        .vm-box-mission::after {
            content: "";
            position: absolute;
            bottom: -88px;
            right: -4px;
            width: 400px;
            height: 400px;
            background-image: url("/wp-content/uploads/2026/05/about-globe-updated-icon7.svg");
            background-repeat: no-repeat;
            background-size: contain;
            z-index: -1;
            pointer-events: none;
			 opacity: 0.1;
        }

        .vm-label { color: #FA3C40; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
        .vm-label::before { content: ""; width: 20px; height: 1px; background: #FA3C40; display: inline-block; }
.vm-box {display:flex;flex-direction:column; gap:16px;}
        .vm-box .all-heading-h2 { margin-bottom: 0px; color: #FFFFFF; }
        .vm-box .all-heading-p { color: rgba(255,255,255,0.7); margin-bottom: 15px; } 
        .vision-text-wrapper { border-left: 2px solid #FA3C40; padding-left: 20px; }

        /* SECTION: VALUES */
        .values-header-wrap { display: flex; align-items: center; gap: 60px; margin-bottom: 40px; }
        .values-header-wrap .all-heading-h2 { flex-shrink: 0; }
        .values-desc {
            border-left: 2px solid #EC2633;
            padding-left: 20px;
            background: #F4F4F580;
            padding: 22px 60px ;
/*             flex-grow: 1; */
        }
        
        .value-card { padding: 38px 48px; border: 1px solid #E4E4E7; }
        
        .value-icon { margin-bottom: 20px; }
        .value-card .all-heading-h5 { margin-bottom: 15px; }

        /* SECTION: CONNECTING SAUDI */
        .connecting-sec { 
            background-color: #1A1A2E; 
            background-image: url("data:image/svg+xml,%3Csvg width='1200' height='1200' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255, 255, 255, 0.04)' stroke-width='1'%3E%3Ccircle cx='600' cy='600' r='200'/%3E%3Ccircle cx='600' cy='600' r='350'/%3E%3Ccircle cx='600' cy='600' r='500'/%3E%3Ccircle cx='600' cy='600' r='650'/%3E%3Ccircle cx='600' cy='600' r='800'/%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
        }
        .connecting-sec > div {
            position: relative;
            z-index: 2; 
        }
        .globe-box { 
            width: 80px; 
            height: 80px; 
            background: #FA3C40; 
            display: flex; 
            justify-content: center; 
            align-items: center; 
            border-radius: 4px; 
            margin-bottom: 30px; 
            box-shadow: 0 0 40px rgba(250, 60, 64, 0.5); 
        }
        .connecting-list { display: flex; flex-direction: column; gap: 40px; }
        .connect-item { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; }
        .connect-item:last-child { border-top: 1px solid #FA3C40; }
        
        .connecting-sec .all-heading-h2 { color: #FFFFFF; }
        .connect-item .all-heading-h6 { margin-bottom: 10px; color: #FFFFFF; }
        .connect-item .all-heading-p { color: rgba(255,255,255,0.7); }

        /* SECTION: SECTORS */
        .sector-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; }
        .sector-tag { border: 1px solid #EAEAEA; padding: 10px 20px; border-radius: 4px; display: inline-block; font-weight: 500; }
        .quote-box { border-left: 3px solid #FA3C40; padding: 20px; background: #F5F7FA; font-weight: 500; }
        .sector-img { border-radius: 12px; overflow: hidden; height: 100%; }
        .sector-img img { width: 100%; height: 100%; object-fit: cover; }

        /* SVG Reset */
        svg { width: 24px; height: 24px; fill: currentColor; }
        .globe-box svg { width: 40px; height: 40px; fill: #FFFFFF; }

        /* AUTO RESPONSIVE MEDIA QUERIES */
        @media (max-width: 1199px) {
            .pdng-lt-rt { padding-left: 40px; padding-right: 40px; }
            .all-heading-h1 { font-size: 46px; }
            .all-heading-h2 { font-size: 38px; }
            .all-heading-h3 { font-size: 30px; }
        }

        @media (max-width: 991px) {
            .grid-2, .grid-3, .grid-2.gap-100, .grid-2.gap-150 { grid-template-columns: 1fr; gap: 40px; }
            .grid-4 { grid-template-columns: 1fr 1fr; }
            .vision-mission-wrap { flex-direction: column; }
            .vm-box:first-child { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
            .values-header-wrap { flex-direction: column; align-items: flex-start; gap: 20px; }
            .value-card { border-right: none; border-bottom: 1px solid #EAEAEA; }
            .value-card:nth-child(even) { border-right: none; }
            .value-card:nth-child(odd) { border-right: 1px solid #EAEAEA; }
            .site-header { position: relative; background: #1A1A2E; padding-top: 15px; padding-bottom: 15px;}
            .nav-links { display: none; }
            .connecting-sec { background-size: cover; }
            
            /* Responsive adjustments for absolute image */
            .absolute-left-img {
                position: relative;
                width: 100%;
                height: 250px;
                bottom: auto;
                left: auto;
                margin-top: 40px;
                border-left: 2px dashed #C9D1DA;
                border-radius: 8px;
            }
        }

        @media (max-width: 767px) {
            .pdng-lt-rt { padding-left: 20px; padding-right: 20px; }
            .pdnt-tp-btm { padding-top: 60px; padding-bottom: 60px; }
            .pdnt-tp { padding-top: 60px; }
            .pdnt-btm { padding-bottom: 60px; }
            
            .all-heading-h1 { font-size: 36px; }
            .all-heading-h2 { font-size: 32px; }
            .grid-4 { grid-template-columns: 1fr; }
            .value-card:nth-child(odd) { border-right: none; }
        }

/* home */
  /* 1. HERO BANNER */
        .hero-banner {
            background-image: url('/wp-content/uploads/2026/04/globla-home-banner-updated.webp');
            background-size: cover;
            background-position: center;
            height: 100vh;
			min-height:850px;
            display: flex;
            align-items: center;
            position: relative;
}
/*         .hero-content { width: 100%; margin-top: 80px; } */
        .hero-title-wrap { display: flex; flex-direction: column; width: 160%;  margin-top: 15px; }
        .hero-title-wrap span:first-child { align-self: flex-start; }
        .hero-title-wrap span:last-child { align-self: flex-end; }
        .hero-line-text { border-top: 1px solid rgba(255,255,255,0.2); padding-top: 30px; margin-top: 50px; }

        /* 2. INTRO SECTION (EXACT MATCH) */
        .intro-label-exact {
            display: inline-block;
            background: #F0F2F5;
            color: #1A1A2E;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 2px;
            padding: 8px 14px;
            text-transform: uppercase;
            margin-bottom: 40px;
        }
        .intro-sec .all-heading-h3 { font-size: 34px; font-weight: 300; line-height: 1.4; color: #1A1A2E; margin-bottom: 40px; }
        .link-arrow { color: #1A1A2E; font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; border-bottom: 2px solid #1A1A2E; padding-bottom: 4px; display: inline-block; }
        .link-arrow:hover { color: #FA3C40; border-color: #FA3C40; }
        .dummy-placeholder { background: transparent; height: 350px; display: flex; align-items: center; justify-content: center; color: #8C98A4; }

        /* 3. PARTNER SECTION */
        .partner-img { border-radius: 8px; width: 100%; height: 500px; }

        /* 4. CAPABILITIES SECTION (EXACT MATCH - Watermarks & Red Bullets) */
        .cap-header-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 38px; }
        .vertical-red-line { border-left: 2px solid #FA3C40; background-color:#fff; padding:10px 10px 10px 25px;}
        .cap-card { background: #FFFFFF; padding: 50px 40px; border: 1px solid #EAEAEA; position: relative; overflow: hidden; }
        .cap-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .grid-2.newgrid-sec-up {
    gap: 40px;
}
        .cap-card .watermark-num { 
            position: absolute; 
            top: -20px; 
            right: 0px; 
            font-size: 140px; 
            font-weight: 800; 
            color: #F4F6F9; 
            z-index: 0; 
            line-height: 1; 
            letter-spacing: -5px;
            font-family: Arial, sans-serif;
            pointer-events: none;
        }
        .cap-card > * { position: relative; z-index: 1; }
        
        .red-square-list .all-heading-li { position: relative; padding-left: 18px; margin-bottom: 15px; font-weight: 700; font-size: 15px; color: #1A1A2E;}
        .red-square-list .all-heading-li::before { content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background-color: #FA3C40; }

        /* 5. IMAGE CARDS SECTION (International Freight) */
        .freight-img-card { background: #171827; border: 1px solid rgba(255,255,255,0.05); display: flex; flex-direction: column;}
        .freight-img-wrap { position: relative; height: 250px; }
        .red-square-icon { position: absolute; top: 0; left: 0; width: 45px; height: 45px; background: #FA3C40; display: flex; align-items: center; justify-content: center; color: white; }
        .dark-num-box { position: absolute; bottom: 0; right: 0; background: rgba(26, 26, 46, 0.85); color: white; padding: 8px 15px; font-weight: 600; font-size: 12px; letter-spacing: 1px;}
.freight-link-wrap {
        display: block !important;
        
        box-sizing: border-box !important;
    }

    .freight-link-wrap * {
        box-sizing: border-box !important;
    }

    /* THE EXACT DESIGN SPECIFICATIONS FOR THE LINK HOVER ELEMENT */
    .freight-link-wrap .freight-link {
        font-family: 'Outfit', 'Inter', sans-serif !important; /* Cascading typography tracking engine */
        font-size: 18px !important; /* Bold, high-visibility title text scaling factor */
        font-weight: 500 !important;
        color: #fff !important; /* Exact vibrant blueprint blue shade from your screenshot */
        text-decoration: none !important;
        letter-spacing: 2px !important; /* Elegant modern wide tracking letter-spacing text */
        display: inline-flex !important;
        align-items: end !important;
        
    }

    /* BOXICONS FONT ELEMENT SIZE & COLOR PROPERTIES */
    .freight-link-wrap .freight-link i {
        font-size: 18px !important; /* Scaled to perfectly balance the 26px typography track */
        color: #fff !important;
        display: inline-block !important;
        line-height: 1 !important;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s ease !important;
    }

    /* MICRO-INTERACTION HOVER STATE SYSTEM CONTROLS */
    .freight-link-wrap .freight-link:hover {
        color: #D61C23 !important; /* Seamlessly switches text to Branded Red on hover interaction */
    }

    .freight-link-wrap .freight-link:hover i {
        color: #D61C23 !important; /* Flashes the custom Boxicon font element to Branded Red */
        transform: translate(4px, -4px) !important; /* Beautiful micro-slide movement pulling up and right precisely */
    }

        /* 6. OPERATIONS LIST (EXACT MATCH - Overlapping Line) */
        .ops-list-wrap { padding-left: 40px; border-left: 1px solid #EAEAEA; position: relative; }
        .ops-list-item { display: flex; gap: 20px; margin-bottom: 40px; border-bottom: 1px solid #EAEAEA; padding-bottom: 40px; position: relative; }
        .ops-list-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        .ops-icon-box { width: 56px; height: 56px;  display: flex; align-items: center; justify-content: center;  flex-shrink: 0; }
        .ops-list-item.active::before { content: ''; position: absolute; left: -41px; top: 0; height: 56px; width: 2px; background: #FA3C40; }
        .ops-text-content h4 { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; font-size: 18px;}
        .ops-text-content h4 span { color: #FA3C40; font-size: 16px; font-weight: 700; }

        /* 7. COMPLIANCE BOX (EXACT MATCH) */
        .compliance-wrapper { display: flex; border-radius: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.05); }
        .comp-left { flex: 1; background: #FFFFFF; padding: 80px; }
        .comp-right { flex: 1; background: #171827; padding: 80px; position: relative; color: white; overflow: hidden;}
        
        /* Faint Document Watermark in Bottom Right */
        .comp-right::after {
            content: ""; position: absolute; bottom: -40px; right: -40px; width: 300px; height: 300px;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat; background-size: contain; z-index: 0; pointer-events: none;
        }
        
        .comp-right .label-tag { color: #FA3C40; font-size: 11px; font-weight: 700; letter-spacing: 2px; margin-bottom: 40px; display: block; text-transform: uppercase; }
        .comp-list-item { position: relative; z-index: 1; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 25px 0; }
        .comp-list-item:last-child { border-bottom: none; padding-bottom: 0;}
        .comp-list-item span.num { color: rgba(255,255,255,0.2); font-size: 16px; margin-right: 25px; font-weight: 600; letter-spacing: 1px; font-family: monospace; }
        .comp-list-item h5 { flex-grow: 1; color: #FFFFFF; font-weight: 400; font-size: 18px; margin: 0; }
        .comp-list-item img { width: 20px; height: 20px; stroke: rgba(255,255,255,0.2); fill: none; }

        /* 8. INDUSTRIES 5-GRID */
        .ind-card { border-right: 1px solid #EAEAEA; padding: 40px 30px; background: #FFFFFF;}
        .ind-card:last-child { border-right: none; }
        .ind-card .red-num { color: #FA3C40; font-size: 12px; font-weight: 600; margin-bottom: 10px; display: block; }
        .ind-card img { width: 32px; height: 32px; margin-bottom: 30px; color: #1A1A2E; }

        /* 9. GLOBAL MARKETS Split Section */
        .markets-top { background-color: #1A1A2E; padding: 100px 80px; position: relative; overflow: hidden; }
        .markets-top::before {
            content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; height: 1000px;
            background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255, 255, 255, 0.03)' stroke-width='1'%3E%3Ccircle cx='500' cy='500' r='200'/%3E%3Ccircle cx='500' cy='500' r='350'/%3E%3Ccircle cx='500' cy='500' r='500'/%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat; background-position: center; pointer-events: none;
        }
        .markets-top > div { position: relative; z-index: 2; }
        .markets-bottom { background-color: #FFFFFF; padding: 80px; border-bottom: 1px solid #EAEAEA; }
        .btn-dark { background-color: #1A1A2E; color: #FFFFFF !important; padding: 15px 35px; border-radius: 4px; font-size: 14px; font-weight: 600; letter-spacing: 1px; display: inline-block; text-transform: uppercase; }
        .btn-dark:hover { background-color: #FA3C40; }
        .globe-box { width: 80px; height: 80px;  display: flex;  }

        /* 10. OUR BUSINESS EXACT 5-COLUMN GRID */
        .business-section { text-align: center; }
        .business-grid { 
            display: grid; 
            grid-template-columns: repeat(5, 1fr); 
            gap: 1px; 
            background: #EAEAEA; 
            border: 1px solid #EAEAEA; 
            border-radius: 12px; 
            margin-top: 50px; 
            overflow: hidden;
        }
        .biz-item { 
            background: #FFFFFF; 
            padding: 40px 15px; 
            display: flex; 
            flex-direction: column; 
            align-items: center; 
            justify-content: center; 
            height: 100%;
        }
        .biz-item img { width: 38px; height: 38px; margin-bottom: 15px; color: #1A1A2E; stroke-width: 1.5; }
        .biz-item h6 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #1A1A2E; margin: 0; line-height: 1.4;}

        /* General SVG sizing for inline icons */
        img { fill: currentColor; }

/* industry page */
/* 1. HERO BANNER */
.grid-5.new-grid-sec {
    gap: 24px;
}
        .ind-hero {
            background-image: url('/wp-content/uploads/2026/04/global-industries-new-img1.webp');
            background-size: cover;
            background-position: center;
            height: 100vh;
min-height:850px;
            display: flex;
            align-items: flex-end; /* Aligns content to the bottom */
            justify-content: center;
            padding-bottom: 80px;
        }
        .ind-hero-content { max-width: 1000px; text-align: center; width: 100%; }

        /* 2. INTRO SECTION */
        .ind-intro-wrapper { align-items: start; }
        .ind-intro-img { max-width: 250px; margin-top: 5px; margin-left: 40%; }

        /* 3. INDUSTRY BLOCKS */
        .ind-block { margin-bottom: 100px; }
        .ind-block:last-child { margin-bottom: 0; }
        .ind-block-img { border-radius: 12px; width: 100%; height: 380px; }
        .icon-sq {
            width: 50px; height: 50px; 
            /* border: 1px solid #EAEAEA; 
            border-radius: 6px;  */
            display: flex; align-items: center; justify-content: center; 
            margin-bottom: 16px;
            /* background: #FFFFFF;
            box-shadow: 0 4px 10px rgba(0,0,0,0.03); */
        }
        .icon-sq svg { width: 22px; height: 22px; stroke: #FA3C40; fill: none; stroke-width: 2; }

        /* 4. DARK SERVICES 5-GRID */
        .dark-service-section { text-align: center; }
        .dark-service-header { max-width: 900px; margin: 0 auto 60px; }
        .dark-card {
            background: #FFFFFF0D; /* Slightly lighter than #1A1A2E for contrast */
            border: 1px solid #FFFFFF1A;
            border-radius: 8px;
            padding: 40px 20px;
            text-align: center;
            transition: 0.3s;
        }
/*         .dark-card:hover { transform: translateY(-5px); border-color: rgba(250, 60, 64, 0.4); } */
        .dark-card .icon {margin-bottom: 20px; display: flex;justify-content: center; }
        .dark-card .icon img { width: 36px; height: 36px; stroke-width: 1.5; }

        /* 5. CTA SECTION */
        .cta-section { text-align: center; max-width: 800px; margin: 0 auto; }
        .circle-icon {
            width: 80px; height: 80px;
           
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 30px;
        }
       
        .btn-red-arrow {
            background-color: #FA3C40;
            color: #FFFFFF !important;
            padding: 15px 35px;
            border-radius: 4px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: 0.3s;
        }
        .btn-red-arrow:hover { background-color: #d12f32; }

/*  career */
  .careers-hero {
            background-image:  linear-gradient(180deg, rgba(26, 26, 46, 0) 60.52%, rgba(26, 26, 46, 0.8) 73.4%, #1A1A2E 100%), url('/wp-content/uploads/2026/05/DG-Careers-banner.webp');
            background-size: cover;
            background-position: center;
            height: 100vh;
            min-height: 750px;
            display: flex;
            align-items: end;
            position: relative;
	  text-align:center;
} .bann-pd-btm{padding-bottom:45px !important;}
        .careers-hero-content { width: 80%; margin:0 auto }
.building-careers-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
        /* 2. BUILDING CAREERS IN LOGISTICS (Border Box Match) */
        .building-careers-wrapper {
           
            border-radius: 8px;
          
            background: #FFFFFF;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }
      
        .building-careers-img {
            width: 100%;
/*             height: 400px; */
            border-radius: 8px;
            object-fit: cover;
} .label-tag.light.mb-30{color:#D02020;
font-family: "Geist";
font-weight: 700;
font-style: Bold;
font-size: 10px;
leading-trim: NONE;
line-height: 15px;
letter-spacing: 2px;
text-transform: uppercase;
background-color:#F4F4F5;
	border:1px solid #F4F4F5;
}


        .dev-prof-section { align-items: start; }
      
        .opportunities-section { background-color: #F4F6F9; padding:60px 80px !important; }
        .opp-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
			margin-top:36px;
        } 

        .opp-card {
            background: #FFFFFF;
            padding: 36px 35px;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.03);
            border: 1px solid #EAEAEA;
        }
.opp-icon {
    /* border-radius: 6px; */
    display: flex;
    gap: 18px; 
    margin-bottom: 20px;
    text-align: center;
    align-items: center;
} .opp-icon img{width:60px;}
.mobile-order-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    /* align-items: center; */
    gap: 16px;
}
/* dev caree */
/* ==========================================================================
   DEVELOPING LOGISTICS PROFESSIONALS SECTION (OPTIMIZED)
   ========================================================================== */

/* 2-Column Desktop Matrix Layout Grid */
.dev-prof-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  align-items: center;                   
  gap: 60px;                             

}

/* Image Container / Styling Alignment */
.dev-prof-img {
  width: 100%;
                  
  height: auto;
  border-radius: 8px;                   
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); 
  display: block;
  object-fit: cover;
  margin: 0 auto;                      
}

/* Base Utility Margin Resets */
.mb-30 { margin-bottom: 30px !important; }
.mb-20 { margin-bottom: 16px !important; }

/* ==========================================================================
   RESPONSIVE MOBILE STACK RE-ORDERING & CENTERING ENGINE
   ========================================================================== */
@media (max-width: 991px) {
  
  /* 1. Switch layout into a column flexbox stack model container */
  .dev-prof-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: center; /* Forces inline structural text components to center perfectly */
  }

  /* 2. Push text to top position dynamically on mobile formats */
  .mobile-order-1 {
    order: 1;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers block-level content items down the vertical line */
  }

  /* 3. Drop image container seamlessly under the H2 heading section */
  .mobile-order-2 {
    order: 2;
    width: 100%;
  }

  .dev-prof-img {
    max-width: 100%; /* Allows image to adapt seamlessly to small phone windows */
  }

  /* Structural Typography Adjustment Controls */
  .dev-prof-section .all-heading-h2 {
    font-size: 28px !important;
    margin-bottom: 20px !important;
  }
}
/* caree */

/* contact ua */
 /* ==========================================================================
     JOIN OUR TEAM FORM SECTION STYLES
     ========================================================================== */
  .join-team-section {
    width: 100%;
    background-color: #ffffff; 
    box-sizing: border-box;
  }

  /* Master 2-Column Desktop Grid Framework Wrapper */
  .join-container {
    display: grid;
    grid-template-columns: 1fr 1.25fr; /* Perfectly proportions text area against card sizes */
    align-items: center; /* Vertically balances contents directly along center matrix horizon */
    gap: 80px; /* Strong professional gutter separation spacing layout */
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* --- LEFT COLUMN: TYPOGRAPHY --- */
  .join-text-side {
    max-width: 480px;
    width: 100%;
  }

  .join-heading {
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 42px;
    font-weight: 500;
    color: #1a2332; /* Rich corporate dark blue-slate tone */
    margin: 0 0 20px 0;
    letter-spacing: -0.5px;
    line-height: 1.2;
  }

  .join-paragraph {
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 15.5px;
    line-height: 1.65;
    color: #556073; /* Smooth text gray formatting from reference image blueprint */
    margin: 0;
  }

 /* Light grey outer card component */
.join-form-card {
  background-color: #f4f6f8; /* Soft background fill precisely matched to screenshot */
  border-radius: 12px;       /* Smooth professional corner profile */
  padding: 45px;
  box-sizing: border-box;
  width: 100%;
  max-width: 740px;          /* Clean desk width constraint */
  margin: 0 auto;
}

.careers-application-form {
  display: flex;
  flex-direction: column;
  gap: 20px;                 /* Uniform block structural spacing */
}

/* 2-Column input field configuration setup */
.form-input-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Form component input fields styling configuration layer */
.careers-application-form input[type="text"],
.careers-application-form input[type="email"],
.careers-application-form input[type="tel"],
.careers-application-form textarea {
  width: 100%;
  padding: 14px 18px;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 14.5px;
  color: #1a2332;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Placeholder font weight and color styling settings */
.careers-application-form ::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.careers-application-form input:focus,
.careers-application-form textarea:focus {
  border-color: #cbd5e1;
  box-shadow: 0 0 0 3px rgba(226, 232, 240, 0.4);
}

.form-textarea-wrap {
  width: 100%;
}

.careers-application-form textarea {
  resize: vertical;
  min-height: 110px;
}

/* --- FILE UPLOADER STYLE RULES LAYER --- */
.form-file-uploader {
  margin: 5px 0 10px 0;
  display: flex;
  align-items: center;
}

/* Custom styled browser native uploader file trigger button */
.careers-application-form input[type="file"]::file-selector-button {
  background-color: #ffffff;
  border: 1px solid #1a2332;
  border-radius: 2px;
  padding: 6px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #1a2332;
  cursor: pointer;
  margin-right: 15px;
  transition: background-color 0.15s ease;
}

.careers-application-form input[type="file"]::file-selector-button:hover {
  background-color: #f8fafc;
}

.careers-application-form input[type="file"] {
  font-family: "Roboto";
  font-size: 14px;
	line-height:23px ;
  color: #1A1A2E;
}

/* --- ACTION SUBMIT BUTTON STYLE RULES LAYER --- */
.form-submit-btn {
  width: 100%;
  background-color: #e52422; /* Vivid corporate red from layout screenshot */
  color: #ffffff;
  border: none;
  border-radius: 25px;       /* Pill shape corner formatting profile configuration */
  padding: 15px 30px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.2px;
  transition: background-color 0.2s ease, transform 0.1s ease;
  box-shadow: 0 4px 12px rgba(229, 36, 34, 0.12);
}

.form-submit-btn:hover {
  background-color: #cc1f1d;
}

.form-submit-btn:active {
  transform: scale(0.99);     /* Interactive click scale feedback compression matrix */
}

/* ==========================================================================
   RESPONSIVE LAYOUT RESPONSIVE SYSTEM OVERRIDES
   ========================================================================== */
@media (max-width: 580px) {
  .join-form-card {
    padding: 30px 20px;      /* Reduces padding inside the card to maximize space on phone view screens */
  }
  
  /* Stacks input elements vertically into a single column row line */
  .form-input-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.car-opp-section {
        width: 100%;
        box-sizing: border-box;
    }
    
   
    .car-opp-grid-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        width: 100%;
    } section.car-opp-section.opportunities-section.pdng-lt-rt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
    .car-opp-item-card {
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 30px;
        box-sizing: border-box;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .car-opp-header-wrap {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }
    .car-opp-icon-box {
        width: 48px;
        height: 48px;
        background-color: #f8fafc;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
/*     .car-opp-icon-box img {
        width: 24px;
        height: 24px;
        display: block;
        object-fit: contain;
    } */
    .car-opp-card-heading {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0;
        line-height: 1.3;
    }
  

    /* Auto Responsive Breakpoints */
    @media (max-width: 1024px) {
        .car-opp-grid-layout {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media (max-width: 640px) {
        .car-opp-grid-layout {
            grid-template-columns: 1fr;
        }
        .car-opp-title {
            font-size: 28px;
        }
        .car-opp-item-card {
            padding: 24px;
        }
    }
     /* 5. WHY WORK WITH US */
        .why-work-section { background-color: #F4F6F9; text-align: center; padding:60px 80px !important; }
       .why-card {
    background: #FFFFFF;
    padding: 35px 32px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    border: 1px solid #EAEAEA;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.grid-4.why-new-sec {
    margin-top: 36px;
	gap:30px;
}
.why-icon { display: flex; align-items: center; justify-content: left;margin-bottom: 20px;}
.why-icon img{width:60px;}
/* Section Block Base */
    .ocean-hero {
      position: relative;
      width: 100%;
      height: 100vh;
      min-height: 750px;
      background: 
        linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
        url('/wp-content/uploads/2026/05/DG-Ocean-Freight-banner-1.webp') no-repeat center center;
      background-size: cover !important;
      display: flex;
      padding-bottom:45px !important;
      box-sizing: border-box;
      } .marina-new-bg {background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-Marine-Cargo-Insurance-banner.webp') no-repeat center center !important;
		 background-size: cover !important;
} .sabar-new-bg{ background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-SABER-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.sfda-bg{ background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-SFDA-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.warehouse-bg{ background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-warehousing-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.land-new-bg{ background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-Land-Transportation-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.air-freight { background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-Air-Freight-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.custom-new-bg { background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-customs-clearance-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.last-milli-bann{ background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-Last-mile-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
.project-bg{ background: 
      linear-gradient(112.11deg, #1A1A2E 7.83%, rgba(26, 26, 46, 0.6) 38.76%, rgba(26, 26, 46, 0.2) 49.07%, rgba(26, 26, 46, 0) 60.75%),
      url('/wp-content/uploads/2026/05/DG-project-event-banner.webp') no-repeat center center !important;
		 background-size: cover !important;}
    .ocean-hero .grid-2 {
      display: flex;
      justify-content: space-between;
     
      width: 100%;
     
      gap: 60px;
      box-sizing: border-box;
    }

    /* --- LEFT SIDE: HEADING BLOCK --- */
    
    
    /* Corporate Teal Badge Label */
    .ocean-hero-left .label-tag {
      display: inline-flex;
      align-items: center;
      background-color: #31b09d !important;
      padding: 6px 14px;
      border-radius: 2px;
      margin-bottom: 25px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #ffffff;
    }

    .ocean-hero-left .label-tag .dot {
      width: 6px;
      height: 6px;
      background-color: #ffffff;
      border-radius: 50%;
      margin-right: 8px;
      display: inline-block;
    }

    .ocean-hero-left .all-heading-h1 {
      
      color: #ffffff !important;
    
    }

    /* --- RIGHT SIDE: FLOATING CARD COMING ON END --- */
    .ocean-hero-box {
      background: #FFFFFF;
      padding: 36px;
      box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
      border-top: 4px solid #e52422; /* Vivid red top accent marker strip */
      max-width: 400px;
      width: 100%;
      box-sizing: border-box;
      border-radius: 0 0 4px 4px;
      align-self: flex-end; /* Strictly locks card to the bottom end block */
    }

    .ocean-hero-box .all-heading-p {
      
     
      margin: 0 0 30px 0 !important; /* Balanced gap spacing above button */
    }

    /* --- RED SUBMIT BUTTON --- */
    .btn-red-sq {
      background-color: #e52422;
      color: #FFFFFF !important;
      padding: 14px 28px;
      display: inline-flex;
      align-items: center;
      font-family: system-ui, -apple-system, sans-serif;
      font-weight: 600;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none;
      border-radius: 3px;
      transition: background-color 0.2s ease, transform 0.1s ease;
		box-shadow: 0px 4px 20px 0px #D020204D;

    }

    .btn-red-sq:hover {
      background-color: #cc1f1d;
    }

    .btn-red-sq:active {
      transform: scale(0.98);
    }

    /* ==========================================================================
       RESPONSIVE DESIGN VIEW OVERRIDES
       ========================================================================== */
    @media (max-width: 991px) {
      .ocean-hero {
        height: auto;
        padding-top: 140px;
        padding-bottom: 60px;
      }
      
      .ocean-hero .grid-2 {
        flex-direction: column; /* Stacks column layers on standard portable devices */
        align-items: flex-start;
        gap: 40px;
      }
      
      .ocean-hero-left .all-heading-h1 {
        font-size: 38px !important;
      }
      
      .ocean-hero-box {
        max-width: 100%;
        padding: 35px 25px;
      }
    }
        /* 3. CAPABILITIES GRID */
       /* 3. CAPABILITIES GRID (EXACT DESIGN MATCH) */
        .cap-header-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; margin-bottom: 38px; }
        .cap-header-desc { background: #F8F9FA; padding: 25px 30px; border-left: 2px solid #D32F2F; }
        .cont-new-ocean {
    display: flex;
    flex-direction: column;
    gap: 26px;
    justify-content: center;
}
        .cap-grid-container { 
            display: grid; 
            grid-template-columns: repeat(3, 1fr); 
/*             border: 1px solid #EAEAEA;  */
            background: #FFFFFF; 
        }
        .cap-card { padding: 48px 48px; border-right: 1px solid #EAEAEA; position: relative; }
        .cap-card:last-child { border-right: none; }
        
        .cap-icon-box { 
            width: 56px; height: 56px; 
           margin-bottom: 36px; 
        }
        /* .cap-icon-box img { width: 24px; height: 24px; object-fit: contain; } */


        /* 4. SPLIT DARK SECTION */
       .dark-split-sec { background: #1A1A2E; position: relative; overflow: hidden;}
        .dark-split-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
        .split-box { padding-top:80px; padding-bottom:80px; position: relative; z-index: 2; border-right: 1px solid rgba(255,255,255,0.05); }
        .split-box:last-child { border-right: none; }
        .split-box.right { padding-left: 80px; } 
        .split-box.left { padding-right: 65px; }

        /* New Flex wrapper to align icon and content side-by-side */
        .split-flex-wrap {
            display: flex;
            gap: 16px;
            align-items: flex-start;
        }
        
        .split-icon-dark {
    width: 100px;
    height: 80px;
   
    margin-top: 0px;
} 

        
        .split-icon-red { 
            width: 100px; height: 80px; 
            
			margin-top:20px;
        }
        /* .split-icon-red img, .split-icon-red svg { width: 28px; height: 28px; object-fit: contain; stroke: #FFFFFF; fill: none; stroke-width: 2;} */

        /* Faint SVGs inside split section */
        .split-box.left::after {
            content: ""; position: absolute; bottom: -105px; right: 0px; width: 350px; height: 350px;
            background-image: url("/wp-content/uploads/2026/04/occean-fright-global-img7.svg");
            background-repeat: no-repeat; z-index: -1;opacity: .1;
        }
        .split-box.right::after {
            content: ""; position: absolute; bottom: -113px; right: -88px; width: 350px; height: 350px;
            background-image: url("/wp-content/uploads/2026/04/occean-fright-global-img8.svg");
            background-repeat: no-repeat; z-index: -1;opacity: .1;
        }

        /* 5. KEY INDUSTRIES */
        .industry-sol-img { border-radius: 12px;  width: 100%; }

        /* 6. WHY CHOOSE GRID */
        .why-choose-card { background: #FFFFFF; padding: 40px 30px; border: 1px solid #EAEAEA; }
        .why-icon-dark { width: 45px; height: 45px; margin-bottom: 36px; }

.ocean-new-sec-center{
display: flex;
    flex-direction: column;
    gap: 26px;
    justify-content: center;
} h2.all-heading-h2.new-text-sec {
    text-align: center !important;
    justify-content: center;
    display: flex;
    gap: 36px;
    margin-bottom: 36px;
}
.tes-wrapper {
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    
  }



  .tes-section-title {
    font-size: 38px;
    font-weight: 500;
    color: #1a2332;
    text-align: center;
    margin: 0 0 36px 0;
    letter-spacing: -0.5px;
  }

  .tes-slider-frame {
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .tes-cards-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 100%;
  }

  .tes-feedback-card {
    box-sizing: border-box;
    padding: 0 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
  }

  /* Thin Elegant Vertical Divider Lines */
  .tes-feedback-card:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 0;
    width: 1px;
    height: 90%;
    background-color: #e2e8f0;
  }

  .tes-quote-content-block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .tes-feedback-text {
    font-size: 15px;
    line-height: 1.8;
    color: #333333;
    margin: 0;
    padding: 10px 0;
    max-width: 100%;
  }

  /* Golden Quote Markers */
  .tes-quote-mark {
    color: #fce3a6;
    font-family: 'Georgia', serif;
    font-size: 54px;
    font-weight: bold;
    line-height: 1;
    display: block;
    height: 30px;
    user-select: none;
  }

  .tes-mark-start {
    align-self: flex-start;
    margin-bottom: -10px;
  }

  .tes-mark-end {
    align-self: flex-end;
    margin-top: -10px;
  }

  .tes-user-details {
    text-align: center;
    margin-top: 26px;
  }

  .tes-user-name {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 6px 0;
  }

  .tes-user-role {
    font-size: 14px;
    line-height: 1.5;
    color: #666666;
    margin: 0;
  }

  /* Pagination Controls */
  .tes-navigation-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
  }

  .tes-dot-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cbd5e1;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .tes-dot-item:hover {
    background-color: #94a3b8;
  }

  .tes-dot-item.tes-active-dot {
    background-color: #1a2332;
  }

  /* Responsive Display Rules */
  @media (max-width: 991px) {
    .tes-section-title {
      font-size: 30px;
    }
    .tes-cards-track {
      grid-template-columns: 1fr;
    }
    .tes-feedback-card {
      padding: 0 10px;
    }
    .tes-feedback-card:not(:last-child)::after {
      display: none;
    }
    /* Simple CSS Toggle support logic for dynamic display via your JS slider logic */
    .tes-cards-track[data-active="0"] .tes-feedback-card:not(:nth-child(1)),
    .tes-cards-track[data-active="1"] .tes-feedback-card:not(:nth-child(2)),
    .tes-cards-track[data-active="2"] .tes-feedback-card:not(:nth-child(3)) {
      display: none;
    }
  }
.proj-hero-banner {
  position: relative;
  width: 100%;
  height: 450px; /* Precise height fixed as requested */
  background: #151622; /* Dark tone from theme canvas */
  box-sizing: border-box;
     display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 100px;
 
}
.proj-hero-inner {
  
  width: 100%;
 
  padding: 0 20px;
}
.proj-hero-heading-h1 {
  
  color: #ffffff;

}

/* Auto-Responsive Breakpoints */
@media (max-width: 1024px) {
  .proj-hero-heading-h1 {
    font-size: 38px;
  }
}
@media (max-width: 640px) {
  .proj-hero-banner {
    height: 350px; /* Scaled down slightly for clean mobile viewport sizing */
  }
  .proj-hero-heading-h1 {
    font-size: 32px;
  }
}
.sab-content-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
} .sab-procedure-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sab-hero-banner{position:relative;width:100%;height:450px;background:#151622;box-sizing:border-box;display:flex;align-items:center}
.pdnt-tp-btm-new-padd{padding-top:80px !important;padding-bottom:80px !important;}
.sab-hero-heading-h1{color:#ffffff;}
.sab-content-section{width:100%;background-color:#ffffff;box-sizing:border-box;padding:80px 0}
/* .sab-content-container{max-width:1320px;margin:0 auto;padding:0 20px} */
.sab-page-main-title{color:#1a1a2e;}

.new-contain-img img{height:100vh;min-height:700px;}
.sab-procedure-row:last-of-type{border-bottom:none;padding-bottom:0}
.sab-row-question{color:#d91414;margin:0 0 15px 0;text-transform:none}
/* .sab-row-answer{font-size:15px;line-height:1.7;color:#4a5568;margin:0} */
@media (max-width:1024px){
.sab-hero-heading-h1{font-size:38px}
.sab-page-main-title{font-size:30px;margin-bottom:30px}
}
@media (max-width:640px){
.sab-hero-banner{height:350px}
.sab-hero-heading-h1{font-size:32px}
.sab-content-section{padding:50px 0}
.sab-procedure-row{padding:20px 0}
}
.proj-gallery-section{width:100%;background-color:#ffffff;box-sizing:border-box;padding:80px 0}
.proj-gallery-container{max-width:1320px;margin:0 auto;padding:0 20px}
.proj-custom-asymmetric-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.1fr;gap:24px;width:100%;align-items:center}
.proj-inner-vertical-stack{display:flex;flex-direction:column;gap:24px;height:100%;justify-content:space-between}
.image-wrapper{border-radius:4px;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,0.05),0 4px 6px -2px rgba(0,0,0,0.03);background-color:#f8fafc;position:relative;width:100%;}
.image-wrapper img{width:100%;display:block;object-fit:cover;transition:transform 0.7s ease}
.image-wrapper:hover img{transform:scale(1.05)}
/* .proj-col-height-tall img{height:580px} */
.proj-col-height-mid img{height:380px}
.proj-col-height-short img{height:176px}
@media (max-width:1024px){
.proj-custom-asymmetric-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.proj-inner-vertical-stack{gap:20px}
.proj-col-height-tall img,.proj-col-height-mid img,.proj-col-height-short img{height:300px}
}
@media (max-width:640px){
.proj-custom-asymmetric-grid{grid-template-columns:1fr;gap:16px}
.proj-inner-vertical-stack{display:contents}
.proj-col-height-tall img,.proj-col-height-mid img,.proj-col-height-short img{height:250px}
.proj-gallery-section{padding:50px 0}
}
 /* 7. FAQ SECTION */

/* ACCORDION TRACK SYSTEM (MATCHES SCREENSHOT LINES) */
    .faq-list-containt {
        display: flex !important;
        flex-direction: column !important;
        border-top: 1px solid #dcdfe4 !important; /* Darker border top frame line from image */
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Individual closed item rows */
    .faq-wrap {
        border-bottom: 1px solid #dcdfe4 !important; /* Continuous horizontal line borders */
        padding: 16px 16px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: flex-start !important;
        cursor: pointer !important;
        position: relative !important;
/*         background-color: transparent !important; */
        transition: background-color 0.2s ease !important;
    }

    /* Target the red circle question mark container from the screenshot */
    .faq-icon {
        margin-right: 18px !important;
        margin-top: 3px !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .faq-icon img {
        width: 22px !important;
        height: 22px !important;
        display: block !important;
    }

    /* Center text content layout track alignment */
    .faq-content {
        flex-grow: 1 !important;
        padding-right: 45px !important; /* Safe zone protecting text from chevron overlay */
    }

    .faq-content .all-heading-h6 {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #1a1b25 !important;
        margin: 0 !important;
        line-height: 1.4 !important;
        transition: color 0.2s ease !important;
    }

    /* COLLAPSIBLE DESCRIPTION PARAGRAPH TEXT FIELD STYLE SHIFT */
    .faq-content .all-heading-p.text-dark {
        max-height: 0 !important; /* Start completely closed */
        overflow: hidden !important;
        opacity: 0 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #555662 !important; /* Soft descriptive grey body font color */
        margin: 0 !important;
        padding: 0 !important;
        transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.3s ease, opacity 0.2s ease !important;
    }

    /* EXACT DESIGN CHEVRON OPEN/CLOSE INDICATORS ICON */
    .faq-wrap::after {
        content: "" !important;
        position: absolute !important;
        right: 15px !important;
        top: 30px !important; /* Sits directly level with the primary text row track */
        width: 8px !important;
        height: 8px !important;
        border-right: 2px solid #1a1b25 !important; /* Clean vector path right border line */
        border-bottom: 2px solid #1a1b25 !important; /* Clean vector path bottom border line */
        transform: rotate(45deg) !important; /* Default pointing downwards chevron icon */
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s ease !important;
    }

    /* EXPANDED ACTIVE ENGAGED TRANSITION ELEMENT CHANGES */
    .faq-wrap.delta-faq-open::after {
        transform: rotate(-135deg) !important; /* Rotates perfectly upwards when item collapses open */
        top: 34px !important;
    }

    /* Animates and transitions paragraph block field viewport open smoothly */
    .faq-wrap.delta-faq-open .faq-content .all-heading-p.text-dark {
        opacity: 1 !important;
        max-height: 500px !important; /* Large baseline boundary allocation for expansion height calculation */
        margin-top: 12px !important; /* Clean gap spacing separating opened question header text and description */
    }

    /* Mobile screen structural adaptation rules layout switches */
    @media (max-width: 991px) {
        .grid-2 {
            grid-template-columns: 1fr !important;
            gap: 40px !important;
        }
        .white-bg.pdng-lt-rt.pdnt-tp-btm {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
    }
 .label-tag.text-white {

    background-color: #4DB6AC;

    border: 1px solid #FFFFFF1A;

} .label-tag.light.no-border.mb-20 {
margin-bottom:0px !important;
    background-color: #FFFFFF;

    border: 1px solid #E4E4E7;

box-shadow: 0px 1px 2px -1px #0000001A;



box-shadow: 0px 1px 3px 0px #0000001A;

font-family: "Geist";

font-weight: 700;

font-style: Bold;

font-size: 10px;

color:#D02020;

leading-trim: NONE;

line-height: 15px;

letter-spacing: 2px;

text-transform: uppercase;



}

        

/* defult */
.pdng-lt-rt{padding-left:60px!important;padding-right:60px !important;}
.pdng-rt{padding-right:60px !important;}       
.pdng-lt{padding-left:60px!important;}    
.pdng-tp{padding-top:150px !important;}
.pdng-btm{padding-bottom:150px !important;}

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
        .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr);  }
        .grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); }
        .gap-100 { gap: 100px; }
        .gap-150 { gap: 150px; }
        .gap-0 { gap: 0; }
h1.entry-title {display: none;}
/* Target the button using a custom class to prevent breaking other elements */
.custom-fixed-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start; /* Aligns content to the left side */
    
    /* Dimensions - adjust width/height here to match your layout perfectly */
    width: 250px; 
    height: 30px;
    padding: 0 16px;
    
    /* Background and Border Styling */
    background-color: #ffffff;
    border: 1px solid #e2e8f0; /* Subtle grey border matching the image */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); /* Soft shadow */
    border-radius: 0px; /* Force sharp rectangular corners */
    
    /* Text Typography */
    color: #cc1f1f; /* Red tone from the image */
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase; /* Converts "Industry Solutions" to uppercase automatically */
    letter-spacing: 2px; /* Spreading out the letters */
}

/* Fix spacing for the icon container */
.custom-fixed-btn .new-sec-dot {
    display: flex;
    align-items: center;
 
}

/* Scale your custom SVG target icon */
.custom-fixed-btn .new-sec-dot img {
    width: 16px;
    height: 16px;
    display: block;
} 
    .sab-container-specs-wrapper .sab-custom-list {
        list-style: none;
        padding: 0 !important;
        margin: 0;
    }
    .sab-container-specs-wrapper .sab-list-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 16px !important;
        padding: 0;
    }
    .sab-container-specs-wrapper .sab-icon-wrapper {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-top: 4px;
    }
    .sab-container-specs-wrapper .sab-icon-wrapper img {
        width: 16px;
        height: 16px;
    }
    .sab-container-specs-wrapper .sab-brand-text {
        color: #D61C23;
        font-weight: bold;
    }
    .sab-container-specs-wrapper .sab-notice-box {
        margin-top: 25px;
        margin-bottom: 20px;
    }
/* Unique White Overview Card Layout */
    .delta-dimensions-overview-card {
        background-color: #ffffff !important;
        border: 1px solid #eef0f2 !important;
        border-radius: 4px !important;
        padding: 40px !important;
        margin-bottom: 40px !important;
        box-sizing: border-box !important;
    }
    
    .delta-dimensions-main-title {
        color: #1a1b25 !important;
        font-size: 28px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        margin: 0 0 20px 0 !important;
    }
    
    .delta-dimensions-lead-text {
        color: #4a4b57 !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin: 0 0 30px 0 !important;
    }
    
    .delta-dimensions-sub-title {
        color: #1a1b25 !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        margin: 0 0 16px 0 !important;
    }
    
    .delta-dimensions-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
    }
    
    .delta-dimensions-list-item {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        color: #4a4b57 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }
    
    .delta-dimensions-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin-top: 4px !important;
    }
    
    .delta-dimensions-icon img {
        width: 16px !important;
        height: 16px !important;
    }
    
    .delta-dimensions-highlight-text {
        color: #D61C23 !important;
        font-weight: bold !important;
    }
    
    .delta-dimensions-alert-box {
        background-color: #fff5f5 !important;
        border-left: 4px solid #D61C23 !important;
        padding: 20px !important;
        margin: 0 !important;
    }
    
    .delta-dimensions-alert-text {
        color: #222222 !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }

    /* Unique Dark Grid Layout (Matches Image Exactly) */
    .delta-specs-dark-section {
        background-color: #1a1b25 !important; /* Deep dark navy background */
        padding: 60px !important;
        border-radius: 4px !important;
        font-family: inherit !important;
        box-sizing: border-box !important;
    }
    
    .delta-specs-grid-layout {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: 60px !important;
        row-gap: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .delta-specs-grid-cell {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 16px !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
    
    .delta-specs-cell-title {
        color: #ffffff !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        margin: 0 0 16px 0 !important;
        text-transform: none !important;
    }
    
   .delta-specs-cell-description {
    color: #FFFFFFCC;
}
    
    .delta-specs-sub-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 24px !important;
        margin-top: 16px !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .delta-specs-sub-list-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: rgba(255, 255, 255, 0.8) !important;
        font-size: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .delta-specs-red-dot {
        width: 6px !important;
        height: 6px !important;
        background-color: #D61C23 !important; /* Branded Red */
        border-radius: 50% !important;
        display: inline-block !important;
        flex-shrink: 0 !important;
    }

    /* Responsive Queries */
    @media (max-width: 768px) {
        .delta-specs-grid-layout {
            grid-template-columns: 1fr !important;
            row-gap: 30px !important;
        }
        .delta-specs-dark-section {
            padding: 30px !important;
        }
        .delta-dimensions-overview-card {
            padding: 20px !important;
        }
    }
/* Base Layout Section Frame Wrapper */
    .delta-container-specifications-engine {
        font-family: inherit !important;
        max-width: 1140px !important;
        margin: 0px auto !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    .delta-container-specifications-engine * {
        box-sizing: border-box !important;
    }

    /* Primary Size Selector Headers Navigation Row (20' / 40') */
    .delta-size-selector-nav {
        display: flex !important;
        justify-content: center !important;
        gap: 40px !important;
        border-bottom: 2px solid #e5e7eb !important;
        margin:25px auto !important;
        padding: 0 !important;
		width:50%;
        list-style: none !important;
    }

    .delta-size-selector-nav li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .delta-size-selector-button {
        background: none !important;
        border: none !important;
        border-bottom: 3px solid transparent !important;
        padding: 10px 20px !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #6b7280 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        margin-bottom: -2px !important;
        box-shadow: none !important;
    }

    .delta-size-selector-button:hover {
        color: #D61C23 !important; /* Branded Red */
    }

    .delta-size-selector-button.delta-size-active {
        color: #1a1b25 !important; /* Dark Navy */
        border-bottom-color: #D61C23 !important; /* Branded Red */
    }

    /* Secondary Mobile-Scrollable Type Filter Row */
    .delta-type-scroller-viewport {
        width: 100% !important;
       
        margin-bottom: 30px !important;
        padding-top: 5px !important;
        padding-bottom: 12px !important;
        display: block !important;
        -webkit-overflow-scrolling: touch !important; /* Momentum tracking on mobile touch displays */
    }

    /* Scrollbar Tracking Engine Styles */
    .delta-type-scroller-viewport::-webkit-scrollbar {
        height: 4px !important;
    }
    .delta-type-scroller-viewport::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.03) !important;
        border-radius: 10px !important;
    }
    .delta-type-scroller-viewport::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.12) !important;
        border-radius: 10px !important;
    }

    .delta-type-pill-list {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 14px !important; /* Visual spacing isolating options */
        padding: 0 4px !important;
        margin: 0 !important;
        list-style: none !important;
        width: max-content !important; /* Prevents cell wrapping squash on responsive viewports */
    }

    .delta-type-pill-list li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        display: inline-block !important;
    }

    /* Base Inactive Filter Tab Button Option */
    .delta-type-filter-button {
        background-color: #f8fafc !important; /* Soft light grey tint */
        border: 1px solid #dcdfe4 !important; /* Thin perimeter border line */
        border-radius: 8px !important; /* Rounding matching reference snapshot exactly */
        padding: 11px 26px !important;
        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #2D3139 !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        box-shadow: none !important;
        outline: none !important;
        transition: all 0.2s ease-in-out !important;
    }

    .delta-type-filter-button:hover {
        background-color: #f1f5f9 !important;
        border-color: #3ba49a !important; /* Branded Teal */
        color: #3ba49a !important;
    }

    /* EXACT PILL ACTIVE STATE STYLE SHEET */
    .delta-type-filter-button.delta-type-active {
        background-color: #3ba49a !important; /* Solid block teal tone fill block */
        border-color: #3ba49a !important;
        color: #ffffff !important; /* Crisp high contrast white text font */
        font-weight: 600 !important;
    }

    /* Content Data Block Panels Display States */
    .delta-specs-data-panel {
        display: none !important;
    }

    .delta-specs-data-panel.delta-panel-active {
        display: block !important;
    }

    /* Precise Matrix Blueprint Specifications Table */
    .delta-blueprint-specs-matrix {
        width: 100% !important;
        border-collapse: collapse !important;
        border: 2px solid #555555 !important;
        background-color: #ffffff !important;
        margin: 0 !important;
    }

    .delta-blueprint-specs-matrix th, 
    .delta-blueprint-specs-matrix td {
        border: 1px solid #555555 !important;
        padding: 10px 12px !important;
        font-size: 15px !important;
        color: #000000 !important;
        vertical-align: middle !important;
    }

    .delta-matrix-main-header-title {
        background-color: #e0f2fe !important; /* Light Ice Blue */
        font-size: 18px !important;
        font-weight: bold !important;
        text-align: left !important;
    }

    .delta-matrix-column-header-unit {
        background-color: #e0f2fe !important; /* Light Ice Blue */
        font-weight: bold !important;
        text-align: center !important;
        width: 20% !important;
    }

    .delta-matrix-category-group-cell {
        background-color: #e0f2fe !important; /* Light Ice Blue */
        font-weight: bold !important;
        text-align: left !important;
    }

    .delta-matrix-dimension-label-cell {
        text-align: left !important;
    }

    .delta-matrix-dimension-value-cell {
        text-align: center !important;
    }

    .delta-matrix-blueprint-graphic-cell {
        text-align: center !important;
        width: 40% !important;
        background-color: #ffffff !important;
    }

    .delta-matrix-blueprint-graphic-cell img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Mobile Viewports Device Display Adaptation Rules */
    @media (max-width: 768px) {
        .delta-blueprint-specs-matrix th, 
        .delta-blueprint-specs-matrix td {
            padding: 8px 6px !important;
            font-size: 13px !important;
        }
        .delta-matrix-main-header-title {
            font-size: 15px !important;
        }
    }
/* Header */
.hdr-menu-main {width: 100% !important;float: left;max-width: 100%;position:absolute;top:0;z-index:9999 !important;}
.hdr-menu-main-btn a span.elementor-button-text {font-size: clamp(1.0625rem, 0.9511rem + 0.1739vw, 1.125rem) !important;font-family: "Plus Jakarta Sans", sans-serif !important;line-height:1.4 !important;font-weight: 400 !important;text-transform: capitalize;}

.hdr-menu-main-menu ul#menu-main-menu {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.hdr-menu-main-menu ul li a{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.2 !important;font-family: "Plus Jakarta Sans", sans-serif !important;font-weight:600 !important;}
.hdr-menu-main.fixed-header {position: fixed;background:#1A181B !important; z-index:99999;top:0;}
.hdr-menu-main.fixed-header .hdr-menu-main-inr {backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background:#ffffffa3 !important;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border:1px solid #FCE6E9;transition:all 0.5s ease;}
.hdr-menu-main{transition:all 0.5s ease;}
h1.entry-title {display: none;}


/* .hdr-menu-main {width: 100% !important;float: left;max-width: 100%;position:absolute;top:0;z-index:9999 !important;}
.hdr-menu-main-btn a span.elementor-button-text {font-size: clamp(1.0625rem, 0.9511rem + 0.1739vw, 1.125rem) !important;font-family: "Plus Jakarta Sans", sans-serif !important;line-height:1.4 !important;font-weight: 400 !important;text-transform: capitalize;}

.hdr-menu-main-menu ul#menu-main-menu {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.hdr-menu-main-menu ul li a{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;line-height:1.2 !important;font-family: "Plus Jakarta Sans", sans-serif !important;font-weight:600 !important;}
.hdr-menu-main.fixed-header {position: fixed;background:transparent !important; z-index:99999;}
.hdr-menu-main.fixed-header .hdr-menu-main-inr {backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background:#ffffffa3 !important;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border:1px solid #FCE6E9;} */

button.e-n-tab-title[aria-selected=true] {background:#FCEBE0 !important;position:relative;}
button.e-n-tab-title:hover {background:#FCEBE0 !important;}
button.e-n-tab-title[aria-selected=true]:before{position:absolute;content:'';width:2px;height:100%;left:-8px;top:0;background:#F2883B !important;}


/* Footer */
.elementor.elementor-29.elementor-location-footer{width: 100%;float: left;}
.footer-cta-sec .all-heading h2 {font-size: clamp(1.75rem, 1.2906rem + 1.7094vw, 3rem) !important;font-weight: 500 !important;line-height: 1.2 !important;letter-spacing: -0.02em;margin: 0;display:inline-block;font-family: "Hanken Grotesk", Sans-serif !important;}
.footer-cta-sec .all-heading p {font-size: clamp(1.125rem, 1.0791rem + 0.1709vw, 1.25rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;display:inline-block;font-family: "Hanken Grotesk", Sans-serif !important;}
.e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{font-weight:500 !important;}

.all-heading-footer h2{font-size: clamp(1.75rem, 1.2143rem + 1.7857vw, 3rem) !important;font-family: "Hanken Grotesk", Sans-serif !important;font-weight: 600 !important;line-height: 1.5 !important;}
.all-heading-footer p{font-size: clamp(1.125rem, 1.0714rem + 0.1786vw, 1.25rem) !important;font-family: "Hanken Grotesk", Sans-serif !important;font-weight: 400 !important;line-height: 1.5 !important;}
.all-heading-footer a{font-size: clamp(1.125rem, 0.9643rem + 0.5357vw, 1.5rem) !important;line-height:1.2 !important;font-family: "Hanken Grotesk", Sans-serif !important;font-weight: 400 !important;line-height: 1.5 !important;}

/* Annimation */
@keyframes translateXAnimation {
0% { transform: translateX(0);}
50% { transform: translateX(20px);}
100% { transform: translateX(0);}
}

/* .Xperience-bnr-sec-bar {animation: translateXAnimation 5s ease-in-out infinite;} */




/* Home-page */
.Xperience-bnr-sec-bar-txt p{font-size: clamp(0.9375rem, 0.7019rem + 0.3681vw, 1.07rem) !important;font-family: "Plus Jakarta Sans", sans-serif !important;line-height:1.1 !important;font-weight: 400 !important;}
.Xperience-bnr-sec-bar-txt span{font-size: clamp(0.695rem, 0.6741rem + 0.0834vw, 0.7575rem) !important;font-family: "Plus Jakarta Sans", sans-serif !important;line-height:1.1 !important;font-weight: 400 !important;}
.all-btn a span.elementor-button-text {font-size: clamp(1.0625rem, 0.9511rem + 0.1739vw, 1.125rem) !important;font-family: "Plus Jakarta Sans", sans-serif !important;line-height:1.4 !important;font-weight: 400 !important;text-transform: capitalize;}
.all-heading .why-choose-sec-rt p{font-size: clamp(1.125rem, 1.0832rem + 0.1668vw, 1.25rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;display:inline-block;font-family: "Plus Jakarta Sans", sans-serif !important;}
.all-heading .why-visitors-sec-inr h2 span{font-weight:600 !important;}
.timeline-wrapper {display: block;}
.timeline-menu {position: relative;padding-left:8px;border-radius: 0px;/*border-left:2px solid #D8001A*/;}
.timeline-item {position: relative;padding: 0px 0 0px 25px;cursor: pointer;min-height:90px;margin-bottom:20px;}
.timeline-item h3 {margin: 0;transition: 0.3s;opacity:80%}
.timeline-item::before {content: "";position: absolute;left: -13px;top: 8px;width: 8px;height:8px;background: #D8001A;border-radius: 50%;transition: 0.3s ease;z-index: 99;}
.timeline-menu:before{content: "";position: absolute;left: -2px;top: 8px;width: 2px;height:81%;background: #D8001A;border-radius: 50%;transition: 0.3s ease;z-index: 99;}
.timeline-item.active::before {width: 15px;height: 15px;left: -17px;border: 4px solid #f1cbd063;padding: 4px;}
.timeline-item.active h3 {color: #1E1E1E;opacity:100%;}
.tab-content {display: none;padding-top: 10px;padding-bottom: 0px;color:#1E1E1E;animation: fadeIn 0.3s ease;}
.tab-content.active {display: block;}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.we-serve-sec h2 span{font-weight:600 !important;}
/* .we-serve-sec-blk-txt h6{font-size: clamp(1.25rem, 1.2082rem + 0.1668vw, 1.375rem) !important;line-height:1.4 !important;}      */
.we-serve-sec-blk-txt .elementor-divider-separator {width: 3px !important;min-height:60px;height: 160px; max-height:100%;background: linear-gradient(180deg, #D8001A 0%, #1E1E1E 100%) !important;border: none !important;display: block;margin: 0 auto;}



/* Privacy-policys */
.pivacy-policy.all-heading h1 {font-size: clamp(2.5rem, 1.9487rem + 2.0513vw, 4rem) !important;font-weight: 500;line-height: 1.2 !important;letter-spacing: -.02em;margin: 0;display: inline-block;font-family:"Plus Jakarta Sans", sans-serif  !important;/*background: linear-gradient(90deg, #57006c, #57006c, #f2883b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;*/}
.pivacy-policy.all-heading h2 {font-size: clamp(2.25rem, 1.8319rem + 1.6681vw, 3.5rem) !important;font-weight: 500 !important;line-height: 1.2 !important;letter-spacing: -.02em; margin: 0;/*background: linear-gradient(90deg, #57006c, #57006c, #f2883b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;*/font-family:"Plus Jakarta Sans", sans-serif  !important;margin:50px 0 10px;}
.pivacy-policy.all-heading p {width:100%;margin: 0 0 16px !important;}
.pivacy-policy.all-heading li,.pivacy-policy.all-heading label {font-size:clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0 0 10px;font-family:"Plus Jakarta Sans", sans-serif  !important;}
.pivacy-policy.all-heading li a,.pivacy-policy.all-heading p a{color: #57006C !important;}
.pivacy-policy.all-heading li{position:relative;float: left;width: 100%;}
.pivacy-policy.all-heading li:before{position:absolute;content:'';width:8px;height:8px;top:9px;left:-20px;background:#000;border-radius:50%;display:inline-block;}
.the-smarter-choice {width:1000px !important; margin:0 auto !important}



/* ==========================================================================
   DELTA INFRA CUSTOM STYLES (EXACT MATCH)
   ========================================================================== */

/* --- HEADER --- */
.site-header-delta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0px 0 10px;
    background: linear-gradient(to bottom, rgba(30, 41, 59, 0.9) 0%, rgba(30, 41, 59, 0.4) 100%);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.header-inner {
/*     max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-link-delta {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}

.logo-text-delta {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.brand-name-top {
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 1px;
}

.brand-name-bottom {
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0.5px;
}

.header-right {
    display: flex;
    flex-direction: column;
    align-items:center;
    gap: 15px;
}

.header-contact-row {
    display: flex;
    gap: 16px;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:10px;
}
.header-contact-row img{width:18px;height:18px;object-fit:cover;display:block;}
.header-contact-row a{display:flex !important;flex-wrap:nowrap;}
.contact-btn-red {
    color:#1A1A2E;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    min-height: 24px;
}
.contact-btn-red:hover {color: #1A1A2E;}

.header-nav-delta ul {
    list-style: none;
    padding: 0;
    margin: 0;
/*     display: flex; */
    gap: 20px;
}

.header-nav-delta a {
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.header-nav-delta li.active a,
.header-nav-delta a:hover {
    border-bottom: 1px solid rgba(255,255,255,0.8);
}

.mobile-menu-toggle {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
}

.mobile-menu-toggle span {
    width: 25px;
    height: 2px;
    background: white;
}

/* --- HERO BANNER --- */
.hero-banner-delta {
    background-image: url('/wp-content/uploads/2026/04/globla-home-banner-updated.webp');
    background-size: cover;
    background-position: center;
    height: 100vh;
    min-height: 700px;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 60px;
}

.hero-overlay-delta {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(21, 30, 48, 0.8) 0%, rgba(21, 30, 48, 0.3) 100%);
    z-index: 1;
}

.hero-container-delta {
    position: relative;
    z-index: 2;
/*    display: flex;
    max-width: 1400px;
    margin: 0 auto; */
   
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}



.hero-badge-delta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #40BCA4;
    color: #ffffff;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.hero-badge-delta .dot-delta {
    width: 6px;
    height: 6px;
    background-color: #ffffff;
}

.hero-title-delta {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(3rem, 5vw, 4.5rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 40px 0;
}

.hero-title-delta .d-block {
    display: block;
}

.hero-title-delta .shift-right {
    padding-left: 50%; /* Adjusted to match exact offset in design */
}

.hero-divider-delta {
    width: 100%; /* Constrained width to match the text above it */
    height: 1px;
    background-color: #FFFFFF33;
    margin-bottom: 25px;
}

.hero-subtitle-delta {
font-family: 'Geist', sans-serif !important;
font-size: 20px! important;
    color: #fff;
    line-height: 30px;
letter-spacing: 0.6px;
max-width: 800px;
   
}

.hero-iso-logos-delta {
    display: flex;
    gap: 8px;
  
}

.hero-iso-logos-delta img {
    
    border-radius: 12px;
}

@media (max-width: 1024px) {
    .header-right { display: none; }
    .mobile-menu-toggle { display: flex; }
    .hero-container-delta { flex-direction: column; align-items: flex-start; gap: 40px; }
    .hero-title-delta .shift-right { padding-left: 0; }
    .hero-iso-logos-delta { margin-bottom: 0; }
}

/* ==========================================================================
   FRONT PAGE EXACT DESIGN STYLES (NO INLINE)
   ========================================================================== */
.hero-title-delta { font-weight: 400 !important; font-size: clamp(3rem, 4.5vw, 4.2rem) !important; letter-spacing: -1px; }

.pt-60 { padding-top: 60px; }
.intro-partners-title { font-weight: 500; text-align: center; font-size: 32px; color: #1A1A2E;  font-family: 'Outfit', sans-serif; }
.partners-logos-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;  margin-left: auto; margin-right: auto;margin-top:26px; }
.partner-logo-box { border: 1px solid #EAEAEA; padding: 25px 35px; background: #fff; flex: 1; display: flex; justify-content: center; align-items: center; height: 100px; }
.partner-logo-img { max-height: 50px; max-width: 100%; object-fit: contain; }
.mt-30 { margin-top: 30px; }
.intro-years-grid { gap: 80px; align-items: center;  }
.intro-years-badge { background-color: #55BFA8; padding: 6px 14px; font-size: 10px; font-weight: 700; letter-spacing: 2px; border: none; margin-bottom: 20px; border-radius: 2px; color: #ffffff; display: inline-block; text-transform: uppercase; }
.intro-years-number { font-family: 'Geist', sans-serif; font-size: clamp(180px, 12vw, 246px); font-weight: 100 !important; line-height: 1; color: #1A1A2E; margin: 0; letter-spacing: -0.021em; }
.intro-years-plus { font-weight: 100; font-size: clamp(140px, 12vw, 200px);  }
.intro-years-text { font-family: 'Geist', sans-serif; font-size: 36px; line-height:36px; letter-spacing: 0.026em; color: #1A1A2E; margin-top: 8px;  font-weight: 400; justify-content:center;margin-left:8%;}
.intro-main-desc {font-size: 26px !important;
    line-height: 36px !important; font-family:"Geist",sans-serif;
    letter-spacing: 0.01em !important; }
.link-arrow-delta { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #1A1A2E; border-bottom: 2px solid #1A1A2E; line-height:20px; text-decoration: none; display: inline-block; margin-top: 35px; font-family: 'Inter', sans-serif; }
.link-arrow-delta:hover { color: #FA3C40; border-color: #FA3C40; }
.intro-divider { margin-top: 40px; border-bottom: 1px solid #ddd; width: 80px; }

/* ==========================================================================
   GLOBAL UTILITIES (TYPOGRAPHY & PADDING)
   ========================================================================== */
/* defult heading */
.home-banner-sec.all-heading h1 {font-size: clamp(2.25rem, 1.2321rem + 3.3929vw, 4.625rem) !important;font-weight: 600;line-height: 1!important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing: -0.03em;width:100%;float:left;}
.home-banner-sec.all-heading h3 {font-size: clamp(1rem, 0.9464rem + 0.1786vw, 1.125rem) !important;font-weight: 500;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing: -0.03em;}
.home-banner-sec.all-heading p {font-size: clamp(1.125rem, 1.0938rem + 0.1563vw, 1.25rem) !important;font-weight: 400;line-height: 1.4 !important;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing: 0.01em !important;width:100%;float:left;margin-top:16px !important;}

.all-heading h1 {font-size: clamp(2.25rem, 1.7143rem + 1.7857vw, 3.5rem) !important;font-weight: 600;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing:-0.03em;}
.all-heading h2 {font-size: clamp(1.875rem, 1.4464rem + 1.4286vw, 2.875rem) !important;font-weight: 500 !important;line-height: 1.3 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing:-0.02em !important;}
.all-heading h3 {font-size: clamp(1.5rem, 1.3746rem + 0.5004vw, 1.875rem) !important;font-weight: 500;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; }
.all-heading h4 {font-size: clamp(1.375rem, 1.2679rem + 0.3571vw, 1.625rem) !important;font-weight: 500 ;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; letter-spacing:0 !important;}
.all-heading h5 {font-size: clamp(1.25rem, 1.1964rem + 0.1786vw, 1.375rem) !important;font-weight: 500;line-height: 1.1 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing:-0.055em}
.all-heading h6 {font-size: clamp(1.125rem, 1.0714rem + 0.1786vw, 1.25rem) !important;font-weight: 500 !important;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; }
.all-heading p {font-size: clamp(1.125rem, 1.0938rem + 0.1563vw, 1.25rem) !important;font-weight: 400 !important ;line-height: 1.5 !important;margin: 0;font-family:"Geist", Sans-serif !important;margin-bottom:0px; letter-spacing:0.01em !important;}
.all-heading.all-heading-new p{font-size:18px !important;}
.all-heading p:last-child{margin-bottom:0px !important;}
.all-heading li, .all-heading ul {font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;font-family: "Geist", sans-serif !important;margin-bottom:15px;}
.all-heading a{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;font-family: "Geist", sans-serif !important;margin-bottom:0px;letter-spacing:0.01em;}
.all-heading.eael-breadcrumbs__content a span{font-size: 14px !important;font-weight: 400 !important;line-height: 1.1 !important;margin: 0;font-family:"Geist", Sans-serif !important; display:inline-block !important;}

.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}
.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28;background-color:#f56e28}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#dc3232;background-color:red;color:#fff;border-radius:3px}
.elementor-counter-number-wrapper{flex:0.4;}
/* defult padding */
/* .pdng-lt-rt{padding-left:80px!important;padding-right:80px !important;}
.pdng-rt{padding-right:80px !important;}       
.pdng-lt{padding-left:80px!important;}    
.pdng-tp{padding-top:100px !important;}
.pdng-btm{padding-bottom:100px !important;}
.pdng-tp-btm{padding-top:100px !important;padding-bottom:100px !important;} */

/* ==========================================================================
   CAPABILITIES SECTION (EXACT DESIGN MATCH)
   ========================================================================== */
.cap-header-grid-new { display: flex; gap: 60px; align-items: center; margin-bottom: 60px;
	margin-left: auto; margin-right: auto; }
.cap-header-grid-new h2 { flex: 1; margin: 0; }
.vertical-red-line-new { border-left: 2px solid #EF4444; padding-left: 25px; flex: 1; }
.vertical-red-line-new p { margin: 0; }

.cap-cards-container-new { display: grid; grid-template-columns: repeat(3, 1fr);  margin: 0 auto; background: #ffffff; border: 1px solid #EAEAEA; box-shadow: 0 10px 30px rgba(0,0,0,0.02); }
.cap-card-new { padding: 50px 40px; position: relative; border-right: 1px solid #EAEAEA; display: flex; flex-direction: column; overflow: hidden; }
.cap-card-new:last-child { border-right: none; }
.watermark-num-new { position: absolute; top: 10px; right: -8px; font-size: 140px; font-weight: 800; color: #F8F9FA; z-index: 0; line-height: 1; font-family: 'Geist', sans-serif; pointer-events: none; }
.cap-card-new > * { position: relative; z-index: 1; }
.cap-icon-new { margin-bottom: 30px; height: 32px; width: auto; }
.cap-card-new h4 { margin-bottom: 15px; }
.cap-card-new p { margin-bottom: 30px; color: #1a1a2e; font-size: 14px; line-height: 1.6; }

.cap-list-new { list-style: none; padding: 0; margin: 0; }
.cap-list-new li { position: relative; padding-left: 20px; margin-bottom: 15px; font-size: 13px; font-weight: 600; color: #1a1a2e; font-family: 'Inter', sans-serif; }
.cap-list-new li::before { content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; }
.cap-card-1 .cap-list-new li::before { background-color: #40BCA4; }
.cap-card-2 .cap-list-new li::before { background-color: #3B82F6; }
.cap-card-3 .cap-list-new li::before { background-color: #FACC15; }

@media (max-width: 991px) {
    .cap-header-grid-new { flex-direction: column; align-items: flex-start; gap: 30px; }
    .cap-cards-container-new { grid-template-columns: 1fr; border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; }
    .cap-card-new { border-right: none; border-bottom: 1px solid #EAEAEA; }
    .cap-card-new:last-child { border-bottom: none; }
}

/* Container & Background */
.light-bg {
    background-color: #F8F9FA;
    padding:75px 80px;
}

/* Header Section */
.ind-header-grid-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
   margin-bottom:26px;
  gap: 180px;
}

.ind-header-grid-new h2 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    color: #1A1A1A;
    flex: 1;
}

.vertical-red-line-new {
    border-left: 2px solid #EF4444; /* Red accent line */
    padding-left: 30px;
    flex: 1;
}

.vertical-red-line-new p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    max-width: 450px;
    margin: 0;
}

/* Cards Container - The "Border Collapse" Effect */
.ind-cards-container-new {
    display: flex;
    
    background: #ffffff;
    border: 1px solid #EAEAEA;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

/* Individual Card Styling */
.ind-card-new {
    flex: 1;
    padding: 40px 40px;
    border-right: 1px solid #EAEAEA;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    min-height: 300px;
	gap:20px;
}

.ind-card-new:last-child {
    border-right: none;
}

.ind-icon-new {
    width: 32px;
    height: 32px;
  
    object-fit: contain;
}


 /* CTA Section */
.cta-section{background:url("/wp-content/uploads/2026/05/delta-map-sec-bg-new-scaled-1.webp");color:#fff;padding:81px 102px 81px 0px;border-radius:12px;margin:0 auto;width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;position:relative;background-position:left center;background-repeat:no-repeat;background-size:cover;}
.cta-img{text-align:center}
.cta-img img{max-width:80%;margin:0 auto;opacity:.8}
.cta-content{padding-right:0px}
.cta-content h2{font-size:32px;margin-bottom:15px}
.cta-content p{color:#a0aabf;font-size:15px;margin-bottom:25px}

.delta-cta-new-sec-head{text-align:center}
.delta-cta-new-sec-head p{color:#1B181ACC;max-width:70%;margin:20px auto 50px}
.delta-cta-new-sec-blks{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.delta-cta-new-sec-blk{width:30%}
.delta-cta-new-sec-blk h3{font-size:clamp(1.875rem,1.4464rem + 1.4286vw,2.875rem)!important;font-weight:600!important;line-height:1.3!important}
.container-dot-animation{position:relative;width:100%;float:left;min-height:400px;height:100%}
#fluidCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:-40px;z-index:10;position:relative}
.pill{background-color:#f8f9fa;border:1px solid #eee;padding:10px 20px;border-radius:50px;font-size:18px;line-height:1.1;color:#333}

/* Hover Effect (Matches professional logistics UI) */


/* --- RESPONSIVE DESIGN --- */

@media (max-width: 1024px) {
    .ind-cards-container-new {
        flex-wrap: wrap;
    }
    .ind-card-new {
        flex: 1 1 33.33%; /* 3 cards on tablet */
        border-bottom: 1px solid #EAEAEA;
    }
    .ind-card-new:nth-child(3) {
        border-right: none;
    }
}

@media (max-width: 768px) {
    .ind-header-grid-new {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    
    .vertical-red-line-new {
        padding-left: 20px;
    }

    .ind-card-new {
        flex: 1 1 50%; /* 2 cards on small tablets */
    }
    
    .ind-card-new:nth-child(even) {
        border-right: none;
    }
}

@media (max-width: 480px) {
    .ind-card-new {
        flex: 1 1 100%; /* 1 card on mobile */
        border-right: none;
        padding: 40px 25px;
    }
    
    .ind-header-grid-new h2 {
        font-size: 28px;
    }
}

/* ==========================================================================
   FREIGHT FORWARDING SECTION (EXACT DESIGN MATCH)
   ========================================================================== */
.dark-bg-exact { background-color: #171827; }
.freight-header-grid { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px;  margin-left: auto; margin-right: auto; }
.freight-header-left { flex: 1; }
.freight-badge { font-size: 10px; font-weight: 700; letter-spacing: 2px; color: #40BCA4; text-transform: uppercase; margin-bottom: 15px; font-family: 'Inter', sans-serif; display: flex; align-items: center; }
.freight-dot { width: 6px; height: 6px; background-color: #40BCA4; border-radius: 50%; margin-right: 8px; }
.freight-header-left h2 { margin: 0; color: #fff;margin-top:16px; }
.freight-header-right { flex: 1; text-align: right; max-width: 400px; }
.freight-header-right p { margin: 0; color: #9CA3AF; }

.freight-cards-container { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,0.1); }
.freight-card-exact { border: 1px solid rgba(255,255,255,0.1); display: flex; flex-direction: column; }
/* SVG ARROW ICON SIZE & ALIGNMENT PROPERTIES */
    .freight-link-wrap .freight-link-icon {
        width: 24px !important;
        height: 24px !important;
        stroke: #0082FB !important; /* Links color to blue by default */
        stroke-width: 2.5 !important; /* Thick, clear profile stroke matching image */
        fill: none !important;
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), stroke 0.3s ease !important;
    }

    /* MICRO-INTERACTION HOVER STATE SYSTEM CONTROLS */
    .freight-link-wrap .freight-link:hover {
        color: #D61C23 !important; /* Seamlessly switches text to Branded Red on hover interaction */
    }

    .freight-link-wrap .freight-link:hover .freight-link-icon {
        stroke: #D61C23 !important; /* Flashes the custom inline arrow vector to Branded Red */
        transform: translate(4px, -4px) !important; /* Beautiful micro-slide movement pulling up and right */
    }
a.freight-link {
    display: flex;
    gap: 8px;
}
.freight-img-wrap-exact { position: relative; width: 100%; height: 220px; }
.freight-main-img { width: 100%; height: 100%; object-fit: cover; }
.white-square-icon { position: absolute; top: 20px; left: 20px;  display: flex; align-items: center; justify-content: center; }
/* .freight-icon-exact { width: 20px; height: 20px; object-fit: contain; } */
.dark-num-badge { position: absolute; bottom: 15px; right: 15px; background: rgba(0,0,0,0.6); color: #fff; padding: 5px 10px; font-size: 11px; font-weight: 600; border-radius: 2px; font-family: 'Inter', sans-serif; }

.freight-card-exact h4 { margin: 0; padding: 26px; color: #ffffff; }

.freight-card-content { padding: 0 30px 35px 30px; flex: 1; display: flex; flex-direction: column; background-color: transparent; }
.freight-card-content p { color: #9CA3AF; margin-bottom: 30px; flex: 1; }
.freight-link-wrap { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; }
.freight-link { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 600; color: #38BDF8; text-transform: uppercase; letter-spacing: 1.5px; text-decoration: none; display: inline-block; }
.freight-link:hover { color: #ffffff; }

@media (max-width: 991px) {
    .freight-header-grid { flex-direction: column; align-items: flex-start; gap: 20px; }
    .freight-header-right { text-align: left; max-width: 100%; }
    .freight-cards-container { grid-template-columns: 1fr; border-right: none; border-top: none; }
    .freight-card-exact { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .freight-card-exact:last-child { border-bottom: none; }
    .freight-card-exact h4 { padding: 35px 30px 20px 30px; }
    .freight-card-content { padding: 25px 30px 35px 30px; }
}

/* Container & Base Styles */


.ops-sec-exact {
    background-color: #F6F8FA; /* The slightly off-white bg from the image */
   padding:60px 80px !important;
}

.ops-grid-exact {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 80px;
    
    margin: 0 auto;
   
} button.delta-btn-badge-trigger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important; /* Spacing distance isolating inner dot bullet from text */
        background-color: #3ba49a !important; /* Professional sleek light grey corporate background */
       border:none !important;
        padding: 5px 5px !important; /* Balanced vertical and horizontal breathing space */
        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #fff !important; /* Solid dark navy text hue value */
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        cursor: pointer !important; /* Triggers hand pointer selection icon instantly on hover */
       
        transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; /* Fluid transition slide animation motion */
    }

    /* DIRECT BUTTON INTERACTION STATES */
    button.delta-btn-badge-trigger:hover {
        background-color: #3ba49a !important; /* Fills block layer with solid brand teal accent on hover */
        border-color: #3ba49a !important;
        color: #ffffff !important; /* High contrast crisp white typography flip */
    }

    /* CUSTOM SEGMENT BULLET ACCENT COMPONENT */
    button.delta-btn-badge-trigger .delta-btn-badge-dot {
        width: 6px !important;
        height: 6px !important;
        background-color: #fff !important; /* Branded signature solid red circle point */
        border-radius: 50% !important;
        display: inline-block !important;
        flex-shrink: 0 !important;
        transition: background-color 0.25s ease !important;
    }

    /* Syncs the inner red dot circle component to flash clean white on selector hover focus */
    button.delta-btn-badge-trigger:hover .delta-btn-badge-dot {
        background-color: #ffffff !important;
    }
section.intro-sec.white-bg.pdng-lt-rt.pdng-tp {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* Left Column Styling */
.ops-left-exact {
    position: relative;
}

.ops-badge-exact {
    background-color: #59B8B0; /* The exact teal green */
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-radius: 3px;
}

.ops-left-exact h2 {
    font-size: 42px;
    line-height: 1.2;
    color: #1A1A1A;
    margin-bottom: 30px;
    font-weight: 600;
}

.ops-desc-wrap-exact {
    border-left: 2px solid #E14A4A; /* Red vertical accent */
    padding-left: 25px;
}

.ops-desc-wrap-exact p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    max-width: 400px;
}

/* Right Column Styling */
.ops-right-exact {
    border-left: 1px solid #E5E7EB; /* Light grey separator */
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
}

/* The small red accent line on the main separator */
.ops-right-exact::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 2px;
    height: 100px; /* Adjust height to match image visual */
    background-color: #E14A4A;
}

.ops-item-exact {
    display: flex;
    gap: 25px;
}

.ops-icon-square {
    width: 50px;
    height: 50px;

    
    display: flex;
    justify-content: center;
    align-items: center;

    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.ops-icon-img {
    width: 60px;
    height: 60px;
}

.ops-item-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.ops-item-num {
    color: #E14A4A;
    font-weight: 700;
    font-size: 16px;
}

.ops-item-title-wrap h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #1A1A1A;
}

.ops-item-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    margin: 0;
}

/* --- AUTO RESPONSIVE BREAKPOINTS --- */

@media (max-width: 1024px) {
    .ops-grid-exact {
        gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
    .ops-right-exact {
        padding-left: 40px;
    }
}

@media (max-width: 991px) {
    .ops-grid-exact {
        grid-template-columns: 1fr; /* Stacks vertically */
        gap: 60px;
    }
    .ops-right-exact {
        border-left: none;
        padding-left: 0;
    }
    .ops-right-exact::before {
        display: none; /* Hide vertical lines on mobile */
    }
    .ops-left-exact h2 {
        font-size: 32px;
    }
}


/* ==========================================================================
   COMPLIANCE SECTION (EXACT DESIGN MATCH)
   ========================================================================== */
.comp-sec-exact { background-color: #fff; }
.comp-box-exact { display: flex;  background-color: #ffffff;  border:1px solid #1A1A2E1A;  }
.comp-left-exact { flex: 1; padding: 100px 80px; }
.comp-left-exact h2 { margin-bottom: 30px; }
.comp-left-exact p { margin-bottom: 25px; }
.comp-left-exact p:last-child { margin-bottom: 0; }

.comp-right-exact { flex: 1; background-color: #171827; padding: 100px 80px; position: relative; overflow: hidden; display: flex; align-items: center; }
.comp-list-exact { width: 100%; position: relative; z-index: 2; }
.comp-item-exact { display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.comp-item-exact:first-child { padding-top: 0; }
.comp-item-exact:last-child { border-bottom: none; padding-bottom: 0; }

.comp-num-exact { color: #FACC15; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; margin-right: 25px; }
.comp-item-exact h5 { color: #ffffff; flex: 1; margin: 0; }
.comp-check-icon { width: 18px; height: 18px; object-fit: contain; }

.comp-watermark { position: absolute; bottom: -30px; right: -30px; width: 280px; height: 280px; z-index: 1; opacity: 0.05; }
.comp-watermark img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 991px) {
    .comp-box-exact { flex-direction: column; }
    .comp-left-exact, .comp-right-exact { padding: 50px 30px; }
}

/* Container and Layout */
.light-bg {
    background-color: #F4F7F9; /* Light greyish-blue background */
    padding: 60px 80px !important;
}

.cap-header-grid-new {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
    gap: 40px;
}

.cap-header-grid-new h2 {
    font-size: 32px;
    line-height: 1.2;
    color: #1a1a1a;
    flex: 2;
    margin: 0;
}

/* The Vertical Red Line & Paragraph */
.vertical-red-line-new {
    flex: 1;
    border-left: 2px solid #E31E24; /* Red line */
    padding-left: 20px;
}

.vertical-red-line-new p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin: 0;
    text-transform: capitalize;
}

/* Card Grid */
.cap-cards-container-new {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.cap-card-new {
    padding: 40px;
    position: relative; /* Essential for watermark positioning */
    border-right: 1px solid #EDEDED;
    overflow: hidden;
}

.cap-card-new:last-child {
    border-right: none;
}

/* Watermark Numbers */
.watermark-num-new {
    position: absolute;
    top: 20px;
    right: -8px;
    font-size: 80px;
    font-weight: 800;
    color: #F2F2F2; /* Very faint grey */
    line-height: 1;
    z-index: 1;
}

/* Content inside card */
.cap-icon-new {
    width: 35px;
    height: 35px;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
}

.cap-card-new h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
}

.cap-card-new p {
    font-size: 14px;
    color: #1a1a2e;
    margin-bottom: 25px;
    line-height: 1.5;
}

/* List Styling with Squares */
.cap-list-new {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cap-list-new li {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    color: #1a1a1a;
}

.cap-list-new li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 12px;
}

/* Specific Card Colors */
.cap-card-1 .cap-list-new li::before { background-color: #4DB3A2; } /* Teal */
.cap-card-2 .cap-list-new li::before { background-color: #3B82F6; } /* Blue */
.cap-card-3 .cap-list-new li::before { background-color: #F59E0B; } /* Orange */

/* Responsive */
@media (max-width: 991px) {
    .cap-header-grid-new { flex-direction: column; }
    .cap-cards-container-new { grid-template-columns: 1fr; }
    .cap-card-new { border-right: none; border-bottom: 1px solid #EDEDED; }
}

/* ==========================================================================
   FOOTER EXACT DESIGN STYLES
   ========================================================================== */

.footer-discuss-section { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 40px;  gap: 175px !important; }
.footer-discuss-title { font-family: 'Geist', sans-serif; font-weight: 400; margin: 0; font-size: clamp(30px, 3.5vw, 45px); line-height: 1.2; letter-spacing: -1px; color: #ffffff; } .footer-discuss-content {
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.footer-discuss-desc { margin-bottom: 30px;  line-height: 1.6; color: rgba(255, 255, 255, 0.85); }
.footer-action-btns { display: flex; gap: 15px; }
.btn-solid-white { background-color: #ffffff; color: #1A1A2E; padding: 14px 28px; text-decoration: none; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; border-radius: 2px; transition: all 0.3s ease; }
.btn-outline-white { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff; padding: 14px 28px; text-decoration: none; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; border-radius: 2px; transition: all 0.3s ease; } .btn-outline-white :hover{color:#fff;}
.btn-solid-white:hover { background-color: #fff; }
.btn-outline-white:hover { background-color:#000 ; }
.footer-glass-box { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 36px; color: #ffffff; max-width: 1400px; margin: 0 auto; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }
.footer-glass-grid { display: grid; grid-template-columns: 1.5fr 1.3fr 1fr 1fr 1.2fr; gap: 30px; margin-bottom: 36px; }
/* .footer-glass-logo { height: 50px; margin-bottom: 25px; filter: brightness(0) invert(1); } */
.footer-brand-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
} .footer-brand-col img{width:150px;height:80px;}
.footer-brand-desc { color: #FFFFFFCC;  font-family: 'Geist', sans-serif;  }
.footer-col-title { font-size: 15px; font-weight: 600; font-family: 'Geist', sans-serif; margin-bottom: 25px; color: #ffffff; }
.footer-links-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 18px; }
.footer-links-list a { color: #fff; text-decoration: none; font-size: 16px; transition: color 0.3s ease;line-height:26px;font-family:"geist",sans-serif; }
.footer-links-list a:hover { color: #ffffff; }
.footer-links-split { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.footer-bottom-bar { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.footer-copyright { color: #fff; font-size: 16px; font-family: 'Geist', sans-serif; line-height:20px; }
.footer-legal-links { display: flex; gap: 16px; font-size: 16px; font-family: 'Geist', sans-serif;color:#fff; }
.footer-legal-links a { color: #fff; text-decoration: none; }
.footer-legal-links a:hover { color: #ffffff; }
.footer-legal-links .sep { color: rgba(255, 255, 255, 0.2); }
.footer-social-links { display: flex; gap: 12px; }
.social-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px;  }
/* .social-icon:hover { background-color: #ffffff; color: #1A1A2E; border-color: #ffffff; } */
@media (max-width: 1024px) { .footer-discuss-section { flex-direction: column; align-items: flex-start; gap: 30px; } .footer-glass-grid { grid-template-columns: 1fr 1fr; } .footer-brand-col { grid-column: 1 / -1; } }
@media (max-width: 768px) { .footer-glass-grid { grid-template-columns: 1fr; } .footer-links-col.double-col { grid-column: 1 / -1; } .footer-bottom-bar { flex-direction: column; align-items: flex-start; } }


/* GLOBAL MARKETS SECTIONS */
.markets-top {
    background-color: #1A1A2E;
    padding: 100px 80px;
    position: relative;
    overflow: hidden;
}
.markets-top > div { position: relative; z-index: 2; }
.globe-box {
    width: 80px; height: 80px;
    background: #FA3C40;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 0 0 40px rgba(250,60,64,0.5);
}
.globe-box img { width: 40px; height: 40px; }
.markets-bottom {
    background-color: #FFFFFF;
    padding: 80px;
    border-bottom: 1px solid #EAEAEA;
}
.btn-dark {
    background-color: #1A1A2E;
    color: #FFFFFF !important;
    padding: 15px 35px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.btn-dark:hover { background-color: #FA3C40; }
.text-right { text-align: right; }

/* OUR BUSINESS GRID */
.business-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1px;
    background: #EAEAEA;
    border: 1px solid #EAEAEA;
    margin-top: 50px;
    overflow: hidden;
}
.biz-item {
    background: #FFFFFF;
    padding: 40px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.biz-item img { width: 38px; height: 38px; margin-bottom: 15px; display: block; }
.biz-item h6 {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1A1A2E;
    margin: 0;
    line-height: 1.4;
    font-family: 'Geist', sans-serif;
}

/* =============================================
   HOME PAGE RESPONSIVE BREAKPOINTS
   ============================================= */
@media (max-width: 1200px) {
    .cap-header-grid { grid-template-columns: 1fr; gap: 30px; }
    .home-grid-5 { grid-template-columns: repeat(3, 1fr); }
    .business-grid { grid-template-columns: repeat(4, 1fr); }
    .markets-top, .markets-bottom { padding: 80px 40px; }
}

@media (max-width: 991px) {
    .grid-2 { grid-template-columns: 1fr !important; gap: 30px !important; }
    .grid-3 { grid-template-columns: 1fr !important; gap: 20px !important; }
    .home-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .business-grid { grid-template-columns: repeat(3, 1fr); }
    .compliance-wrapper { flex-direction: column; }
    .comp-left, .comp-right { padding: 50px 40px; }
    .ops-list-wrap { padding-left: 20px; }
    .markets-top { padding: 60px 40px; }
    .markets-bottom { padding: 60px 40px; }
    
    /* Partner Section Mobile Reorder */
    .partner-mobile-reorder { display: flex !important; flex-direction: column; }
    .partner-text-col { display: contents; }
    .partner-heading-exact { order: 1; margin-bottom: 20px; }
    .partner-img-col { order: 2; margin-bottom: 20px; width: 100%; }
    .partner-desc-wrap { order: 3; }
}

@media (max-width: 767px) {
    .hero-banner { min-height: 80vh; }
    .hero-title-wrap span:last-child { align-self: flex-start; }
    .hero-line-text { margin-top: 20px; }
    .home-grid-5 { grid-template-columns: repeat(2, 1fr); }
    .home-grid-5 .ind-card { border-right: none; border-bottom: 1px solid #EAEAEA; }
    .business-grid { grid-template-columns: repeat(2, 1fr); }
    .compliance-wrapper { flex-direction: column; }
    .comp-left, .comp-right { padding: 40px 20px; }
    .markets-top, .markets-bottom { padding: 60px 20px; }
    .partner-img { height: 260px; }
    .freight-img-wrap { height: 200px; }
    .gap-150 { gap: 40px !important; }
}

@media (max-width: 480px) {
    .home-grid-5 { grid-template-columns: 1fr 1fr; }
    .business-grid { grid-template-columns: repeat(2, 1fr); }
    .cap-card { padding: 30px 20px; }
    .comp-left, .comp-right { padding: 30px 15px; }
    .globe-box { width: 60px; height: 60px; }
    .globe-box img { width: 30px; height: 30px; }
    .all-heading-h1 { font-size: 28px !important; }
    .all-heading-h2 { font-size: 24px !important; }
    .all-heading-h3 { font-size: 20px !important; }
    .biz-item { padding: 25px 10px; }
}

/* Globe box — no border-radius, bottom margin */
.globe-box { border-radius: 0; margin-bottom: 40px; }

/* Markets red line spacing */
.markets-red-line { margin-bottom: 40px; }
.markets-desc-p { font-size: 16px; }
.markets-sub-p  { font-size: 16px; }

/* Markets CTA description */
.markets-cta-desc { margin-bottom: 30px; }

/* Business section heading */
.biz-heading      { font-weight: 300; }
.biz-heading-bold { font-weight: 500; }

/* ==========================================================================
   Delta Company Page
   Paste company-page-content.html into the WordPress editor for the page markup.
   ========================================================================== */

.delta-company-page {
    --delta-navy: #151b2d;
    --delta-ink: #171b24;
    --delta-muted: #667085;
    --delta-red: #ef2d3a;
    --delta-teal: #45c3b0;
    --delta-soft: #f4f7fb;
    color: var(--delta-ink);
    font-family: "Geist", "Inter", sans-serif;
    overflow: hidden;
}

.delta-company-page * {
    box-sizing: border-box;
}

.delta-company-hero {
    min-height: 560px;
    position: relative;
    display: flex;
    align-items: flex-end;
    background-color: var(--delta-navy);
}

.delta-company-hero__media,
.delta-company-hero__overlay {
    position: absolute;
    inset: 0;
}

.delta-company-hero__media {
    background-image: url("/wp-content/uploads/2026/04/delta-global-about-banner.webp");
    background-position: center;
    background-size: cover;
    transform: scale(1.01);
}

.delta-company-hero__overlay {
    background:
        linear-gradient(90deg, rgba(15, 22, 39, 0.88) 0%, rgba(15, 22, 39, 0.44) 48%, rgba(15, 22, 39, 0.78) 100%),
        linear-gradient(0deg, rgba(15, 18, 34, 0.95) 0%, rgba(15, 18, 34, 0.18) 64%);
}

.delta-company-hero__inner {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    padding: 190px 80px 56px;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 650px) auto;
    align-items: end;
    gap: 48px;
}

.delta-company-hero__content h1,
.delta-company-intro h2,
.delta-company-story h2,
.delta-company-values h2 {
    font-family: "Geist", "Outfit", sans-serif;
    letter-spacing: 0;
}

.delta-company-hero__content h1 {
    max-width: 620px;
    margin: 18px 0 22px;
    color: #ffffff;
    font-size: clamp(40px, 4.5vw, 72px);
    font-weight: 500;
    line-height: 1.04;
}

.delta-company-hero__lead {
    max-width: 620px;
    margin: 0;
    padding: 18px 0 18px 22px;
    border-left: 2px solid var(--delta-red);
    color: rgba(255, 255, 255, 0.86);
    font-size: 16px;
    line-height: 1.7;
}

.delta-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 8px 14px;
    background: var(--delta-teal);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.6px;
    line-height: 1;
    text-transform: uppercase;
}

.delta-section-kicker span {
    width: 5px;
    height: 5px;
    background: currentColor;
    display: inline-block;
}

.delta-section-kicker--dark {
    background: rgba(239, 45, 58, 0.08);
    color: var(--delta-red);
}

.delta-company-hero__years {
    justify-self: end;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 0.9;
}

.delta-company-hero__years strong {
    display: block;
    font-family: "Geist", "Inter", sans-serif;
    font-size: clamp(92px, 13vw, 180px);
    font-weight: 100;
    letter-spacing: 0;
}

.delta-company-hero__years strong span {
    font-size: 0.55em;
    vertical-align: top;
}

.delta-company-hero__years small {
    display: block;
    margin-top: 10px;
    font-size: clamp(16px, 2vw, 26px);
    font-weight: 300;
    letter-spacing: 16px;
    padding-left: 16px;
    text-transform: uppercase;
}

.delta-company-intro,
.delta-company-story,
.delta-company-values {
    padding: 96px 80px;
}

.delta-company-intro__grid,
.delta-company-story,
.delta-company-values__header,
.delta-company-values__grid,
.delta-company-proof {
    max-width: 1200px;
    margin: 0 auto;
}

.delta-company-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
    gap: 80px;
    align-items: start;
}

.delta-company-intro h2,
.delta-company-story h2,
.delta-company-values h2 {
    margin: 20px 0 0;
    color: var(--delta-ink);
    font-size: clamp(32px, 3vw, 50px);
    font-weight: 500;
    line-height: 1.12;
}

.delta-company-intro__copy p,
.delta-company-story__content p,
.delta-company-values article p,
.delta-company-proof article p {
    color: var(--delta-muted);
    font-size: 16px;
    line-height: 1.75;
}

.delta-company-intro__copy p:first-child {
    margin-top: 0;
}

.delta-company-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #dfe5ee;
    margin-bottom: 96px;
}

.delta-company-proof article {
    min-height: 235px;
    padding: 34px;
    background: #ffffff;
}

.delta-company-proof article span {
    color: var(--delta-red);
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.delta-company-proof article h3,
.delta-company-values article h3 {
    margin: 26px 0 12px;
    color: var(--delta-ink);
    font-family: "Geist", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.delta-company-proof article p,
.delta-company-values article p {
    margin: 0;
}

.delta-company-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    gap: 72px;
    align-items: center;
    background: var(--delta-soft);
    max-width: none;
}

.delta-company-story__image,
.delta-company-story__content {
    max-width: 560px;
}

.delta-company-story__image {
    justify-self: end;
    width: 100%;
    aspect-ratio: 1.08;
    overflow: hidden;
}

.delta-company-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.delta-company-story__content {
    justify-self: start;
}

.delta-company-story__content ul {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.delta-company-story__content li {
    position: relative;
    padding: 16px 0 16px 30px;
    border-top: 1px solid #dde3eb;
    color: var(--delta-ink);
    font-size: 16px;
    line-height: 1.5;
}

.delta-company-story__content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 23px;
    width: 9px;
    height: 9px;
    background: var(--delta-red);
}

.delta-company-values {
    background: #ffffff;
}

.delta-company-values__header {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 42px;
}

.delta-company-values__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #dfe5ee;
    border-left: 1px solid #dfe5ee;
}

.delta-company-values article {
    min-height: 245px;
    padding: 30px;
    border-right: 1px solid #dfe5ee;
    border-bottom: 1px solid #dfe5ee;
    background: #ffffff;
}

@media (max-width: 1024px) {
    .delta-company-hero__inner,
    .delta-company-intro,
    .delta-company-story,
    .delta-company-values {
        padding-left: 40px;
        padding-right: 40px;
    }

    .delta-company-hero__inner,
    .delta-company-intro__grid,
    .delta-company-story,
    .delta-company-values__header {
        grid-template-columns: 1fr;
    }

    .delta-company-hero__years {
        justify-self: start;
        text-align: left;
    }

    .delta-company-proof,
    .delta-company-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .delta-company-story__image,
    .delta-company-story__content {
        max-width: none;
        justify-self: stretch;
    }
}

@media (max-width: 640px) {
    .delta-company-hero {
        min-height: 620px;
    }

    .delta-company-hero__inner {
        padding: 140px 22px 38px;
        gap: 34px;
    }

    .delta-company-hero__lead {
        font-size: 15px;
    }

    .delta-company-hero__years strong {
        font-size: 82px;
    }

    .delta-company-hero__years small {
        font-size: 14px;
        letter-spacing: 9px;
        padding-left: 9px;
    }

    .delta-company-intro,
    .delta-company-story,
    .delta-company-values {
        padding: 64px 22px;
    }

    .delta-company-intro__grid,
    .delta-company-story,
    .delta-company-values__header {
        gap: 34px;
    }

    .delta-company-proof {
        grid-template-columns: 1fr;
        margin-bottom: 64px;
    }

    .delta-company-proof article,
    .delta-company-values article {
        min-height: 0;
        padding: 26px 22px;
    }

    .delta-company-values__grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Optimized Company Page V2
   Markup source: company-page-content.html
   ========================================================================== */

.company-hero.banner-about-us {
    min-height: 543px;
    display: flex;
    align-items: flex-end;
    position: relative;
    padding-top: 220px;
    padding-bottom: 24px;
    background-image:
        linear-gradient(90deg, rgba(17, 23, 39, 0.72) 0%, rgba(17, 23, 39, 0.18) 48%, rgba(17, 23, 39, 0.56) 100%),
        linear-gradient(0deg, rgba(14, 17, 33, 0.97) 0%, rgba(14, 17, 33, 0.68) 32%, rgba(14, 17, 33, 0.12) 70%),
        url("/wp-content/uploads/2026/04/delta-global-about-banner.webp");
    background-size: cover;
    background-position: center;
}

.company-hero .hero-content {
    width: min(620px, 100%);
    position: relative;
    z-index: 1;
}

.company-hero .all-heading-h1 {
    color: #ffffff;
    max-width: 520px;
    margin-bottom: 22px;
    font-size: clamp(30px, 3.1vw, 44px) !important;
    font-weight: 400 !important;
    line-height: 1.12 !important;
}

.company-hero .all-heading-h1 span {
    display: block;
}

.company-hero .hero-desc-box {
    max-width: 610px;
    padding: 10px 0 10px 18px;
    border-left: 2px solid #fa3c40;
}
/* Updated Button Target Class */
.banner-about-us .label-tag .badge-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
}
.company-hero .hero-desc-box p {
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
	  background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #db3727 !important; /* The signature vivid dark-red status border line */
    padding: 18px 24px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
}

.company-hero .hero-desc-box p + p {
    margin-top: 14px;
}

.company-label {
    width: fit-content;
    margin-bottom: 16px;
    padding: 7px 13px;
    background-color: #42bda9;
    border: 0;
}

.company-label .all-heading-p {
    font-size: 12px !important;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}

.company-label:not(.dark) .all-heading-p {
    color: #ffffff;
}

.company-hero-years {
    position: absolute;
    right: 18px;
    bottom: 0;
    z-index: 1;
    color: rgba(255, 255, 255, 0.86);
    text-align: center;
    line-height: 0.86;
    pointer-events: none;
}

.company-hero-years strong {
    display: block;
    font-family: "Geist", "Inter", sans-serif;
    font-size: clamp(110px, 12.6vw, 172px);
    font-weight: 100;
    letter-spacing: 0;
}

.company-hero-years strong span {
    font-size: 0.52em;
    vertical-align: top;
}

.company-hero-years small {
    display: block;
    margin-top: 8px;
    padding-left: 17px;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(16px, 1.8vw, 24px);
    font-weight: 300;
    letter-spacing: 18px;
    line-height: 1;
    text-transform: uppercase;
}

.company-grid {
    align-items: start;
}

.company-cargo {
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.company-cargo .cargo-list {
    display: grid;
    gap: 22px;
    margin-top: 34px;
}

.company-cargo .cargo-item {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 26px;
    background: #f6f8fb;
    border-left: 3px solid #fa3c40;
}

.cargo-icon,
.service-icon,
.value-icon,
.globe-box {
    display: grid;

}
.service-icon img{width:60px;}
.value-icon img{width:28px;}
.cargo-icon {
    width: 56px;
    height: 56px;
    background: #ffffff;
}

.cargo-icon svg,
.service-icon svg,
.value-icon svg,
.globe-box svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
}

.company-cargo .cargo-item p {
    margin: 0;
}

.cargo-watermark {
    position: absolute;
    left: -60px;
    bottom: -70px;
    width: 260px;
    opacity: 0.055;
    pointer-events: none;
}

.company-capabilities {
    background: #f4f7fb;
}

.company-capabilities .section-header {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.company-capabilities .section-header .company-label {
    margin-left: auto;
    margin-right: auto;
}

.company-service-grid {
    gap: 26px;
}

.company-capabilities .service-card {
    min-height: 100%;
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e1e7ef;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.company-capabilities .service-card:hover {
    transform: translateY(-4px);
    border-color: rgba(250, 60, 64, 0.28);
    box-shadow: 0 18px 42px rgba(21, 27, 45, 0.08);
}

.company-capabilities .service-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 30px;
    background: rgba(250, 60, 64, 0.09);
}

.company-capabilities .service-icon svg {
    width: 40px;
    height: 40px;
}

.company-capabilities .service-card h4 {
    margin: 0 0 16px;
}

.company-capabilities .service-card p {
    margin: 0;
}

.company-capabilities .service-card hr {
    border: 0;
    border-top: 1px solid #e1e7ef;
    margin: 24px 0;
}

.company-vm {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-vm .vm-box {
    min-height: 430px;
}

.company-vm .vm-box-vision {
    background: #151b2d;
    color: #ffffff;
}

.company-vm .vm-box-mission {
    background: #fa3c40;
    color: #ffffff;
}

.company-vm .all-heading-h2,
.company-vm .all-heading-p {
    color: inherit;
}

.company-vm .vm-label {
    display: inline-block;
    margin-bottom: 26px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

.company-vm .all-heading-p {
    max-width: 650px;
    color: rgba(255, 255, 255, 0.82);
}

.company-values {
    background: #ffffff;
}

.values-header-wrap {
/*     display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); */
/*     gap: 40px; */
	display:flex !important;
justify-content: space-between;
    align-items: end;
    margin-bottom: 36px;
}

.values-desc p {
    margin: 0;
}

.values-grid {
    gap: 0px;
    background: #FFFFFF;
}

.value-card {
    min-height: 310px;
    padding: 30px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* .value-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 26px;
    background: rgba(250, 60, 64, 0.09);
} */

.value-card h5 {
    margin: 0 0 14px;
}

.value-card p {
    margin: 0;
}

.company-connecting {
    background: #f4f7fb;
}

.company-connecting .globe-box {
    width: 74px;
    height: 74px;
    margin-bottom: 30px;
    background: #ffffff;
    color: #fa3c40;
}

.company-connecting .globe-box svg {
    width: 42px;
    height: 42px;
}

.connecting-list {
    display: grid;
    gap: 0;
}

.connect-item {
    padding: 0 0 26px 34px;
    position: relative;
    border-left: 1px solid #d5dce6;
}

.connect-item + .connect-item {
    padding-top: 26px;
}

.connect-item::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 6px;
    width: 9px;
    height: 9px;
    background: #fa3c40;
}

.connect-item + .connect-item::before {
    top: 32px;
}

.connect-item h6,
.connect-item p {
    margin: 0;
}

.connect-item p {
    margin-top: 10px;
}

.sector-layout {
    align-items: stretch;
}

.sector-intro {
    margin-top: 20px;
}

.sector-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 32px 0;
}

.sector-tag {
    padding: 11px 15px;
    background: #f4f7fb;
    border: 1px solid #e1e7ef;
    color: #151b2d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.quote-box {
    padding: 24px 28px;
    border-left: 3px solid #fa3c40;
    background: #151b2d;
}

.quote-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.sector-img {
    min-height: 520px;
    overflow: hidden;
}

.sector-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .company-hero-years {
        right: 28px;
        opacity: 0.72;
    }

    .company-hero-years strong {
        font-size: 112px;
    }

    .company-hero-years small {
        font-size: 15px;
        letter-spacing: 11px;
        padding-left: 11px;
    }

    .company-vm,
    .values-header-wrap {
        grid-template-columns: 1fr;
    }

    .company-service-grid,
    .values-grid.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sector-img {
        min-height: 380px;
    }
}

@media (max-width: 767px) {
    .company-hero.banner-about-us {
        min-height: 560px;
        padding-top: 180px;
        padding-bottom: 54px;
    }

    .company-hero .all-heading-h1 {
        max-width: 100%;
        font-size: 31px !important;
    }

    .company-hero .hero-desc-box {
        padding-left: 18px;
    }

    .company-hero-years {
        right: 18px;
        bottom: 18px;
        opacity: 0.25;
    }

    .company-hero-years strong {
        font-size: 86px;
    }

    .company-hero-years small {
        font-size: 12px;
        letter-spacing: 8px;
        padding-left: 8px;
    }

    .company-cargo .cargo-item {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .company-service-grid,
    .values-grid.grid-4 {
        grid-template-columns: 1fr;
    }

    .company-capabilities .service-card,
    .value-card {
        padding: 26px 22px;
    }

    .company-vm .vm-box {
        min-height: auto;
    }

    .values-header-wrap {
        gap: 18px;
        margin-bottom: 30px;
    }

    .connect-item {
        padding-left: 24px;
    }

    .sector-img {
        min-height: 300px;
    }
}









/* ===== HOME NEW PAGE CSS MOVED FROM assets/home-new.css ===== */

/* defult heading */
.all-heading .all-heading-new-sec h1 {font-size: clamp(2.25rem, 1.1786rem + 3.5714vw, 4.75rem) !important;font-weight: 600;line-height: 1 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;}
.all-heading.eael-breadcrumbs__content a span{font-size: 14px !important;font-weight: 400 !important;line-height: 1.1 !important;margin: 0;font-family:"Geist", Sans-serif !important; display:inline-block !important;}
.all-heading h1 {font-size: clamp(2.25rem, 1.7143rem + 1.7857vw, 3.5rem) !important;font-weight: 600;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;letter-spacing:-0.03em;}
.all-heading h2 {font-size: clamp(1.875rem, 1.4464rem + 1.4286vw, 2.875rem) !important;font-weight: 400 !important;line-height: 1.3 !important;margin: 0;display:block;font-family:"Geist", Sans-serif !important;letter-spacing:-0.02em !important;}
.all-heading h3 {font-size: clamp(1.5rem, 1.3746rem + 0.5004vw, 1.875rem) !important;font-weight: 500;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; }
/* .all-heading.sustanability-new-heading{font-size: clamp(1.75rem, 1.625rem + 0.625vw, 2.25rem) !important; font-weight: 400 !important;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; letter-spacing:0.01em !important;} */
.all-heading h4 {font-size: clamp(1.375rem, 1.2679rem + 0.3571vw, 1.625rem) !important;font-weight: 500 ;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; letter-spacing:0 !important;}
.all-heading h5 {font-size: clamp(1.25rem, 1.1964rem + 0.1786vw, 1.375rem) !important;font-weight: 500;line-height: 1.1 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important;}
.all-heading h6 {font-size: clamp(1.125rem, 1.0714rem + 0.1786vw, 1.25rem) !important;font-weight: 700 !important;line-height: 1.5 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif !important; }
.all-heading p {font-size: clamp(1.125rem, 1.0938rem + 0.1563vw, 1.25rem) !important;font-weight: 400 !important ;line-height: 1.5 !important;margin: 0;font-family:"Geist", Sans-serif !important;margin-bottom:0px; letter-spacing:0.01em !important;}
.all-heading .all-heading-new {font-size: clamp(1rem, 0.7772rem + 0.3478vw, 1.125rem) !important;}
.all-heading p:last-child{margin-bottom:0px !important;}
.all-heading li, .all-heading ul {font-size: clamp(1.125rem, 1.0938rem + 0.1563vw, 1.25rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;font-family: "Geist", sans-serif !important;margin-bottom:15px;}
.all-heading a{font-size: clamp(1rem, 0.9582rem + 0.1668vw, 1.125rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;font-family: "Geist", sans-serif !important;margin-bottom:0px;letter-spacing:0.01em;text-decoration:none !important;}
.all-heading.eael-breadcrumbs__content a span{font-size: 14px !important;font-weight: 400 !important;line-height: 1.1 !important;margin: 0;font-family:"Geist", Sans-serif !important; display:inline-block !important;}
.all-heading .post.type-post h3,.all-heading .post.type-post h3 a{font-size: clamp(1.375rem, 1.2679rem + 0.3571vw, 1.625rem) !important;font-weight: 300;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", Sans-serif  !important;}

/* defult */
.pdng-lt-rt{padding-left:60px!important;padding-right:60px !important;}
.pdng-rt{padding-right:60px !important;}       
.pdng-lt{padding-left:60px!important;}    
.pdng-tp{padding-top:100px !important;}
.pdng-btm{padding-bottom:100px !important;}
.pdng-tp-btm{padding-top:100px !important;padding-bottom:100px !important;}




/* ===== Global Hero Height Normalization ===== */
.about-ref-hero,.banner-about-us,.career21-hero,.careers-hero,.company-hero.banner-about-us,.delta-company-hero,.hero-banner,.hero-banner-delta,.home-hero-sec,.ind-hero,.ocean-hero,.ocean155-hero,.proj-hero-banner,.sab-hero-banner{min-height:100dvh!important;height:100dvh!important}

/* ==========================================================================
   DELTA HOME NEW PAGE STYLESHEET (SCOPED & PIXEL PERFECT)
   ========================================================================== */
.home-new-wrap{width:100%;overflow-x:hidden;color:#1a1a2e;background-color:#fff;box-sizing:border-box}
.home-new-wrap *{box-sizing:border-box}
.home-hero-sec{position:relative;background:url('/wp-content/uploads/2026/05/globla-home-banner-new-scaled.webp') no-repeat center center;background-size:cover;height:100vh;min-height:750px;display:flex;align-items:flex-end;padding-bottom:70px;color:#fff;overflow:hidden}
.home-hero-bg-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;z-index:0}
.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,39,.12) 12%,rgba(16,20,39,.54) 58%,rgba(16,20,39,.88) 100%);z-index:1}
.home-hero-inner{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto}
.home-hero-badge-wrap{margin-bottom:25px}
.home-hero-badge{display:inline-flex;align-items:center;gap:8px;background-color:#40bca4;color:#fff;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.home-hero-badge .badge-dot{width:6px;height:6px;background-color:#fff;border-radius:50%}
.home-hero-title{color:#fff!important;font-weight:600!important;margin-bottom:30px!important}
.home-hero-divider{width:100%;height:1px;background-color:rgba(255,255,255,.15);margin-bottom:35px;width:100%;float:left}
.home-hero-grid{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:50px;width:100%;float:left}
.home-hero-iso{display:flex;gap:12px}
.home-hero-desc-right{width:100%;display:flex;align-items:center;gap:26px}
.home-hero-iso-img{height:68px;width:auto;background:rgba(255,255,255,.9);padding:6px;border-radius:4px;transition:transform .3s ease}
.home-hero-iso-img:hover{transform:translateY(-5px)}
.home-hero-desc{max-width:620px}
.home-hero-desc p{color:rgba(255,255,255,.85)!important}
.home-hero-btn-wrap{width:50%}
.home-hero-btn{display:inline-block;background-color:#40bca4;color:#fff;padding:16px 27px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:all .3s ease;border-radius:50px}
.home-hero-btn:hover{background-color:#3ba49a;transform:translateY(-2px);box-shadow:0 5px 15px rgba(64,188,164,.3)}
.home-partners-sec{background-color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}
.home-partners-title{font-family:Geist,sans-serif;font-size:24px;font-weight:500;color:#1a1a2e;text-align:center;margin:0 0 35px 0}
.home-partners-logos{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;max-width:80%;margin:0 auto;float:none}
.partner-logo-item{display:flex;justify-content:center;align-items:center;flex:1;min-width:150px;height:auto}
.partner-logo-item img{max-height:90px;width:auto;filter:grayscale(0%);opacity:.7;transition:all .3s ease}
.partner-logo-item img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.05)}
.home-intro-sec{background-color:#fff}
.home-intro-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image badge-title" "image content";gap:40px 80px;max-width:1400px;margin:0 auto}
.home-intro-title-col{grid-area:badge-title;align-self:end}
.home-badge-teal{display:inline-block;background-color:#4db6ac;color:#fff;padding:8px 14px;font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}
.home-intro-title{color:#1a1a2e!important;font-weight:500!important;line-height:1.35!important}
.home-intro-image-col{grid-area:image}
.home-intro-img-frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px rgba(26,26,46,.08);background-image:url(/wp-content/uploads/2026/05/engineer-talking-young-asian-foreman-work-freight-industry-transport-logistics-concept-1.webp);background-position:top center;background-repeat:no-repeat;background-size:cover;min-height:200px;height:100%}
.home-intro-img{width:100%;height:auto;display:block;border-radius:16px;transition:transform .5s ease}
.home-intro-img-frame:hover .home-intro-img{transform:scale(1.03)}
.home-intro-content-col{grid-area:content;display:flex;flex-direction:column;justify-content:flex-start;gap:30px}
.home-intro-desc{color:#4a4b57!important}
.home-intro-stats{border-bottom:1px solid #f1f3f5;padding-bottom:46px}
.home-intro-stat-num{font-family:Geist,sans-serif;font-size:64px;font-weight:600;color:#1a1a2e;line-height:1}
.home-intro-stat-lbl{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#4a4b57;letter-spacing:3px;margin-top:5px}
.home-intro-link{display:inline-flex;align-items:center;gap:8px;font-family:Geist,sans-serif;font-size:15px;font-weight:600;color:#1a1a2e;text-decoration:none;border-bottom:2px solid #1a1a2e;padding-bottom:4px;align-self:flex-start;transition:all .3s ease}
.home-intro-link i{font-size:18px;transition:transform .3s ease}
.home-intro-link:hover{color:#3ba49a;border-color:#3ba49a}
.home-intro-link:hover i{transform:translateX(5px)}
.home-trade-sec{position:relative;background-image:url('/wp-content/uploads/2026/05/aerial-view-container-cargo-ship-sea-1-scaled.webp');background-size:cover;background-position:center right;background-repeat:no-repeat;color:#fff;padding:60px 0}
.home-trade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;/*background:linear-gradient(180deg,rgba(26,26,46,0) 50%,rgba(26,26,46,.9) 100%);*/z-index:1}
.home-trade-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 0.8fr;max-width:1400px;margin:0 auto}
.home-trade-left{max-width:780px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.home-trade-title{color:#fff!important;font-weight:500!important;margin-bottom:40px!important}
.home-trade-left .ops-desc-wrap-exact{width:100%;float:left;color:#fff!important;padding-left:15px!important;border-left:2px solid #fff}
.home-trade-left .ops-desc-wrap-exact p{color:rgba(255,255,255,.85)!important;max-width:100%;float:left;width:100%;margin-bottom:15px!important}
.home-services-sec{background-color:#1a1a2e}
.home-services-header{max-width:100%;margin:0 auto 36px auto}
.home-services-index-badge{display:inline-block;background-color:transparent;color:#4db6ac;padding:0;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:15px}
.home-services-title{color:#fff!important;font-weight:500!important}
.home-services-tabs{display:flex;gap:15px;max-width:100%;margin:0 auto 36px auto;border-bottom:1px solid #f1f3f5;padding-bottom:15px}
.home-service-tab-btn{background:0 0;border:none;font-family:Geist,sans-serif;font-size:18px;font-weight:600;color:#fffFFFB2;cursor:pointer;padding:0 0;position:relative;transition:all .3s ease}
.home-service-tab-btn:hover{color:#fff;background:0 0!important}
.home-service-tab-btn.active{color:#fff;background:0 0!important}
.home-service-tab-btn::after{content:"";position:absolute;bottom:-16px;left:0;width:0;height:3px;background-color:#e6ae1b;transition:width .3s ease}
.home-service-tab-btn.active::after{width:100%}
.home-services-tab-pane{display:none;opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}
.home-services-tab-pane.active{display:block;opacity:1;transform:translateY(0)}
.home-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:100%;margin:0 auto}
.home-service-card{background-color:#fff;border:1px solid #f1f3f5;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.02);transition:all .3s ease}
.home-service-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(26,26,46,.08);border-color:#e6f7f4}
.home-service-img-wrap{position:relative;overflow:hidden;height:220px}
.home-service-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-service-card:hover .home-service-card-img{transform:scale(1.05)}
.home-service-arrow-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#1a1a2e;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:all .3s ease}
.home-service-arrow-btn i{font-size:20px;transition:transform .3s ease}
.home-service-card:hover .home-service-arrow-btn{background-color:#3ba49a;color:#fff}
.home-service-card:hover .home-service-arrow-btn i{transform:rotate(-45deg)}
.home-service-card-body{padding:25px}
.home-service-card-body h4{color:#1a1a2e!important;font-weight:500!important;margin-bottom:12px!important}
.home-service-card-body p{color:#4a4b57!important;font-size:15px!important;line-height:1.5!important}

.delta-cta-new-sec-head{text-align:center}
.delta-cta-new-sec-head p{color:#1B181ACC;max-width:70%;margin:20px auto 50px}
.delta-cta-new-sec-blks{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.delta-cta-new-sec-blk{width:30%}
.delta-cta-new-sec-blk h3{font-size:clamp(1.875rem,1.4464rem + 1.4286vw,2.875rem)!important;font-weight:600!important;line-height:1.3!important}
.container-dot-animation{position:relative;width:100%;float:left;min-height:400px;height:100%}
#fluidCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:-40px;z-index:10;position:relative}
.pill{background-color:#f8f9fa;border:1px solid #eee;padding:10px 20px;border-radius:50px;font-size:18px;line-height:1.1;color:#333}


.home-business-sec{background-color:#fff;border-top:1px solid #f1f3f5}
.home-business-header{text-align:center;max-width:800px;margin:0 auto 55px auto}
.home-business-title{color:#1a1a2e!important;font-weight:500!important;margin-bottom:15px!important}
.home-business-subtitle{color:#4a4b57!important}
.home-business-grid{display:grid;grid-template-columns:0.8fr 2.4fr 0.8fr;align-items:center;gap:30px;max-width:1400px;margin:0 auto 50px auto}
.home-business-stat-left,.home-business-stat-right{text-align:center}
.stat-large-val{font-family:Geist,sans-serif;font-size:56px;font-weight:600;color:#1a1a2e;line-height:1.1}
.stat-large-lbl{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#4a4b57;margin-top:8px}
.home-business-map-center{display:flex;justify-content:center;align-items:center}
.home-business-map-img{max-width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.03))}
.home-business-pills-wrap{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;max-width:1100px;margin:0 auto}
.home-business-pill{background-color:#f8fafc;border:1px solid #e2e8f0;color:#4a4b57;padding:10px 20px;font-size:14px;font-weight:500;border-radius:30px;transition:all .3s ease}
.home-business-pill:hover{background-color:#3ba49a;border-color:#3ba49a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px rgba(59,164,154,.2)}


.home-testimonials-sec{background-color:#fff;}
.home-testimonials-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1400px;margin:0 auto 40px auto}
.home-testimonials-title{color:#1a1a2e!important;font-weight:500!important}
.home-testimonials-nav{display:flex;gap:10px}
.testi-nav-btn{background-color:#fff;border:1px solid #e2e8f0;width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#1a1a2e;font-size:22px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.02);transition:all .3s ease}
.testi-nav-btn:hover{background-color:#3ba49a;border-color:#3ba49a;color:#fff;box-shadow:0 4px 10px rgba(59,164,154,.2)}
.home-testimonials-slider-wrap{max-width:1400px;margin:0 auto}
.home-testi-card{background-color:#F8F9FA;border:1px solid #e2e8f0;border-radius:12px;padding:40px;height:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.01)}
.home-testi-quote-icon{line-height:1;position:relative;top:0px;left:0px;z-index:1;pointer-events:none;width:22px;height:22px;margin-bottom:16px;}
.home-testi-text{position:relative;z-index:2;color:#4a4b57!important;font-size:16px!important;line-height:1.6!important;margin-bottom:24px!important;font-style:italic;flex-grow:1}
.home-testi-divider{width:100%;height:1px;background-color:#E5E7EB;margin-bottom:24px}
.home-testi-author{color:#1a1a2e!important;font-weight:600!important;margin:0 0 4px 0!important}
.home-testi-role{font-size:13px;color:#4a4b57;font-weight:500}
.home-testimonials-carousel .owl-dots{text-align:center;margin-top:35px}
.home-testimonials-carousel .owl-dot span{width:8px!important;height:8px!important;background:#cbd5e1!important;margin:5px 6px!important;transition:all .3s ease!important}
.home-testimonials-carousel .owl-dot.active span{background:#3ba49a!important;width:24px!important;border-radius:5px!important}
.freight-card{position:relative;width:100%;max-width:100%;aspect-ratio:4/3.5;border-radius:16px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.15);max-height:370px;height:100%}
.freight-image{width:100%;height:100%;object-fit:cover;display:block}
.freight-icon{position:absolute;top:20px;right:20px;width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;transition:transform .3s ease;z-index:2}
.freight-icon svg{fill:transparent}
.freight-icon:hover{transform:scale(1.05)}
.freight-content{position:absolute;bottom:16px;left:16px;right:16px;background-color:#fffFFF1A;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 20px;color:#fff;z-index:2}
.freight-content h5{margin:0 0 12px 0;font-size:24px;font-weight:500;letter-spacing:.5px}
.home-services-sec .freight-content p{margin:0;font-size:clamp(.99375rem, .9911rem + .0089vw, 1rem)!important;line-height:1.5;color:rgba(255,255,255,.9)}

/* Responsive adjustment for smaller screens */
@media (max-width: 480px) {
  .freight-card {
    aspect-ratio: 1 / 1;
  }
  
  .freight-content {
    padding: 20px;
  }
  
  .freight-content h3 {
    font-size: 20px;
  }
  
  .freight-content p {
    font-size: 14px;
  }
}
/* ==========================================================================
   8. RESPONSIVENESS AND TABLET/LAPTOP MEDIA QUERIES
   ========================================================================== */

@media (max-width: 1440px) {
    .home-hero-grid {
        gap: 30px;
    }
}

@media (max-width: 1200px) {
    .home-hero-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .home-hero-btn-wrap {
        margin-top: 10px;
    }
    
    .home-intro-grid {
        gap: 40px;
    }
    
    .home-services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    
    .home-business-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .home-business-stat-left,
    .home-business-stat-right {
        display: inline-block;
        width: 48%;
    }
}

@media (max-width: 991px) {
    .home-hero-sec {
        height: auto;
        padding-top: 150px;
        padding-bottom: 60px;
    }
    
    .home-partners-logos {
        justify-content: center;
    }
    
    .home-intro-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "badge-title"
            "image"
            "content";
    }
    
    .home-intro-title-col {
        text-align: center;
    }
    
    .home-badge-teal {
        margin-bottom: 15px;
    }
    
    .home-intro-content-col {
        align-items: center;
        text-align: center;
    }
    
    .home-intro-link {
        align-self: center;
    }
    
    .home-trade-grid {
        grid-template-columns: 1fr;
    }
    
    .home-trade-sec {
        background-position: center center;
    }
    
    .home-services-grid {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
}

@media (max-width: 767px) {
    /* Mobile Spacing and Heading Scale (from style.css overrides) */
    .home-hero-title {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
    
    .home-hero-iso {
        justify-content: center;
    }
    
    .home-hero-iso-img {
        height: 56px;
    }
    
    .home-hero-btn {
        width: 100%;
        text-align: center;
    }
    
    .home-partners-title {
        font-size: 20px;
    }
    
    .home-intro-stat-num {
        font-size: 48px;
    }
    
    .home-trade-title {
        font-size: 28px !important;
    }
    
    .home-services-tabs {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    
    .home-service-tab-btn::after {
        display: none;
    }
    
    .home-services-grid {
        grid-template-columns: 1fr;
    }
    
    .home-business-stat-left,
    .home-business-stat-right {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    
    .home-business-pill {
        font-size: 13px;
        padding: 8px 16px;
    }
    
    .home-testimonials-header {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}


/* ===== About Page Reference Replica (company-page-content.html) ===== */
.about-ref-wrap,.about-ref-wrap *{box-sizing:border-box}
.about-ref-wrap{width:100%;background:#fff;color:#1f2333;overflow:hidden}
.about-ref-wrap .all-heading-p{margin:0!important}
.about-ref-hero{position:relative;min-height:560px;display:flex;align-items:flex-end;padding-top:180px;padding-bottom:34px;background-image:url('/wp-content/uploads/2026/04/delta-global-about-banner.webp');background-size:cover;background-position:center}
.about-ref-hero-overlay{position:absolute;inset:0;/*background:linear-gradient(180deg,rgba(17,21,38,.2) 0,rgba(17,21,38,.72) 60%,rgba(17,21,38,.94) 100%)*/}
.about-ref-hero-inner{position:relative;z-index:1;max-width:60%}
.about-ref-kicker{display:inline-block;margin-bottom:14px;background:#40bca4;color:#fff;font-family:Geist,sans-serif;font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1;padding:8px 14px}
.about-ref-hero-title{color:#fff!important;font-weight:400!important;line-height:1.15!important;max-width:100%}
.about-ref-years{position:absolute;right:22px;bottom:18px;z-index:1;text-align:center;color:rgba(255,255,255,.92)}
.about-ref-years strong{display:block;font-family:Geist,sans-serif;font-size:clamp(76px, 8.8vw, 150px);line-height:.82;font-weight:200}
.about-ref-years span{display:block;margin-top:8px;font-family:Geist,sans-serif;font-size:clamp(14px, 1.2vw, 24px);letter-spacing:12px;font-weight:300;line-height:1;padding-left:12px}
.about-ref-partners{padding-top:68px!important;padding-bottom:40px!important;background:#fff}
.about-ref-partners-title{text-align:center;font-weight:400!important}
.about-ref-logos{max-width:940px;margin:36px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;align-items:center}
.about-ref-logo{display:flex;justify-content:center;align-items:center}
.about-ref-logo img{max-width:100%;max-height:54px;width:auto}
.about-ref-support{background:#fff;}
.about-ref-support-main{display:flex;/*grid-template-columns:1.08fr 1.45fr;*/gap:90px;align-items:stretch;flex-wrap:nowrap;justify-content:space-between;}
.about-ref-support-meta-main {display: flex;gap: 20px;justify-content: space-between;align-items: end;}
.about-ref-support-title-col {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 20px;width:40%;float:left;flex-direction: column;}
.about-ref-support-title-col h2{color:#222638;font-weight:400!important;max-width:420px}
.about-ref-support-image-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;margin-top:28px}
.about-ref-support-image{width:100%;height:272px;object-fit:cover;border-radius:14px}
.about-ref-support-meta{padding-bottom:2px}
.about-ref-support-stat{font-family:Geist,sans-serif;font-size:clamp(42px, 3.2vw, 58px);line-height:.95;color:#26293d}
.about-ref-support-sub{margin:6px 0 14px;color:#7d8398;letter-spacing:8px;font-size:12px;line-height:1}
.about-ref-support-meta p{font-size:16px!important;line-height:1.65!important;color:#646b7f!important}
.about-ref-support-cards-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:60%;}
.about-ref-feature-card{border-radius:18px;border:1px solid #E4E4E7;padding:24px 22px;min-height:196px;background:#F5F5F5;min-height:270px;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.about-ref-feature-card.feature-card-iso{background:#fff;}
.about-ref-feature-card h3{font-size:30px;font-size:clamp(20px, 1.5vw, 28px)!important;line-height:1.3!important;margin:0 0 10px!important;font-weight:500!important;color:#2a2f43!important;width:100%;float:left;}
.about-ref-feature-card p{font-size:15px!important;line-height:1.6!important;color:#596077!important;width:100%;float:left;}
.about-ref-iso-icons{display:flex;gap:6px;margin-bottom:28px}
.about-ref-iso-icons img{width:60px;height:60px;object-fit:contain}
.feature-card-price{background:#d9ecec;  display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.feature-card-track{background:#e8e2d4; display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.about-ref-capabilities{background:#eef0f4;padding:60px 0;}
.about-ref-cap-head{text-align:center;max-width:100%;margin:0 auto 38px}
.about-ref-cap-head h2{font-weight:400!important}
.about-ref-cap-head p{margin-top:10px!important;color:#666d80!important;font-size:15px!important}
.about-ref-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-ref-cap-card{background:#f8f9fb;border:1px solid #E4E4E7;border-radius:26px;min-height:350px;padding:38px 46px;display:flex;flex-direction:column;justify-content:space-between;gap: 36px;}
.about-ref-cap-card h5{margin:0 0 36px!important;color:#1A1A2E !important}
.about-ref-cap-card p{font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.5!important;color:#1A1A2EE5 !important}
.about-ref-vm-box-img {width: 100%;float: left;text-align: center;align-items: center;display: flex;justify-content: center;}
.about-ref-cap-icon{margin-top:auto;width:80px;height:80px}
.about-ref-vm{background:#181a3a;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;position:relative}
.about-ref-vm::before{content:"";position:absolute;left:50%;top:42px;bottom:42px;width:1px;background:rgba(255,255,255,.25)}
.about-ref-vm-box{padding:50px 70px;text-align:center}
.about-ref-vm-icon{width:120px;height:120px;margin-bottom:20px}
.about-ref-vm-box h2,.about-ref-vm-box p{color:#fff!important}
.about-ref-vm-box h2{font-weight:400!important;margin-bottom:14px!important}
..about-ref-vm .about-ref-vm-box p{max-width:100%;margin:0 auto!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem)!important;line-height:1.5!important;color:#FFFFFFCC!important}
.about-ref-values{background:#fff}
.about-ref-values-head{text-align:center;max-width:760px;margin:0 auto 32px}
.about-ref-values-head h2{font-weight:400!important}
.about-ref-values-head p{margin-top:10px!important;font-size:15px!important;color:#6a7083!important}
.about-ref-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.about-ref-value-card{border:1px solid #e3e7ef;border-radius:18px;padding:38px 26px;min-height:250px}
.about-ref-value-card h5{margin-bottom:10px !important;}
.about-ref-value-icon{width:32px;height:32px;margin-bottom:36px}
.about-ref-value-card h3{margin:0 0 10px!important;color:#2d3144!important}
.about-ref-value-card p{font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem)!important;line-height:1.5!important;color:#1A1A2ECC !important}
.about-ref-value-card.card-teal{background:#d6ecea}
.about-ref-value-card.card-blue{background:#dbe6f2}
.about-ref-value-card.card-beige{background:#ece8d8}
.about-ref-testimonials{background:#fff;padding-top:0!important}
.about-ref-testimonials-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.about-ref-testimonials-head h2{font-weight:400!important}
.about-ref-testimonials-nav{display:flex;gap:8px}
.about-ref-nav-btn{width:28px;height:28px;border:1px solid #dfe4ec;background:#fff;color:#525a70;line-height:1;font-size:18px;cursor:pointer}
.about-ref-testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.about-ref-testi-card{background:#f6f7fa;border:1px solid #ebedf2;border-radius:16px;padding:20px 22px;min-height:274px}
.about-ref-quote{display:inline-block;color:#79b7ff;font-size:32px;line-height:1;margin-bottom:6px}
.about-ref-testi-card p{color:#51586c!important;font-size:15px!important;line-height:1.58!important;margin-bottom:18px!important}
.about-ref-testi-card h3{margin:0 0 8px!important;color:#1f2335!important;font-weight:700!important;font-size:21px!important}
.about-ref-testi-card h4{margin:0;color:#6a7184;font-family:Geist,sans-serif;font-size:11px;letter-spacing:.35px;font-weight:600;text-transform:uppercase}

@media (max-width: 1199px) {
  .about-ref-support-main {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .about-ref-support-title-col h2 {
    max-width: 100%;
  }

  .about-ref-support-image-col {
    margin-top: 0;
  }

  .about-ref-values-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-ref-testimonials-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .about-ref-hero {
    min-height: 500px;
    padding-top: 150px;
  }

  .about-ref-years {
    right: 14px;
    bottom: 12px;
  }

  .about-ref-years span {
    letter-spacing: 8px;
    padding-left: 8px;
  }

  .about-ref-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .about-ref-cap-grid {
    grid-template-columns: 1fr;
  }

  .about-ref-vm {
    grid-template-columns: 1fr;
  }

  .about-ref-vm::before {
    display: none;
  }

  .about-ref-testimonials-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .about-ref-hero {
    min-height: 440px;
    padding-top: 130px;
    padding-bottom: 26px;
  }

  .about-ref-hero-title {
    max-width: 100%;
  }

  .about-ref-years {
    opacity: 0.38;
  }

  .about-ref-partners {
    padding-top: 52px !important;
  }

  .about-ref-support-image-col {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .about-ref-support-image {
    height: 250px;
  }

  .about-ref-support-cards-col {
    grid-template-columns: 1fr;
  }

  .about-ref-vm-box {
    padding: 42px 14px;
  }

  .about-ref-values-grid {
    grid-template-columns: 1fr;
  }

  .about-ref-testimonials-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}

/* ===== Careers Page Replica (Page ID 21) ===== */
.career21-wrap,.career21-wrap *{box-sizing:border-box}
.career21-wrap{width:100%;background:#fff;color:#222638}
.career21-hero{position:relative;min-height:700px;display:flex;align-items:flex-end;padding-top:180px;padding-bottom:38px;background:url('/wp-content/uploads/2026/05/DG-Careers-banner.webp') no-repeat center center;background-size:cover}
.career21-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,20,39,.12) 12%,rgba(16,20,39,.54) 58%,rgba(16,20,39,.88) 100%)}
.career21-hero-content{position:relative;z-index:1;max-width:980px;margin:0 auto;text-align:center}
.career21-hero-content h1{color:#fff!important;margin-bottom:14px!important;font-weight:400!important}
.career21-hero-content p{color:rgba(233,237,248,.94)!important;max-width:100%;margin:0 auto!important;line-height:1.75!important}
.career21-building{background:#fff;padding:60px 0;}
.career21-building-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.career21-building-text h2{margin-bottom:24px!important;font-weight:400!important}
.career21-building-text p{color:#60687d!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.72!important;margin-bottom:14px!important}
.career21-building-image{width:100%;border-radius:16px;display:block}
.career21-why{background:#eff1f6;padding:60px 0;}
.career21-center-title{text-align:center;margin-bottom:36px!important;font-weight:400!important}
.career21-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.career21-why-card{background:#f6f7fa;border:1px solid #e2e5ec;border-radius:26px;min-height:309px;padding:54px 32px}
.career21-why-icon{width:32px;height:32px;margin-bottom:36px}
.career21-why-card h5{margin:0 0 12px!important;color:#2a2f43!important}
.career21-why-card p{color:#61697d!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.7!important}
.career21-develop{position:relative;background:url('/wp-content/uploads/2026/05/Developing-Logistics-bg-scaled.webp') no-repeat center center;background-size:cover;min-height:600px;display:flex;align-items:center}
.career21-develop-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,22,45,.95) 0,rgba(17,22,45,.88) 32%,rgba(17,22,45,.15) 70%,rgba(17,22,45,0) 100%)}
.career21-develop-grid{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1fr 1fr}
.career21-develop-text{max-width:640px}
.career21-develop-text h2{color:#fff!important;margin-bottom:18px!important;font-weight:400!important}
.career21-develop-text p{color:rgba(236,240,250,.9)!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.75!important;margin-bottom:10px!important}
.career21-join{background:#fff}
.career21-join-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:34px;align-items:start}
.career21-join-text h2{margin-bottom:16px!important;font-weight:400!important}
.career21-join-text p{max-width:410px;color:#60687d!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.74!important}
.career21-form-wrap{background:#F5F5F5;border-radius:14px;padding:60px 36px;border:1px solid #e3e6ec}
.career21-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.career21-form-grids {display: flex;flex-wrap: wrap;gap: 10px;}
.career21-form-grid-lft, .career21-form-grid-rt {width: 49%;float: left;}
.career21-form input,.career21-form textarea{width:100%;border:1px solid #d6dbe5;background:#fff;border-radius:4px;padding:12px 14px;font-family:Geist,sans-serif;font-size:14px;color:#2a2f43}
.career21-form-grid-full {width: 100%;float: left;}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {max-height: 100px;}
.career21-form textarea{margin-bottom:12px;resize:vertical}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea {border: 1px solid #CCCCCC !important;border-radius: 5px !important;padding: 10px !important;transition: all .3s;width: 100%;outline: none;}
.career21-form input[type=file]{border:none;background:0 0;padding:0;margin-bottom:14px}
.career21-submit{width:100%;border:none;border-radius:999px;background:#ef2435;color:#fff;font-family:Geist,sans-serif;font-size:15px;font-weight:600;line-height:1;padding:16px 20px;cursor:pointer}

@media (max-width: 1100px) {
  .career21-building-grid,
  .career21-join-grid {
    grid-template-columns: 1fr;
  }

  .career21-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .career21-develop-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .career21-hero {
    min-height: 520px;
    padding-top: 130px;
    padding-bottom: 28px;
  }

  .career21-building-grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .career21-building-text {
    order: 1;
  }

  .career21-building-image-wrap {
    order: 2;
  }

  .career21-building-text p {
    order: 3;
  }

  .career21-why-grid,
  .career21-form-grid {
    grid-template-columns: 1fr;
  }

  .career21-form-wrap {
    padding: 18px;
  }
}

/* ===== Ocean Freight Page Replica (Page ID 155) ===== */
.ocean155-wrap,.ocean155-wrap *{box-sizing:border-box}
.ocean155-wrap{width:100%;background:#fff;color:#1f2436}
.ocean155-hero{position:relative;min-height:600px;padding-top:180px;padding-bottom:42px;display:flex;align-items:flex-start;background:url('/wp-content/uploads/2026/05/DG-Ocean-Freight-banner.webp') no-repeat center center;background-size:cover;overflow:hidden;}
.ocean155-hero-overlay{position:absolute;inset:0;/*background:linear-gradient(180deg,rgba(14,22,42,.2) 0,rgba(14,22,42,.68) 72%,rgba(14,22,42,.9) 100%)*/}
.ocean155-hero-grid{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1.3fr .7fr;align-items:start;gap:28px}
.ocean155-kicker{display:inline-block;background:#40bca4;color:#fff;font-family:Geist,sans-serif;font-size:10px;letter-spacing:1.8px;padding:8px 14px;border-radius:999px;margin-bottom:18px}
.ocean155-hero-left h1{color:#fff!important;font-weight:400!important;max-width:730px}
.ocean155-hero-card{background:rgba(22,123,174,.34);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:24px 24px 22px;backdrop-filter:blur(6px);margin-top:min(55%, calc(100dvh - 480px));}
.ocean155-hero-card p{color:rgba(236,244,252,.96)!important;font-size:15px!important;line-height:1.7!important;margin-bottom:18px!important}
.ocean155-hero-btn{display:inline-block;background:#f02435;color:#fff;text-decoration:none;border-radius:999px;padding:12px 22px;font-family:Geist,sans-serif;font-size:14px;font-weight:600}
.ocean155-reliable{background:#eef1f5;padding:100px 0 60px;}
.ocean155-reliable-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start}
.ocean155-reliable-img{width:100%;border-radius:14px;display:block}
.ocean155-reliable-left {width: 100%;float: left;background: url('/wp-content/uploads/2026/05/DG-Ocean-Freight-2nd-sec-img.webp');background-position: top center;background-size: cover;background-repeat: no-repeat;border-radius:16px;min-height:200px;height:100%;}
.ocean155-reliable-right h2{font-weight:400!important;margin-bottom:36px!important}
.ocean155-mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ocean155-mini-card{background:#F5F5F5;border:1px solid #E4E4E7;border-radius:26px;padding:36px 15px;min-height:270px;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.ocean155-mini-card.card-beige{background:#ece8dc}
.ocean155-mini-card h3{margin:0 0 12px!important}
.ocean155-mini-card p{color:#636c82!important;font-size:15px!important;line-height:1.67!important}
.ocean155-capabilities{background:#fff}
.ocean155-center-head{text-align:center;max-width:860px;margin:0 auto 34px}
.ocean155-center-head h2{font-weight:400!important;margin-bottom:8px!important}
.ocean155-center-head p{color:#6a7287!important;font-size:15px!important}
.ocean155-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ocean155-cap-card{border:1px solid #e1e6ed;border-radius:18px;padding:28px 24px;min-height:370px;display:flex;flex-direction:column;justify-content:space-between;}
.ocean155-cap-card h5{margin:0 0 12px!important}
.ocean155-cap-card p{color:#1A1A2ECC !important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.68!important}
.ocean155-cap-icon{width:80px;height:80px;margin-top:auto}
.ocean155-industries{position:relative;background:#171a3c;min-height:430px;padding:60px 0;}
.ocean155-industries-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,26,60,.95) 0,rgba(23,26,60,.78) 45%,rgba(23,26,60,.28) 70%,rgba(23,26,60,.95) 100%)}
.ocean155-industries-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr .95fr .95fr;gap:28px;align-items:flex-start;}
.ocean155-industries-right {margin-top: 40%;}
.ocean155-industries-img-wrap {min-height: 200px;background-image: url('/wp-content/uploads/2026/05/DG-Ocean-Freight-5th-sec-img.webp');background-position: top center;background-size: cover;background-repeat: no-repeat;height:100%;border-radius:16px;}
.ocean155-industries-left h2,.ocean155-industries-left p,.ocean155-industries-right p{color:#fff!important}
.ocean155-industries-left h2{font-weight:400!important;margin-bottom:16px!important}
.ocean155-industries-left p,.ocean155-industries-right p{color:rgba(232,238,249,.86)!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.7!important}
.ocean155-industries-img{width:100%;border-radius:12px;display:block}
.ocean155-industries-highlight{margin-top:14px;border-left:2px solid #fff;padding-left:14px;color:#fff;font-size:30px;font-size:clamp(17px,1.3vw,22px);line-height:1.5;font-weight:600}
.ocean155-choose{background:#fff}
.ocean155-center-title{text-align:center;font-weight:400!important;margin-bottom:30px!important}
.ocean155-choose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ocean155-choose-card{border:1px solid #e2e7ee;border-radius:26px;padding:26px 22px;min-height:220px}
.ocean155-choose-icon{width:24px;height:24px;margin-bottom:36px}
.ocean155-choose-card h5{margin:0 0 16px!important}
.ocean155-choose-card p{color:#626a80!important;font-size: clamp(1.11875rem, 1.1161rem + 0.0089vw, 1.125rem) !important;line-height:1.62!important}
.faq-list-head {display: flex;flex-wrap: wrap;gap: 16px;}
.faq-list-containt{ border-top: 2px solid #1A1A2E;}
.faq-wrap{border-bottom:1px solid #dcdfe4!important;padding:16px!important;margin:0!important;display:flex!important;align-items:flex-start!important;cursor:pointer!important;position:relative!important;transition:background-color .2s ease!important}
.faq-desc-box{width:60%;padding-left:20px;border-left:2px solid #EC2633}
.faq-icon{margin-right:18px!important;margin-top:3px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important}
.faq-content .all-heading-h6{font-size:18px!important;font-weight:600!important;color:#1a1b25!important;margin:0!important;line-height:1.4!important;transition:color .2s ease!important}
.faq-content{flex-grow:1!important;padding-right:45px!important}
.faq-wrap::after{content:""!important;position:absolute!important;right:15px!important;top:30px!important;width:8px!important;height:8px!important;border-right:2px solid #1a1b25!important;border-bottom:2px solid #1a1b25!important;transform:rotate(45deg)!important;transition:transform .3s cubic-bezier(0.4,0,0.2,1),top .3s ease!important}
.faq-wrap.delta-faq-open::after{transform:rotate(-135deg)!important;top:34px!important}


@media (max-width: 1199px) {
  .ocean155-reliable-grid,
  .ocean155-industries-grid { grid-template-columns: 1fr; }
  .ocean155-cap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ocean155-choose-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .ocean155-hero { min-height: 500px; padding-top: 130px; }
  .ocean155-mini-cards,
  .ocean155-cap-grid,
  .ocean155-choose-grid { grid-template-columns: 1fr; }
}




/* ===== Leadership + Contact Alignment Refinements ===== */
.leadership-page-wrap{color:#131313}
.leadership-page-wrap .ldr-hero h1{margin:0;color:#fff}
.leadership-page-wrap .ldr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.leadership-page-wrap .ldr-card{overflow:hidden;background:#fff;cursor:pointer;transition:transform .5s ease}
.leadership-page-wrap .ldr-card:hover{transform: translateY(-10px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);}
.leadership-page-wrap .ldr-card img{width:100%;object-fit:cover;display:block}
.leadership-page-wrap .ldr-card-name{margin:0 0 6px}

.ldr-modal{position:fixed;inset:0;z-index:999999;visibility:hidden;opacity:0;transition:opacity .35s ease}
.ldr-modal.is-open{visibility:visible;opacity:1}
body.ldr-modal-open{overflow:hidden}
.ldr-modal-overlay{position:absolute;inset:0;background:#000000b8;opacity:0;transition:opacity .4s ease}
.ldr-modal.is-open .ldr-modal-overlay{opacity:1}
.ldr-modal-dialog{position:absolute;top:0;right:0;width:60%;height:100vh;background:#fff;overflow-y:auto;padding:80px 30px 30px;transform:translateX(100%);transition:transform .55s cubic-bezier(.77,0,.18,1);will-change:transform;box-shadow:-10px 0 40px #00000026}
.ldr-modal.is-open .ldr-modal-dialog{transform:translateX(0)}
.ldr-modal-close{position:absolute;top:28px;right:28px;width:64px;height:64px;border-radius:50%;border:2px solid #111;background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;color:#111;cursor:pointer;transition:.3s ease}
.ldr-modal-close:hover{background:#111;color:#fff;transform:rotate(90deg)}
.ldr-modal-name{margin:0 0 18px;font-size:52px;line-height:1.05;font-weight:700;letter-spacing:-1px;color:#111;width:100%;float:left;display: block;}
.ldr-modal-role{font-size:18px !important;font-weight:500;color:#1A1A2E;margin: 10px 0 24px;display: block;width: 100%;float: left;}
.ldr-modal-text{font-size:18px !important;line-height:1.5;color:#1A1A2ECC;white-space:pre-line}
.ldr-modal-dialog::-webkit-scrollbar{width:6px}
.ldr-modal-dialog::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:20px}



.contact-page-wrap{color:#1a1a2e}
.contact-page-wrap .ct-hero h1{margin:0;color:#fff}
.contact-page-wrap .ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
.contact-page-wrap .ct-card{overflow:hidden;width:100%;float:none;display:flex;flex-direction:column;align-items:stretch;height:100%;}
.contact-page-wrap .ct-card img{display:block;width:100%;object-fit:cover}
.contact-page-wrap .ct-card h3{margin:20px 0 12px}
.contact-page-wrap .ct-row{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:start;margin:10px 0}
.contact-page-wrap .ct-row::before{content:"";width:30px;height:30px;display:block;background-repeat:no-repeat;background-position:center;background-size:24px 24px;opacity:.95}
.contact-page-wrap .ct-card .ct-row:first-of-type::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d0f13' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.35-7-10a7 7 0 1 1 14 0c0 5.65-7 10-7 10Z'/%3E%3Ccircle cx='12' cy='11' r='2.6'/%3E%3C/svg%3E")}
.contact-page-wrap .ct-card .ct-row:last-of-type::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d0f13' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3.1 5.18 2 2 0 0 1 5.08 3h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.64 2.62a2 2 0 0 1-.45 2.11L9.1 10.62a16 16 0 0 0 4.28 4.28l1.17-1.17a2 2 0 0 1 2.11-.45c.84.31 1.72.52 2.62.64A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.contact-page-wrap .ct-label{display:none}

/* Elementor icon-list support inside location cards */
.contact-page-wrap .ct-card .elementor-icon-list-items{margin:0;padding:0}
.contact-page-wrap .ct-card .elementor-icon-list-item{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:start;margin:10px 0}
.contact-page-wrap .ct-card .elementor-icon-list-icon{width:30px;height:30px;min-width:30px;display:flex!important;align-items:center;justify-content:center}
.contact-page-wrap .ct-card .elementor-icon-list-icon svg, .contact-page-wrap .ct-card .elementor-icon-list-icon img{width:26px !important;height:26px !important;display:block;min-height: 100%;object-fit: contain;}
.contact-page-wrap .ct-card .elementor-icon-list-text{display:block;}
.contact-page-wrap .ct-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-page-wrap .ct-form-grid .full{grid-column:1 / -1}
.contact-page-wrap .ct-field{display:flex;flex-direction:column;gap:8px}
.contact-page-wrap .ct-submit{display:inline-flex;align-items:center;justify-content:center;min-width:160px;border:0;cursor:pointer}
.leadership-page-wrap{background:#e9eaee}
.leadership-page-wrap .ldr-hero{min-height:500px;padding:120px 80px 90px;background-image:linear-gradient(90deg,#1a1b3ecc 0%,#1a1b3ecc 38%,#1a1b3e88 50%,#1a1b3e00 66%),url(/wp-content/uploads/2026/05/Tech-delta-leadership-image-scaled.webp);height:100vh;display: flex;align-items: center;background-size: cover;background-position: top center;background-repeat: no-repeat;}
.leadership-page-wrap .ldr-hero-overlay-content{max-width:620px}
.leadership-page-wrap .ldr-hero p{color:#fff;margin-top:24px;max-width:620px}
.leadership-page-wrap .ldr-intro{padding-top:100px;padding-bottom:60px}
.leadership-page-wrap .ldr-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.leadership-page-wrap .ldr-intro-grid p{max-width:680px}
.leadership-page-wrap .ldr-grid-wrap{padding-top:0px;padding-bottom:100px}
.leadership-page-wrap .ldr-card{border-radius:24px;box-shadow:none}
.leadership-page-wrap .ldr-card img{height:250px}
.leadership-page-wrap .ldr-card-body{background:#fff;padding:20px 22px 14px}
.leadership-page-wrap .ldr-card-role{margin:0 0 16px;color:#101b45}
.leadership-page-wrap .ldr-read-row{border-top:1px solid #101b45;display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.leadership-page-wrap .ldr-arrow{font-size:30px;line-height:1;color:#101b45}
.contact-page-wrap .ct-hero{background:#1A1A2E !important;text-align:center;padding:120px 80px 32px}
.contact-page-wrap{background:#e9eaee}
.contact-page-wrap .ct-main{padding-top:70px}
.contact-page-wrap .ct-card{border-radius:20px;background:#f1f2f4}
.contact-page-wrap .ct-card img{height:230px;min-height:230px;max-height:230px;border-radius:20px 20px 0 0}
.contact-page-wrap .ct-card-body{background:#f1f2f4;padding:26px 30px 30px;display:flex;flex-direction:column;justify-content:flex-start;gap:0px;flex:1}
.contact-page-wrap .ct-card-body h3{margin:0 0 12px}
.contact-page-wrap .ct-card .ct-row:last-of-type{margin-top:auto;padding-top:8px}
.contact-page-wrap .ct-phone{margin:12px 0 0;font-size:clamp(1.5rem,1.2rem + 0.6vw,2rem);line-height:1.2!important}
.contact-page-wrap .ct-bottom{display:grid;grid-template-columns:1fr 1.85fr;gap:28px;margin-top:80px;padding-bottom:0}
.contact-page-wrap .ct-talent{background:#f1f2f4;border-radius:20px;padding:38px 34px}
.contact-page-wrap .ct-talent a{color:#101010;text-decoration:underline;font-weight:600!important;display:inline-block;margin-top:20px;}
.contact-page-wrap .ct-form-wrap{margin:0;border-radius:34px;background:#151738;box-shadow:none;padding:46px 44px}
.contact-page-wrap .ct-field span{color:#fff}
.contact-page-wrap .ct-field input,.contact-page-wrap .ct-field textarea{background:transparent;border:0;border-bottom:1px solid #d7d9e7;border-radius:0;color:#fff;padding:12px 0}
.contact-page-wrap .ct-submit{border-radius:999px;background:#1f84db;margin-top:8px}
.career-form{display:grid;grid-template-columns:1fr 1fr;gap:30px 60px;max-width:900px}
.career-form__field label{display:block;font-size:20px;color:#fff;margin-bottom:6px}
.career-form__field input,.career-form__field select{width:100%;border:none;border-radius:0!important;border-bottom:1px solid #fff!important;padding:6px 0;font-size:16px;background:transparent}
.career-form__submit input{background:#1e73be;color:#fff;border:none;padding:12px 28px;border-radius:30px;font-size:15px;cursor:pointer;transition:.5s}
.career-form__submit input:hover {background: #fff;color:#1e73be;}

.wpcf7-response-output {background: #ff0000;color: #fff;text-align: center;border: 1px solid #ff0000;border-radius: 10px;}




/* Responsive */
@media screen and (max-width:1920px){
.mbl-none{display:none !important;}
.pdng-tp-btm{padding-bottom:100px !important;padding-top:100px !important;}
.pdng-tp {padding-top: 100px !important;}
.pdng-btm {padding-bottom: 100px !important;}
.pdng-lt-rt {padding-left: 80px !important;padding-right: 80px !important;}
.pdng-lt {padding-left: 80px !important;}
.pdng-rt {padding-right: 80px !important;}

.mbl-none {display: none !important;}

}

@media screen and (max-width:1600px){
.register-bnr-sec-inr{width:65% !important}
.pdng-tp-btm{padding-bottom:100px !important;padding-top:100px !important;}
.pdng-tp {padding-top: 100px !important;}
.pdng-btm {padding-bottom: 100px !important;}
.pdng-lt-rt {padding-left: 80px !important;padding-right: 80px !important;}
.pdng-lt {padding-left: 80px !important;}
.pdng-rt {padding-right: 80px !important;}

}

@media screen and (max-width:1500px){
.hdr-menu-main-inr{width: 65%;}
.pdng-tp {padding-top: 100px !important;}
.pdng-btm {padding-bottom: 100px !important;}
.pdng-tp-btm{padding-bottom:100px !important;padding-top:100px !important;}

/* Home-page */


}

@media screen and (max-width:1400px){
.hdr-menu-main-inr{width: 68%;}
.pdng-tp {padding-top: 100px !important;}
.pdng-btm {padding-bottom: 100px !important;}
.pdng-lt-rt {padding-left: 60px !important;padding-right: 60px !important;}
.pdng-lt {padding-left: 60px !important;}
.pdng-rt {padding-right: 60px !important;}
.pdng-tp-btm{padding-bottom:100px !important;padding-top:100px !important;}

/* Home-page */
.ldr-modal-panel{width:60%;}

}

@media screen and (max-width:1300px){
.hdr-menu-main-inr{width: 74%;}
.pdng-tp {padding-top: 100px !important;}
.pdng-btm {padding-bottom: 100px !important;}
.pdng-lt-rt {padding-left: 40px !important;padding-right: 40px !important;}
.pdng-lt {padding-left: 40px !important;}
.pdng-rt {padding-right: 40px !important;}
.pdng-tp-btm{padding-bottom:100px !important;padding-top:100px !important;}

/* Home-page */
.reliable-support {padding: 100px 0;}

}

@media screen and (max-width:1200px){
.hdr-menu-main-inr{width: 85%;}
.pdng-tp {padding-top: 80px !important;}
.pdng-btm {padding-bottom: 80px !important;}
.pdng-lt-rt {padding-left: 40px !important;padding-right: 40px !important;}
.pdng-lt {padding-left: 40px !important;}
.pdng-rt {padding-right: 40px !important;}
.pdng-tp-btm{padding-bottom:80px !important;padding-top:80px !important;}

.leadership-page-wrap .ldr-card img {height: 340px;}
.ldr-modal-panel{width:72%;}
#ldr-modal-name{font-size:42px;}
#ldr-modal-text p{font-size:20px;}
.cards-grid-5 {grid-template-columns: repeat(3, 1fr);}
.reliable-support {padding: 80px 0;}

}



@media screen and (max-width:1100px){
.hdr-menu-main-inr{width: 88%;}
.pdng-tp {padding-top: 80px !important;}
.pdng-btm {padding-bottom: 80px !important;}
.pdng-lt-rt {padding-left: 40px !important;padding-right: 40px !important;}
.pdng-lt {padding-left: 40px !important;}
.pdng-rt {padding-right: 40px !important;}
.pdng-tp-btm{padding-bottom:80px !important;padding-top:80px !important;}
.reliable-support {padding:80px 0;}

}
@media screen and (max-width: 1025px){
.hdr-menu-main-inr-mbl {/* backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);*/background:#ffffff !important;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border:1px solid #FCE6E9;}
/* .hdr-menu-main.fixed-header .hdr-menu-main-inr-mbl {backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);background:#ffffffa3 !important;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border:1px solid #FCE6E9;} */
button.elementskit-menu-hamburger.elementskit-menu-toggler {padding: 0px !important;border: none !important;font-size: 20px;margin: 0px !important;}
.elementor-12 .elementor-element.elementor-element-4550e60 .elementskit-navbar-nav > li > a{font-size: clamp(1.0625rem, 1.0223rem + 0.1605vw, 1.125rem) !important;line-height: 1.2 !important;color: #131313;font-family:"Plus Jakarta Sans", sans-serif  !important;}
.elementskit-navbar-nav-default .elementskit-nav-identity-panel .elementskit-menu-close {float: right;background-color: #FFFFFF00;border-style: none;}
.elementor-12 .elementor-element.elementor-element-4550e60 .elementskit-menu-close {font-size: 20px;font-weight: 600 !important;}
.elementskit-menu-close, .elementskit-menu-hamburger {background-color: transparent !important;}
.elementskit-menu-overlay{background-color: transparent !important;}
.hdr-menu-main-inr {display:none !important;}



}

@media screen and (max-width: 1024px){

/* .elementskit-menu-offcanvas-elements {left: -4px !important;left: auto !important;transform: translateX(100%) !important;transition: transform 0.3s ease-in-out !important;}
.elementskit-menu-offcanvas-elements.active {transform: translateX(0%) !important;} */

.elementor .elementor-hidden-tablet {display: none !important;}
.pdng-tp {padding-top: 60px !important;}
.pdng-btm {padding-bottom: 60px !important;}
.pdng-lt-rt {padding-left: 40px !important;padding-right: 40px !important;}
.pdng-lt {padding-left: 40px !important;}
.pdng-rt {padding-right: 40px !important;}
.pdng-tp-btm{padding-bottom:60px !important;padding-top:60px !important;}

.feature-grid { gap: 40px; }
.hero-text { padding: 80px 0; }
.float-br { right: -20px; }
.float-bl { left: -20px; }
.footer-grid { grid-template-columns: 1fr 1fr; }

.mobmenu-right-panel {width: 100%;}
#mobmenuright li a {border: none !important;}
#mobmenuright li a img{display:none !important;}
.mobmenu-right-panel li, .rightmbottom, .rightmtop {padding-left: 0%;padding-right: 0%;}
.mobmenu-content li a {font-size: 18px !important;line-height:1.2 !important;margin-bottom: 0 !important;font-family: "Geist",sans-serif !important;padding: 13px 16px !important;font-weight:700 !important;}
.mobmenu-content li .sub-menu a {font-size: 18px !important;line-height:1.2 !important;margin-bottom: 0 !important;font-family: "Geist",sans-serif !important;padding: 10px 12px !important;font-weight:400 !important;}
.mobmenu-content #mobmenuright .sub-menu {background-color:#1A1A2E !important;}

html,body{overflow-x:hidden}
img,iframe,svg{max-width:100%;height:auto}
video:not(.home-hero-bg-video){max-width:100%;height:auto}
table{display:block;width:100%;overflow-x:auto}
.main-menu .nav-wrapper{min-width:0}
.main-menu .logo img{max-width:100%;height:auto}
.elementor img,.elementor video,.elementor iframe{max-width:100%!important;height:auto!important}
.elementor p,.elementor li{overflow-wrap:anywhere}
.elementor form,.wpcf7 form{width:100%}
.elementor input,.elementor select,.elementor textarea,.wpcf7 input,.wpcf7 select,.wpcf7 textarea{max-width:100%;box-sizing:border-box}
.leadership-page-wrap .ldr-hero{min-height:600px;padding-left:40px;padding-right:40px;background-position:62% center}
.leadership-page-wrap .ldr-intro,.leadership-page-wrap .ldr-grid-wrap,.contact-page-wrap .ct-main{padding-left:40px!important;padding-right:40px!important}
.contact-page-wrap .ct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-page-wrap .ct-bottom{grid-template-columns:1fr}
.contact-page-wrap .ct-card{grid-template-columns:minmax(220px,380px) 1fr}
.elementskit-menu-hamburger,.elementskit-menu-close{color:#131313!important;opacity:1!important;visibility:visible!important;display:inline-flex!important;align-items:center;justify-content:center}
.elementskit-menu-hamburger i,.elementskit-menu-hamburger svg,.elementskit-menu-close i,.elementskit-menu-close svg,.elementskit-menu-hamburger .eicon-menu-bar,.elementskit-menu-close .eicon-close{display:inline-block!important;color:#131313!important;fill:currentColor!important;opacity:1!important;visibility:visible!important}
button.elementskit-menu-hamburger.elementskit-menu-toggler,.elementskit-navbar-nav-default .elementskit-nav-identity-panel .elementskit-menu-close{min-width:36px;min-height:36px;line-height:1}
.hdr-menu-main,.hdr-menu-main-inr-mbl,.elementskit-menu-container,.elementskit-menu-overlay,.elementskit-menu-offcanvas-elements{z-index:999999!important}
.hdr-menu-main-inr-mbl{display:flex!important;align-items:center!important;justify-content:space-between!important}
.elementskit-menu-container.elementskit-menu-offcanvas-elements{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important;width:min(88vw,360px)!important;max-width:360px!important;overflow-y:auto!important}
.elementskit-menu-overlay{display:block!important;visibility:visible!important}
.elementskit-navbar-nav{display:flex!important;flex-direction:column!important;gap:0!important}
.elementskit-navbar-nav > li > a{display:block!important;width:100%!important;padding:12px 0!important}
.elementskit-submenu-panel{position:static!important;width:100%!important;box-shadow:none!important}
.hero{min-height:auto!important;height:auto!important}
.bnr-headings{gap:24px!important;align-items:flex-start!important;flex-wrap:wrap!important}
.hero-content-services{flex-wrap:wrap!important;position:relative;z-index:2;}
.hero-content-services > *{width:100%!important;max-width:100%!important;min-width:0!important;}
.hero-contentlft {width: 100%;float:left}
.hero-stats{width:100%;flex-wrap:wrap!important}
.stat-item{min-width:0!important;width:calc(50% - 8px)}

.ldr-modal-panel{width:100%}
.ldr-modal-inner{padding:90px 28px 60px}
#ldr-modal-name{font-size:34px}
#ldr-modal-role{font-size:20px;margin-bottom:30px}
#ldr-modal-text p{font-size:17px;line-height:1.8}
.ldr-modal-close{width:54px;height:54px;top:18px;right:18px}
.reliable-support {padding: 60px 0;}

li.mobile-menu {display: block !important;}


}

@media screen and (max-width:992px){
.support-grid, .partner-grid, .cta-section { grid-template-columns: 1fr; gap: 50px; }
.wf-grid { grid-template-columns: 1fr 1fr; }
.deploy-header, .sectors-header { flex-direction: column; gap: 20px; }
.timeline { flex-direction: column; gap: 40px; }
.timeline::before { display: none; } /* Hide dashed line on mobile */
.timeline-step { padding-right: 0; padding-left: 30px; border-left: 2px dashed #fcdada; }
.step-circle { position: absolute; left: -7px; top: -15px; }
.timeline-step .bg-num { left: 10px; top: -30px; }
.support-badge { bottom: -20px; left: 20px; }
.faq-layout{flex-direction:column;gap:40px}
.faq-left{position:static;text-align:left}
.faq-right{width:100%}
.faq-item summary{padding:20px 0}
.partner-img img {max-height: 400px;}

.page-header h1 { font-size: 36px; }
.page-header-content, .intro-content, .deployment-grid, .split-grid, .cta-section { grid-template-columns: 1fr; gap: 30px;}
.vm-card, .vm-card.reverse { flex-direction: column; }
.vm-image { min-height: 250px; }
.vm-text { padding: 30px; }
.split-grid.reverse > div:first-child { order: 2; }
.split-grid.reverse > div:last-child { order: 1; }
.hero h1{font-size:36px}
.trusted-partner .container,.feature-grid,.cta-section{grid-template-columns:1fr}
.section-header,.sectors-header{flex-direction:column;align-items:flex-start;gap:15px}
.delta-group-badge{right:auto;left:20px}
.footer-grid{grid-template-columns:1fr 1fr}
.cta-content{padding:40px}
.mob-standard-logo{margin-top:10px;display:inline-block;height:50px!important;width:auto!important}
.mob-menu-header-holder{font-weight:700;top:0;right:0;color:#000;display:block;z-index:999999;background:#1A1A2E;display:flex!important;justify-content:space-between;padding:10px;height:80px}



}

@media screen and (max-width:991px){
.flex-header{flex-direction:column;align-items:flex-start;gap:20px}
.cards-grid-5{grid-template-columns:repeat(2,1fr)}
.shutdown-card{min-height:auto}
.header-section{margin-bottom:60px}
.main-title{font-size:34px}
.desc-col{padding-top:0}
 /* Switch to vertical timeline */
.timeline-section{aspect-ratio:auto;display:flex;flex-direction:column;gap:60px;padding-left:15px;margin-left:10px}
.timeline-section::before{content:'';position:absolute;top:10px;bottom:10px;left:15px;width:2px;background-color:#fae3e3;z-index:1}
.wave-svg{display:none}
.step-node{position:relative;left:0!important;top:0!important;width:100%;height:auto;padding-left:35px}
.step-dot{left:0!important;top:12px!important;transform:translate(-50%,-50%)!important}
.step-number{left:35px!important;top:10px!important;transform:translateY(-50%)!important;font-size:80px;text-align:left}

}

@media (max-width: 768px) {
/* Do not hide site header nav — Soft UI Soft UI mobile drawer needs it */
nav:not(.header-nav-delta):not(#primary-navigation){display:none}
.hero{padding-top:150px}
.hero h1{font-size:32px}
.wf-grid{grid-template-columns:1fr;gap:25px}
.advantages-grid{grid-template-columns:1fr;gap:30px}
.page-header h1{font-size:30px}
.hero-banner{height:250px}
.cta-section{width:100%;border-radius:0}
.hero-stats{flex-direction:column;gap:20px}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column;gap:10px;text-align:center}

}

@media screen and (max-width:767px){
.pdng-tp {padding-top: 50px !important;}
.pdng-btm {padding-bottom: 50px !important;}
.pdng-lt-rt {padding-left: 30px !important;padding-right: 30px !important;}
.pdng-lt {padding-left: 30px !important;}
.pdng-rt {padding-right: 30px !important;}
.pdng-tp-btm{padding-bottom:50px !important;padding-top:50px !important;}
.cards-grid-5{grid-template-columns:1fr}
.hero{padding-top:120px!important;padding-bottom:28px!important}
.bnr-headings{flex-direction:column!important;gap:16px!important}
.hero-stats{flex-direction:column!important;gap:12px!important}
.stat-item{width:100%!important}
.hero a.Request.Workforce{width:auto!important;max-width:100%!important;white-space:normal!important}
.hero-content,.hero-content-services,.hero .container,.hero .pdng-lt-rt{width:100%!important;max-width:100%!important;min-width:0!important}
.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#1a1b26;flex-direction:column;padding:20px;text-align:center;gap:20px;box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.nav-links.active{display:flex}
.mobile-menu-btn{display:block;margin-left:20px}
.header-right .btn-primary{display:none}
/* Hero Mobile */
.hero-section{flex-direction:column;align-items:stretch}
.hero-container{grid-template-columns:1fr}
.hero-image-wrapper{position:relative;width:100%;height:350px;order:-1}
.hero-text{padding:40px 0 60px}
/* Feature Sections Mobile */
.feature-section {padding:0px 0}
.bottom-cta{padding:60px 0}
.feature-grid{grid-template-columns:1fr;gap:60px}
.left-img .feature-img-block,.right-img .feature-img-block{order:-1}
.floating-card{right:20px!important;left:auto!important;bottom:-20px!important;padding:16px 24px}
.feature-list{grid-template-columns:1fr}
.leadership-page-wrap .ldr-hero{min-height:440px;padding:90px 16px 36px;background-position:68% center}
.leadership-page-wrap .ldr-intro{padding:54px 16px 28px!important}
.leadership-page-wrap .ldr-intro-grid{grid-template-columns:1fr;gap:18px}
.leadership-page-wrap .ldr-grid-wrap{padding:18px 16px 70px!important}
.leadership-page-wrap .ldr-card{border-radius:14px}
.leadership-page-wrap .ldr-card img{height:250px}
.contact-page-wrap .ct-hero{padding:120px 15px 30px}
.contact-page-wrap .ct-main{padding:34px 16px 70px!important}
.contact-page-wrap .ct-card{grid-template-columns:1fr}
.contact-page-wrap .ct-card img{height:210px;min-height:210px;border-radius:18px 18px 0 0}
.contact-page-wrap .ct-form-wrap{padding:26px 20px;border-radius:18px}
.contact-page-wrap .ct-form-grid{gap:14px}
.contact-page-wrap .ct-talent{padding:26px 20px}
.contact-page-wrap .ct-row{flex-direction:column;gap:4px;margin:10px 0 14px}
.contact-page-wrap .ct-label{min-width:0}
.contact-page-wrap .ct-phone{font-size:clamp(1.2rem,5.2vw,1.45rem);line-height:1.35!important;overflow-wrap:anywhere}
.contact-page-wrap .ct-form-wrap{overflow:hidden}
.contact-page-wrap .ct-submit{width:100%}
.primary-menu .sub-menu{width:100%!important;left:0!important;right:0!important}
.trusted-partner, .solutions{padding: 50px 0;}
.reliable-support {padding: 50px 0;}

}

@media screen and (max-width:650px){
.pdng-lt-rt {padding-left: 30px !important;padding-right: 30px !important;}

}

@media screen and (max-width:480px){
.hdr-menu-main {padding:10px 15px !important;}
.hdr-menu-main-inr {width: 100%;}
.pdng-lt-rt {padding-left: 15px !important;padding-right: 15px !important;}
.pdng-tp {padding-top: 50px !important;}
.pdng-btm {padding-bottom: 50px !important;}
.pdng-lt {padding-left: 15px !important;}
.pdng-rt {padding-right: 15px !important;}
.pdng-tp-btm{padding-bottom:50px !important;padding-top:50px !important;}


.mob-standard-logo{display:inline-block;height:60px!important;width:auto!important;object-fit:cover;margin:0!important}
.mobmenur-container{position:absolute;right:0;top:30%}


/* Home-page */
.hero {min-height: 400px !important;height:100dvh !important;}
.bnr-headings {flex-direction: column-reverse !important;gap: 26px !important;}
.hero p {margin-bottom: 16px;}
.hero-stats {flex-direction: row !important;gap: 8px !important;flex-wrap: nowrap !important;}
.trusted-partner h2 {width: 100%;float: Left;}
.home .sectors-header{margin-bottom: 26px;gap: 16px;}
.partner-content > p {color: #555 !important;margin-bottom: 16px !important;}
.trusted-partner .container {gap: 16px;}
.section-header {margin-bottom: 0px;}
.sectors-header {margin-bottom: 26px;}
.sector-card {background: #252a3d;padding: 20px !important;display: flex;flex-wrap: wrap;align-items: center;}
.mbl-none{display:block !important;min-height:250px;margin-bottom:16px;}
.sector-icon{font-size:32px;margin-bottom:10px;display:block;color:#fff;width:auto;float:left;margin-right:10px}
.feature-grid{grid-template-columns:1fr!important;gap:16px}
.sector-card p {width: 100%;float: left;}
.feature-grid.newr {display: grid;grid-template-columns: 1fr;}
.feature-content p {color: #555;font-size: 15px;margin-bottom: 0px;}
.feature-images{grid-template-columns: 1fr !important;gap: 16px;}
.feature-images img{max-height:250px;object-fit:cover;object-position:top center;}
.feature-images-inr {flex-direction: column-reverse !important;gap:16px !important;}
.info-box {padding: 20px;border-radius: 8px;margin-top: 0px;}
.sectors-grid {gap: 10px;}
.feature-content h2 {color: #1A1A2E;margin-bottom: 15px;}
.trusted-partner{gap:15px;}
.pill {background-color: #f8f9fa;border: 1px solid #eee;padding: 10px 8px;border-radius: 50px;font-size: 16px;}
.delta-cta-new-sec-blks {display: flex;flex-wrap: wrap;margin-top:20px;}
.delta-cta-new-sec-head p {color: #1B181ACC;max-width: 100%;margin: 16px auto 50px;}
.delta-cta-new-sec-blk {width: 50%;order: 1;}
.container-dot-animation {order: 3;min-height:160px;margin: 20px auto;}
#fluidCanvas{display:none;}
.container-dot-animation img{display:block !important;}
.pills {display: flex;flex-wrap: wrap;justify-content: center;gap: 15px;margin-top: -0px;}

footer {padding: 0px 16px 16px;}
.footer-grid{display:flex;flex-wrap:wrap !important;gap:16px !important;margin-bottom: 16px;}
.footer-txt-sec-1 {width: 33%;float: left;}
.footer-txt-sec-2 {width: 60%;float: left;}
.footer-txt-sec-3 {width: 100%;float: left;}
.contact-item p br{display:none !important;}
.containers.pdng-lt-rt {padding: 36px 80px 26px;background: #1A1A2E;border-radius: 16px;}
.footer-grid h4 {font-size: 16px;margin-bottom: 16px;}


/* About-us  */
.page-header-content {display: grid;margin-bottom: -48px;}
.page-id-73 .page-content {margin-top: 80px;}
.page-headers{padding:36px 0 36px}
.page-header-content, .intro-content, .deployment-grid, .split-grid, .cta-section {grid-template-columns: 1fr;gap: 16px;}
.vm-section {padding: 40px 0;}
.vm-image {min-height: 200px;}
.vm-image img {width: 100%;height: 250px;object-fit: cover;object-position: center;}
p.vision-txt {margin-bottom: 26px;}
.intro-section{padding:50px 0;}
.intro-content-txt {display: flex;flex-wrap: wrap;gap: 16px;}
.vm-card {border-radius: 12px;overflow: hidden;display: flex;margin-bottom: 0px;min-height: 350px;gap: 16px;}
.vm-text {padding: 0px;}
.vm-text ul {margin: 0px;}
.all-heading li:last-child, .all-heading ul:last-child{margin-bottom:0px;}
.deployment-text h2, .split-content h2 {margin-bottom: 16px;}
.feature-list {grid-template-columns: 1fr 1fr;gap: 10px;}
.feature-box {padding: 15px 15px;display: flex;align-items: center;gap:8px;background: #fff;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;}
.icon-circle {width: 40px;height: 40px;}
.icon-s{display:none;}
.split-section-img-2{display:none;}
.split-section{padding:50px 0;}
.split-section-head {width: 100%;float: left; margin-bottom: 16px;}
.split-img {border-radius: 12px;height: 100%;min-height: 100px;width: 100%;}


/* leadership-page */
.leadership-page-wrap .ldr-hero{min-height:500px;padding:100px 15px 40px;background-image:linear-gradient(180deg, rgba(26, 26, 46, 0.00) 52.84%, #1A1A2E 86.2%),url(/wp-content/uploads/2026/05/Tech-delta-leadership-image-scaled.webp);height:94vh;display: flex;align-items: flex-end;}
.leadership-page-wrap .ldr-grid {display: grid;grid-template-columns: 1fr;gap: 16px;}
.leadership-page-wrap .ldr-card img{height:200px}
.ldr-modal-dialog {width: 100%;}

/* Industries */
.hero-section{position:relative;background-color:#f8fafc;min-height:200px;display:flex;align-items:center;overflow:hidden;height:auto}
.hero-container{width:100%;display:flex;flex-wrap:wrap;gap:0;position:relative;z-index:2;align-items:center;justify-content:space-between}
.hero-image-wrapper{width:100%;height:100%;display:block;border-radius:0;background-image:url(/wp-content/uploads/2026/05/industries-bg.webp);background-position:top center;background-repeat:no-repeat;background-size:cover;min-height:350px;max-height:350px}
.hero-text {padding: 26px 15px 30px;}
.feature-img-block{display:none !important;}
.feature-img-block.mbl-none {display: block !important;border-radius: 16px;margin-bottom: 60px;}
.feature-img-block.\35 .mbl-none {margin-bottom: 16px;}
.floating-card {right: 20px !important;left: auto !important;bottom: -50px !important;padding: 15px;}
.card-icon {width: 40px;height: 40px;}
.card-icon img {width: 20px;height: 20px;}
.feature-text-block p {margin-bottom: 20px;}
.feature-text-block h2 {margin-bottom: 16px;}

/* Services */
.hero-content-services{gap:10px;}
.hero h1 {line-height: 1.3 !important;}
.wf-header {text-align: left;margin: 0 auto 26px;}
.wf-grid {grid-template-columns: 1fr;gap: 16px;}
.wf-content h6 {margin-bottom: 6px !important;}
.shutdown-card {min-height: auto;padding: 20px;}
.shutdown-card h3 br, .faq-left h2 br{display:none;}
.faq-item summary {padding: 15px 0;}
.faq-item[open] .faq-content {max-height: 200px;opacity: 1;padding-bottom: 15px;}
.reliable-support {padding: 50px 0;}
.support-text h2, .wf-header h2, .partner-content h2,.faq-left h2 {margin-bottom: 15px !important;}
.support-text p {margin-bottom: 15px !important;}
.support-grid, .partner-grid, .cta-section {grid-template-columns: 1fr;gap: 26px;}
.shutdown-section.pdng-tp-btm{padding-top: 50px !important;padding-bottom: 60px !important;}
.flex-header {gap: 15px;margin-bottom: 26px;}
.adv-headers {gap: 10px;margin-bottom: 8px;}
.advantages-grids {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.faq-layout {flex-direction: column;gap: 26px;}
.support-img-wrapper, .partner-img{display:none !important;}
.support-img-wrapper.mbl-none {display:block !important;border-radius: 16px;margin-bottom: 60px;min-height: 300px;}
.partner-img.mbl-none{display:block !important;}
.support-badge {bottom: -50px;left: 20px;padding: 15px;}
.support-badge .badge-icon {width: 40px;height: 40px;}
.support-badge img {width: 20px;height: 20px;}


.page-id-109 .support-img-wrapper{background-image: url(/wp-content/uploads/2026/05/bolt-tensioning-torquing-img-mbl-1.webp);min-height: 250px;}
.page-id-109 .partner-img{background-image: url(/wp-content/uploads/2026/05/bolt-tensioning-torquing-img-mbl-2.webp);min-height: 250px;border-radius: 16px;}
.page-id-98 .support-img-wrapper{position:relative;background-image: url(/wp-content/uploads/2026/05/catalyst-handling-img-mbl-1.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 16px;}
.page-id-98 .partner-img{position:relative;background-image: url(/wp-content/uploads/2026/05/catalyst-handling-img-mbl-2.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 26px;}
.page-id-113 .support-img-wrapper{position:relative;background-image: url(/wp-content/uploads/2026/05/plant-maintenance-img-bl-1.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 16px;}
.page-id-113 .partner-img{position:relative;background-image: url(/wp-content/uploads/2026/05/plant-maintenance-img-mbl-2.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 26px;}
.page-id-107 .support-img-wrapper{position:relative;background-image: url(/wp-content/uploads/2026/05/tank-cleaning-hydro-img-mbl-1.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 16px;}
.page-id-107 .partner-img{position:relative;background-image: url(/wp-content/uploads/2026/05/tank-cleaning-hydro-img-mbl-2.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 26px;}
.page-id-82 .support-img-wrapper{position:relative;background-image: url(/wp-content/uploads/2026/05/Shutdown-Support-img-mbl-1.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 16px;}
.page-id-82 .partner-img{position:relative;background-image: url(/wp-content/uploads/2026/05/Shutdown-Support-img-mbl-2.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 26px;}
.page-id-111 .support-img-wrapper{position:relative;background-image: url(/wp-content/uploads/2026/05/welding-fabrication-img-mbl-1.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 16px;}
.page-id-111 .partner-img{position:relative;background-image: url(/wp-content/uploads/2026/05/welding-fabrication-img-mbl-2.webp);min-height: 250px;height: 100%;background-position: top center;background-repeat: no-repeat;background-size: cover;border-radius: 26px;}

.contact-page-wrap .ct-grid {grid-template-columns: 1fr;gap: 16px;}
.contact-page-wrap .ct-hero {padding: 120px 15px 30px;}
.career-form {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;max-width: 900px;}
.career-form__field {width: 100%;float: left;}
.contact-page-wrap .ct-bottom {display: grid;gap: 16px;margin-top: 50px;}


.ocean155-reliable-left.mbl-none {display: block !important;border-radius: 16px;margin-bottom: 60px;min-height: 300px;}
.ocean155-reliable-left, .partner-img {display: none !important;}



}


@media screen and ( max-width:400px){

}




@media screen and (max-width:767px){
.contact-page-wrap .ct-hero {
        padding: 120px 15px 30px;
    }

}

@media screen and (max-width:650px){


}

@media screen and (max-width:480px){
    .delta-cta-new-sec-blks {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .container-dot-animation {
        order: 3;
        min-height: 160px;
        margin: 20px auto;
    }
    .delta-cta-new-sec-blk {
        width: 50%;
        order: 1;
    }
.pills {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        margin-top: -0px;
    }
    .pill {
        background-color: #f8f9fa;
        border: 1px solid #eee;
        padding: 10px 8px;
        border-radius: 50px;
        font-size: 16px;
    }
    .contact-page-wrap .ct-hero {
        padding: 120px 15px 30px;
    }

}

@media screen and (max-width:991px){

.grid-2 { grid-template-columns: 1fr; gap: 50px; }
            .grid-4 { grid-template-columns: 1fr 1fr; }
            .gap-160 { gap: 40px; }
            .dark-split-grid { grid-template-columns: 1fr; }
            .split-box { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 50px 0 !important; }
            .split-box:last-child { border-bottom: none; }
            .nav-links { display: none; }
            .cap-header-grid { grid-template-columns: 1fr; gap: 30px; margin-bottom: 40px;}
            .vertical-red-line { border-left: none; padding-left: 0; border-top: 2px solid #D32F2F; padding-top: 20px; background-color:#fff; }
            .ocean-hero-left { max-width: 100%; }
	
	.building-careers-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  /* 2. Turn the inner text container element into a column layout stack */
  .building-careers-text {
    display: flex;
    flex-direction: column;
  }

  /* 3. Assign the exact structural order to each item block */
  
  .building-careers-text .all-heading-h2 {
    order: 1; /* Pushes H2 heading to the top position */
    margin-bottom: 20px !important;
  }

  /* Target the outer parent image wrapper container div */
  .building-careers-wrapper > div:last-child {
    order: 2; /* Positions the image directly after the H2 heading */
  }

  /* Target all paragraphs inside the text box block container */
  .building-careers-text .all-heading-p {
    order: 3; /* Places all paragraphs seamlessly at the bottom */
  }
}

@media screen and (max-width:767px){
.why-key-features-sec-first-blk, .why-key-features-sec-second-blk {width: 49.1%;float: left;}
.we-serve-sec-blk {width: 21%;float: left;}
.Xperience-bnr-sec-bar {width: 35%;display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content: space-around;padding: 10px;border-radius: 6px;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar {width: 35%;}
.Xperience-bnr-sec-bar-avthor {width: 29px;}
.Xperience-bnr-sec-bar-icon {width: 20px;}
.Xperience-bnr-sec-bar-txt {width: 71% !important;}
.footer-inr-sec-rt {padding-top: 0px;border-top: 0px solid #00000033 !important;}
.contact-us-sec-rt {width: 80%;float: none;gap: 16px;margin: 0 auto;}
.Xperience-bnr-sec-head-tag {width: 120px;}
.register-bnr-sec-inr{width:90% !important}
 .pdng-lt-rt { padding-left: 20px; padding-right: 20px; }
            .pdnt-tp-btm { padding-top: 60px; padding-bottom: 60px; }
            .all-heading-h1 { font-size: 36px; }
            .all-heading-h2 { font-size: 28px; }
            .grid-3 { grid-template-columns: 1fr; }
            .grid-4 { grid-template-columns: 1fr; }
            .ocean-hero-box { padding: 30px; }
            .transport-img, .industry-sol-img { height: 300px; }

}

@media screen and (max-width:650px){

} 

@media screen and (max-width:480px){
.hdr-menu-main {padding:10px 15px !important;}
.hdr-menu-main-inr {width: 100%;}
.pdnt-tp-btm {padding-top: 60px !important;padding-bottom: 60px !important;}
.pdng-lt-rt{padding-left: 16px !important;padding-right: 16px !important;}	
.pdng-tp{padding-top: 60px !important;}
.pdng-btm {padding-bottom: 60px !important;}
.pdng-rt {padding-right: 16px !important;}
.pdng-lt {padding-left: 16px !important;}
	
	.new-sec-new {
    display: block;
    justify-content: space-between;
} .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 0px !important;
        padding-inline-start: 0px !important;
    }

.price-over-view-blk-btm{gap: 7px 7px !important;width:100%;float:left;display:block;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.price-over-view-blk-btm-lft{width:92%;}
.price-over-view-blk-btm-rt  {width:8%;}
.price-over-view-blk-tp {min-height: 50px;}
.contact-us-sec {padding-bottom: 80px !important;}
.pivacy-policy.all-heading h2 {margin: 40px 0 10px;}
.register-bnr-sec-inr{width:100% !important}


.ocean155-mini-cards {display: flex;grid-template-columns: 1fr 1fr;gap: 14px;flex-wrap: wrap;flex-direction: column;width: 100%;float: left;}



}

/* ==========================================================================
   SITE FIXES — glass header, ISO, testimonials, submenu, WCAG
   ========================================================================== */

/* Skip link */
.dg-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
  padding: 12px 18px;
  background: #1A1A2E;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.dg-skip-link:focus {
  left: 16px;
  top: 16px;
  outline: 3px solid #31B09D;
  outline-offset: 2px;
}

/* 1) Glass fixed header + readable menu */
.site-header-delta.hdr-menu-main.fixed-header,
.hdr-menu-main.fixed-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: rgba(26, 26, 46, 0.42) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
}
.hdr-menu-main.fixed-header .header-nav-delta > ul > li > a,
.hdr-menu-main.fixed-header .header-nav-delta a {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.hdr-menu-main.fixed-header .header-nav-delta > ul > li > a:hover,
.hdr-menu-main.fixed-header .header-nav-delta > ul > li:hover > a,
.hdr-menu-main.fixed-header .header-nav-delta > ul > li.is-open > a {
  color: #ffffff !important;
}
.hdr-menu-main.fixed-header .header-contact-row {
  background: rgba(255, 255, 255, 0.95);
}

/* 2) Hero ISO badges */
.home-hero-iso-img {
  height: 110px !important;
  width: auto !important;
}

/* 4) Dropdown / Services submenu — no hover dead-zone */
.dropdown-menu-delta {
  top: 100% !important;
}
.header-nav-delta ul li .dropdown-menu-delta.dropdown-mega-grid-added {
  top: 100% !important;
}
.header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
@media (min-width: 1025px) {
.header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open .dropdown-menu-delta.dropdown-mega-grid-added,
.header-nav-delta ul li.has-dropdown.has-mega-dropdown-added:hover .dropdown-menu-delta.dropdown-mega-grid-added {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}
}

/* 3) Voices of Trust — improved cards */
.home-testimonials-sec {
  background: #f5f7fa !important;
  padding-top: 80px;
  padding-bottom: 80px;
}
.home-testimonials-title {
  font-size: clamp(1.75rem, 2.8vw, 2.5rem) !important;
  letter-spacing: -0.02em;
}
.home-testi-card {
  background: #ffffff !important;
  border: 1px solid rgba(26, 26, 46, 0.1) !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-shadow: 0 12px 32px rgba(26, 26, 46, 0.06) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home-testi-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(26, 26, 46, 0.1) !important;
}
.home-testi-quote-icon {
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 18px !important;
}
.home-testi-text {
  color: #1a1a2e !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  min-height: 5.5em;
}
.home-testi-divider {
  background: linear-gradient(90deg, #31B09D, transparent) !important;
  height: 2px !important;
  border: 0 !important;
}
.home-testi-author {
  color: #1a1a2e !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.home-testi-role {
  color: #4a5568 !important;
  font-size: 13px !important;
}
.testi-nav-btn:focus-visible,
.home-service-tab-btn:focus-visible,
.header-nav-delta a:focus-visible,
.dropdown-menu-delta a:focus-visible,
.contact-btn-red:focus-visible,
.mobile-menu-toggle:focus-visible,
.home-hero-btn:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #31B09D !important;
  outline-offset: 3px !important;
}

/* 5) WCAG helpers */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
img:not([alt]) { outline: 2px dashed #FA3C40; }
.header-nav-delta > ul > li > a,
.dropdown-menu-delta li a,
.home-hero-btn,
.contact-btn-red,
.testi-nav-btn,
.mobile-menu-toggle {
  min-height: 44px;
}
.dropdown-menu-delta li a {
  color: #1f2937 !important;
}
.dropdown-menu-delta li a:hover {
  color: #111827 !important;
}
.delta-mega-sub-links-list li a {
  color: #374151 !important;
}
.delta-mega-column-heading {
  color: #111827 !important;
}

@media (max-width: 640px) {
  .home-hero-iso-img {
    height: 72px !important;
  }
}


/* Mobile nav drawer */
@media (max-width: 1024px) {
  body.menu-open .header-right {
    display: flex !important;
    position: fixed;
    inset: 72px 12px auto;
    z-index: 100000;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 18px;
    background: rgba(26, 26, 46, 0.96);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 12px;
    max-height: calc(100dvh - 100px);
    overflow: auto;
  }
  body.menu-open .header-nav-delta > ul {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
  }
  body.menu-open .header-nav-delta > ul > li > a {
    color: #fff !important;
    min-height: 44px;
  }
  body.menu-open .header-nav-delta .dropdown-menu-delta,
  body.menu-open .header-nav-delta .dropdown-menu-delta.dropdown-mega-grid-added {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: none !important;
    background: rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
  }
  body.menu-open .header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta,
  body.menu-open .header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta.dropdown-mega-grid-added {
    display: grid !important;
  }
  body.menu-open .header-contact-row {
    background: #fff;
  }
}

/* ==========================================================================
   AUG 18 FIXES — freight icons, glass header all pages, submenu, leadership,
   testimonials, career support
   ========================================================================== */

/* 1) Freight arrow icons visible + hover nudge */
.freight-icon {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  width: 48px !important;
  height: 48px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1a1a2e !important;
  z-index: 3 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
  transition: transform .25s cubic-bezier(0.16,1,0.3,1) !important;
}
.freight-icon a {
  display: flex !important;
  color: #1a1a2e !important;
  line-height: 0 !important;
}
.freight-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #1a1a2e !important;
  fill: none !important;
  stroke-width: 2.25 !important;
  transition: transform .25s cubic-bezier(0.16,1,0.3,1) !important;
}
.freight-icon:hover,
.freight-card:hover .freight-icon {
  transform: translateY(-2px) scale(1.04) !important;
}
.freight-icon:hover svg,
.freight-card:hover .freight-icon svg {
  transform: translate(3px, -3px) !important;
}

/* 2) Glass fixed header — ALL pages */
.site-header-delta.hdr-menu-main.fixed-header,
.hdr-menu-main.fixed-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  background: rgba(26, 26, 46, 0.45) !important;
  backdrop-filter: blur(18px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.16) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important;
}
.hdr-menu-main.fixed-header .header-nav-delta > ul > li > a {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.hdr-menu-main.fixed-header .header-contact-row {
  background: rgba(255,255,255,0.96) !important;
}

/* 7) Submenu look + readable colors (match production reference) */
.dropdown-menu-delta,
.header-nav-delta ul li .dropdown-menu-delta.dropdown-mega-grid-added {
  background: #ffffff !important;
  border-top: 3px solid #FA3C40 !important;
  box-shadow: 0 12px 36px rgba(26,27,37,.14) !important;
}
.dropdown-menu-delta li a,
.header-nav-delta ul li ul.dropdown-menu-delta li a,
.delta-mega-sub-links-list li a {
  color: #1A1A2E !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 20px !important;
  transition: background .2s ease, color .2s ease, padding-left .2s ease !important;
}
.dropdown-menu-delta li a i,
.delta-mega-sub-links-list li a i {
  color: #FA3C40 !important;
  font-size: 18px !important;
  flex: 0 0 auto;
}
.dropdown-menu-delta li a:hover,
.header-nav-delta ul li ul.dropdown-menu-delta li a:hover,
.delta-mega-sub-links-list li a:hover {
  background: #F9FAFB !important;
  color: #111827 !important;
  padding-left: 24px !important;
}
.dropdown-menu-delta li a:hover i,
.delta-mega-sub-links-list li a:hover i {
  color: #FA3C40 !important;
}
.delta-mega-column-heading {
  color: #1A1A2E !important;
  border-bottom: 1px solid #F1F3F5 !important;
}
.hdr-menu-main.fixed-header .dropdown-menu-delta li a,
.hdr-menu-main.fixed-header .delta-mega-sub-links-list li a,
.hdr-menu-main.fixed-header .delta-mega-column-heading {
  color: #1A1A2E !important;
  text-shadow: none !important;
}

/* 3) Leadership cards on vision-mission page (screenshot match) */
.vm-leadership-sec {
  padding-top: clamp(48px, 6vw, 80px);
  padding-bottom: clamp(64px, 8vw, 100px);
  background: #fff;
}
.vm-leadership-head {
  max-width: 720px;
  margin: 0 auto 36px;
  text-align: center;
}
.vm-leadership-head .all-heading-h2 {
  margin-bottom: 12px;
  color: #1A1A2E !important;
}
.vm-leadership-head .all-heading-p {
  color: #4B5563 !important;
  margin: 0 auto;
}
.vm-leader-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  max-width: 1100px;
  margin: 0 auto;
}
.vm-leader-card {
  display: flex;
  align-items: stretch;
  gap: 0;
  background: #F3F4F6;
  border-radius: 18px;
  overflow: hidden;
  min-height: 150px;
  box-shadow: 0 8px 24px rgba(26,26,46,.05);
  transition: transform .25s ease, box-shadow .25s ease;
}
.vm-leader-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(26,26,46,.08);
}
.vm-leader-photo {
  width: 42%;
  max-width: 220px;
  object-fit: cover;
  display: block;
  height: 100%;
  min-height: 150px;
}
.vm-leader-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px 24px;
  border-left: 4px solid #31B09D;
  background: #F3F4F6;
}
.vm-leader-name {
  margin: 0 0 6px !important;
  color: #1A1A2E !important;
  font-size: clamp(1.15rem, 1.6vw, 1.45rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}
.vm-leader-role {
  margin: 0 !important;
  color: #4B5563 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
@media (max-width: 768px) {
  .vm-leader-grid { grid-template-columns: 1fr; }
  .vm-leader-photo { width: 38%; }
}

/* 5) Voices of Trust — premium editorial cards */
.home-testimonials-sec {
  background: linear-gradient(180deg, #ffffff 0%, #F5F7FA 100%) !important;
  padding-block: clamp(72px, 9vw, 110px) !important;
}
.home-testimonials-header {
  max-width: 1200px;
  margin: 0 auto 36px !important;
  align-items: flex-end;
}
.home-testimonials-title {
  position: relative;
  padding-bottom: 14px !important;
  font-size: clamp(1.85rem, 3vw, 2.6rem) !important;
  letter-spacing: -0.03em !important;
  color: #1A1A2E !important;
}
.home-testimonials-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 3px;
  background: #31B09D;
  border-radius: 2px;
}
.home-testimonials-slider-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.home-testi-card {
  background: #ffffff !important;
  border: 1px solid rgba(26,26,46,.08) !important;
  border-radius: 20px !important;
  padding: 32px 28px 28px !important;
  box-shadow: 0 16px 40px rgba(26,26,46,.06) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .3s cubic-bezier(0.16,1,0.3,1), box-shadow .3s ease !important;
}
.home-testi-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #31B09D, #FA3C40);
}
.home-testi-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 48px rgba(26,26,46,.1) !important;
}
.home-testi-quote-icon {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 18px !important;
  opacity: .9;
}
.home-testi-text {
  color: #1F2937 !important;
  font-style: normal !important;
  font-size: 16.5px !important;
  line-height: 1.65 !important;
  min-height: 6em;
  margin-bottom: 20px !important;
}
.home-testi-divider {
  height: 1px !important;
  background: rgba(26,26,46,.1) !important;
  margin-bottom: 18px !important;
}
.home-testi-author {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}
.home-testi-role {
  color: #6B7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.testi-nav-btn {
  border: 1px solid rgba(26,26,46,.15) !important;
  transition: background .2s ease, color .2s ease, transform .2s ease !important;
}
.testi-nav-btn:hover {
  background: #1A1A2E !important;
  border-color: #1A1A2E !important;
  color: #fff !important;
  transform: scale(1.04);
}
.home-testimonials-carousel .owl-dot.active span {
  background: #31B09D !important;
}

/* Career page: hide duplicate WP entry title when career21 hero exists */
body.page-id-21 .page-header,
.career21-wrap ~ .page-header,
body:has(.career21-wrap) .page-header {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .freight-icon,
  .freight-icon svg,
  .home-testi-card,
  .vm-leader-card,
  .testi-nav-btn {
    transition: none !important;
  }
}

/* ==========================================================================
   AUG 18 PM FIXES — images, testimonials, career mobile, leadership quad,
   submenu icons, project lightbox zoom, contact layout
   ========================================================================== */

/* Submenu icons: force boxicons font (parent font was killing glyphs) */
.header-nav-delta .dropdown-menu-delta li a i,
.header-nav-delta .delta-mega-sub-links-list li a i,
.delta-mega-sub-links-list li a i {
  font-family: boxicons !important;
  font-weight: normal !important;
  font-style: normal !important;
  display: inline-block !important;
  speak: never;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  color: #FA3C40 !important;
  font-size: 18px !important;
  min-width: 1.1em;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Career building: show mobile image under heading; hide desk image on small screens */
.career21-building-image.mobile-img {
  display: none;
  width: 100%;
  border-radius: 16px;
  margin: 16px 0 18px;
}
.career21-building-image.desk-img {
  display: block;
  width: 100%;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .career21-building-image.mobile-img {
    display: block !important;
  }
  .career21-building-image-wrap,
  .career21-building-image.desk-img {
    display: none !important;
  }
  .career21-building-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Leadership: 4 side-by-side, image top / content bottom */
.vm-leader-grid.vm-leader-grid--quad {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  max-width: 1280px !important;
}
.vm-leader-card.vm-leader-card--stack {
  flex-direction: column !important;
  display: flex !important;
  min-height: 0 !important;
  background: #F3F4F6 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
.vm-leader-card--stack .vm-leader-photo {
  width: 100% !important;
  max-width: none !important;
  height: 220px !important;
  min-height: 220px !important;
  object-fit: cover !important;
}
.vm-leader-card--stack .vm-leader-info {
  border-left: 0 !important;
  border-top: 4px solid #31B09D !important;
  padding: 18px 16px 20px !important;
  text-align: left;
}
@media (max-width: 1024px) {
  .vm-leader-grid.vm-leader-grid--quad {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 640px) {
  .vm-leader-grid.vm-leader-grid--quad {
    grid-template-columns: 1fr !important;
  }
}

/* Testimonials: kill blank owl clones / content glitches */
.home-testimonials-sec .owl-carousel .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}
.home-testimonials-sec .owl-item {
  display: flex !important;
  height: auto !important;
  min-height: 0 !important;
  float: none !important;
}
.home-testimonials-sec .owl-item > .home-testi-card,
.home-testimonials-sec .owl-item .home-testi-card {
  width: 100% !important;
  height: auto !important;
  min-height: 280px !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  flex-direction: column !important;
}
.home-testimonials-sec .owl-item.cloned .home-testi-card {
  opacity: 1 !important;
  visibility: visible !important;
}
.home-testi-text {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #1F2937 !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}
.home-testi-author,
.home-testi-role,
.home-testi-quote-icon {
  opacity: 1 !important;
  visibility: visible !important;
}
.home-testimonials-sec .owl-item:empty,
.home-testimonials-sec .owl-item > :empty {
  display: none !important;
}

/* Project gallery + lightbox with zoom */
.proj-custom-asymmetric-grid {
  display: grid !important;
  grid-template-columns: 1.1fr 1fr 1fr 1.1fr !important;
  gap: 20px !important;
  width: 100% !important;
  align-items: stretch !important;
  margin-bottom: 28px !important;
}
.proj-custom-asymmetric-grids {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
.proj-inner-vertical-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
.proj-gallery-section .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  cursor: zoom-in;
  background: #eef1f6;
}
.proj-gallery-section .image-wrapper img,
.proj-gallery-section img[data-dg-lightbox] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
  cursor: zoom-in;
}
.proj-gallery-section .image-wrapper:hover img {
  transform: scale(1.04);
}
.proj-col-height-tall { min-height: 420px; }
.proj-col-height-mid { min-height: 240px; }
.proj-col-height-short { min-height: 160px; }
@media (max-width: 991px) {
  .proj-custom-asymmetric-grid,
  .proj-custom-asymmetric-grids {
    grid-template-columns: 1fr 1fr !important;
  }
  .proj-col-height-tall,
  .proj-col-height-mid,
  .proj-col-height-short { min-height: 220px; }
}
@media (max-width: 640px) {
  .proj-custom-asymmetric-grid,
  .proj-custom-asymmetric-grids {
    grid-template-columns: 1fr !important;
  }
}

.dg-lightbox-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(10, 12, 20, 0.88);
  backdrop-filter: blur(8px);
  padding: 24px;
}
.dg-lightbox-modal.is-open {
  display: flex !important;
}
.dg-lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.dg-lightbox-toolbar {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 2;
}
.dg-lightbox-zoom {
  min-width: 44px;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.dg-lightbox-content-wrapper {
  max-width: min(1100px, 92vw);
  max-height: 82vh;
  overflow: auto;
  border-radius: 12px;
}
.dg-lightbox-image {
  display: block;
  max-width: 100%;
  height: auto;
  transform-origin: center center;
  transition: transform .2s ease;
  user-select: none;
}

/* Contact page layout parity */
.contact-page-wrap .ct-hero {
  background: #1A1A2E !important;
  text-align: center;
  padding: 140px 24px 40px !important;
}
.contact-page-wrap .ct-hero h1 {
  color: #fff !important;
  margin: 0 !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
}
.contact-page-wrap .ct-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.15fr) !important;
  gap: 28px !important;
  align-items: start !important;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 48px;
}
.contact-page-wrap .ct-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(16,24,40,.08);
  border: 1px solid rgba(26,26,46,.08);
}
.contact-page-wrap .ct-card > img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
.contact-page-wrap .ct-card-body {
  padding: 22px 22px 26px;
}
.contact-page-wrap .ct-card-body h3 {
  margin: 0 0 16px !important;
  color: #1A1A2E !important;
}
.contact-page-wrap .ct-main-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.contact-page-wrap .elementor-icon-list-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #4B5563;
  line-height: 1.5;
}
.contact-page-wrap .elementor-icon-list-icon img {
  width: 20px;
  height: 20px;
  display: block;
}
.contact-page-wrap .ct-form-wrap {
  background: #1A1A2E;
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 16px 40px rgba(16,24,40,.12);
}
.contact-page-wrap .ct-form-wrap label,
.contact-page-wrap .ct-form-wrap p,
.contact-page-wrap .ct-form-wrap .wpcf7-form-control-wrap {
  color: rgba(255,255,255,.88);
}
.contact-page-wrap .ct-form-wrap input[type="text"],
.contact-page-wrap .ct-form-wrap input[type="email"],
.contact-page-wrap .ct-form-wrap input[type="tel"],
.contact-page-wrap .ct-form-wrap textarea,
.contact-page-wrap .ct-form-wrap select {
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  padding: 12px 14px;
  min-height: 48px;
}
.contact-page-wrap .ct-form-wrap input::placeholder,
.contact-page-wrap .ct-form-wrap textarea::placeholder {
  color: rgba(255,255,255,.55);
}
.contact-page-wrap .ct-form-wrap input[type="submit"],
.contact-page-wrap .ct-form-wrap .wpcf7-submit {
  background: #FA3C40 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px;
  padding: 12px 28px !important;
  font-weight: 700 !important;
  cursor: pointer;
}
@media (max-width: 991px) {
  .contact-page-wrap .ct-grid {
    grid-template-columns: 1fr !important;
  }
}
body.page-id-872 .page-header {
  display: none !important;
}

/* ==========================================================================
   FINAL FIX PASS — lightbox UX, contact form, project galleries, leaders,
   350-480px responsive
   ========================================================================== */

.contact-page-wrap .ct-hero {
  background: #1A1A2E !important;
  text-align: center;
  padding: 180px 24px 40px !important;
}

.footer-logo-link {
  display: inline-block;
  line-height: 0;
}
.footer-logo-link .footer-glass-logo {
  display: block;
  max-width: 180px;
  height: auto;
}

/* Project: desktop vs mobile gallery (no double set) */
.proj-gallery-desktop { display: grid !important; }
.proj-gallery-mobile { display: none !important; }
@media (max-width: 768px) {
  .proj-gallery-desktop { display: none !important; }
  .proj-gallery-mobile {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* Leadership: show full member photos (no face crop) */
.vm-leader-card--stack .vm-leader-photo {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 3 / 4;
  object-fit: contain !important;
  object-position: center top !important;
  background: #e8eaef !important;
  width: 100% !important;
}

/* Lightbox close + zoom polish */
.dg-lightbox-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 72px 16px 24px !important;
  box-sizing: border-box !important;
}
.dg-lightbox-modal.is-open {
  display: flex !important;
}
.dg-lightbox-close {
  position: fixed !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 100002 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.55) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
.dg-lightbox-close svg {
  display: block;
  width: 22px;
  height: 22px;
}
.dg-lightbox-toolbar {
  position: fixed !important;
  top: 16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 100002 !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}
.dg-lightbox-zoom {
  min-width: 48px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.55) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.dg-lightbox-content-wrapper {
  position: relative !important;
  z-index: 100001 !important;
  max-width: min(1100px, 94vw) !important;
  max-height: calc(100dvh - 110px) !important;
  overflow: auto !important;
  border-radius: 12px !important;
  touch-action: pan-x pan-y pinch-zoom;
}
.dg-lightbox-image {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  transform: scale(var(--dg-zoom, 1)) !important;
  transform-origin: center center !important;
  transition: transform .2s ease !important;
}

/* Contact form fields visibility */
.contact-page-wrap .ct-form-wrap .career-form__field,
.contact-page-wrap .ct-form-wrap .full-width-field {
  margin-bottom: 14px;
}
.contact-page-wrap .ct-form-wrap label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #fff !important;
}
.contact-page-wrap .ct-form-wrap input,
.contact-page-wrap .ct-form-wrap textarea,
.contact-page-wrap .ct-form-wrap select {
  width: 100% !important;
  box-sizing: border-box !important;
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
.contact-page-wrap .ct-form-wrap select option {
  color: #1A1A2E;
}

/* Small phones 350-480px */
@media (max-width: 480px) {
  .pdng-lt-rt {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .site-header-delta .header-inner,
  .hdr-menu-main .header-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
    gap: 8px !important;
  }
  .header-logo img,
  .logo-link-delta img {
    max-width: 120px !important;
    height: auto !important;
  }
  .nav-right-side { display: none !important; }
  .home-hero-iso-img { height: 56px !important; }
  .home-hero-title,
  .all-heading-h1 {
    font-size: clamp(1.55rem, 7.2vw, 2rem) !important;
    line-height: 1.15 !important;
  }
  .home-testi-card {
    min-height: 0 !important;
    padding: 22px 18px !important;
  }
  .vm-leader-grid.vm-leader-grid--quad {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .contact-page-wrap .ct-hero {
    padding: 120px 14px 28px !important;
  }
  .contact-page-wrap .ct-form-wrap {
    padding: 20px 14px !important;
  }
  .footer-discuss-section,
  .footer-glass-grid {
    grid-template-columns: 1fr !important;
  }
  .footer-action-btns {
    flex-direction: column !important;
    width: 100%;
  }
  .footer-action-btns a {
    width: 100%;
    justify-content: center;
  }
  .dg-lightbox-toolbar {
    top: auto !important;
    bottom: 16px !important;
    left: 50% !important;
  }
  .dg-lightbox-close {
    top: 10px !important;
    right: 10px !important;
  }
  .proj-col-height-tall,
  .proj-col-height-mid,
  .proj-col-height-short {
    min-height: 200px !important;
  }
}
@media (max-width: 350px) {
  .pdng-lt-rt {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .header-logo img,
  .logo-link-delta img {
    max-width: 104px !important;
  }
  .home-hero-btn,
  .btn-solid-white,
  .btn-outline-white {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   SCREENSHOT MATCH — Leadership (horizontal cards) + Contact (2-col)
   + Read Bio drawer slide R→L open / L→R close
   ========================================================================== */

/* Leadership — exact horizontal card layout */
.vm-leadership-sec {
  background: #fff !important;
  padding-top: clamp(40px, 5vw, 72px) !important;
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}
.vm-leadership-head {
  max-width: 760px !important;
  margin: 0 auto 40px !important;
  text-align: center !important;
}
.vm-leadership-head .all-heading-h2 {
  color: #1A1A2E !important;
  margin: 0 0 12px !important;
}
.vm-leadership-head .all-heading-p {
  color: #6B7280 !important;
  margin: 0 auto !important;
  max-width: 640px;
}
.vm-leader-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
}
.vm-leader-card.ldr-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: #F3F4F6 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  min-height: 168px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px rgba(26, 26, 46, 0.06) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}
.vm-leader-card.ldr-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(26, 26, 46, 0.1) !important;
}
.vm-leader-card .vm-leader-photo {
  width: 42% !important;
  max-width: 210px !important;
  min-width: 140px !important;
  height: auto !important;
  min-height: 168px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  background: #e5e7eb !important;
  flex-shrink: 0 !important;
}
.vm-leader-card .vm-leader-info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 20px 22px 18px !important;
  border-left: 4px solid #31B09D !important;
  background: #F3F4F6 !important;
}
.vm-leader-card .vm-leader-name {
  margin: 0 0 4px !important;
  color: #1A1A2E !important;
  font-size: clamp(1.2rem, 1.7vw, 1.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
.vm-leader-card .vm-leader-role {
  margin: 0 0 14px !important;
  color: #6B7280 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.vm-leader-card .ldr-read-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(26, 26, 46, 0.12) !important;
  color: #1A1A2E !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.vm-leader-card .ldr-arrow {
  font-size: 22px !important;
  line-height: 1 !important;
  color: #1A1A2E !important;
  transition: transform .25s ease !important;
}
.vm-leader-card.ldr-card:hover .ldr-arrow {
  transform: translateX(4px);
}

/* Bio drawer — slide in from right (R→L), out to right (L→R) */
.ldr-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease, visibility 0s linear .55s !important;
}
.ldr-modal.is-open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity .35s ease, visibility 0s linear 0s !important;
}
.ldr-modal-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.62) !important;
  opacity: 0;
  transition: opacity .4s ease !important;
}
.ldr-modal.is-open .ldr-modal-overlay {
  opacity: 1 !important;
}
.ldr-modal-dialog {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: min(620px, 92vw) !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #fff !important;
  overflow-y: auto !important;
  padding: 88px 40px 40px !important;
  box-sizing: border-box !important;
  transform: translateX(100%);
  transition: transform .55s cubic-bezier(0.77, 0, 0.18, 1) !important;
  will-change: transform;
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.18) !important;
}
.ldr-modal.is-open .ldr-modal-dialog {
  transform: translateX(0) !important;
}
.ldr-modal-close {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  border: 2px solid #111 !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  line-height: 1 !important;
  color: #111 !important;
  cursor: pointer !important;
  z-index: 2;
}
.ldr-modal-name {
  margin: 0 0 10px !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  color: #111 !important;
  float: none !important;
  width: 100% !important;
  display: block !important;
}
.ldr-modal-role {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 24px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #1A1A2E !important;
}
.ldr-modal-text,
.ldr-modal-text p {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: rgba(26, 26, 46, 0.82) !important;
}
.ldr-modal-text p {
  margin: 0 0 16px !important;
}

/* Contact — screenshot 2-column HQ + dark form */
.contact-page-wrap {
  background: #e9eaee !important;
  color: #1A1A2E !important;
}
.contact-page-wrap .ct-hero {
  background: #1A1A2E !important;
  text-align: center !important;
  padding: 160px 24px 48px !important;
}
.contact-page-wrap .ct-hero h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 700 !important;
}
.contact-page-wrap .ct-main {
  padding-top: 56px !important;
  padding-bottom: 80px !important;
}
.contact-page-wrap .ct-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.92fr) minmax(340px, 1.2fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.contact-page-wrap .ct-card {
  display: flex !important;
  flex-direction: column !important;
  background: #f1f2f4 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 100% !important;
}
.contact-page-wrap .ct-card > img {
  width: 100% !important;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 20px 20px 0 0 !important;
}
.contact-page-wrap .ct-card-body {
  background: #f1f2f4 !important;
  padding: 26px 28px 30px !important;
  flex: 1 !important;
}
.contact-page-wrap .ct-card-body h3 {
  margin: 0 0 18px !important;
  color: #1A1A2E !important;
  font-size: clamp(1.35rem, 2vw, 1.7rem) !important;
  font-weight: 700 !important;
}
.contact-page-wrap .ct-main-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 16px !important;
}
.contact-page-wrap .ct-main-list .elementor-icon-list-item {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
  color: #374151 !important;
  line-height: 1.55 !important;
  font-size: 15px !important;
}
.contact-page-wrap .ct-main-list .elementor-icon-list-icon img {
  width: 24px !important;
  height: 24px !important;
  min-height: auto !important;
  object-fit: contain !important;
}
.contact-page-wrap .ct-main-list a {
  color: #1A1A2E !important;
  text-decoration: none !important;
  word-break: break-word;
}
.contact-page-wrap .ct-form-wrap {
  background: #151738 !important;
  border-radius: 28px !important;
  padding: 40px 36px !important;
  box-shadow: none !important;
  height: 100%;
  box-sizing: border-box;
}
.contact-page-wrap .ct-form-wrap .wpcf7-form,
.contact-page-wrap .ct-form-wrap form.careers-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  max-width: none !important;
  grid-template-columns: none !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field,
.contact-page-wrap .ct-form-wrap .full-width-field {
  margin-bottom: 10px !important;
  width: 100% !important;
}
.contact-page-wrap .ct-form-wrap label {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.contact-page-wrap .ct-form-wrap input[type="text"],
.contact-page-wrap .ct-form-wrap input[type="email"],
.contact-page-wrap .ct-form-wrap input[type="tel"],
.contact-page-wrap .ct-form-wrap textarea,
.contact-page-wrap .ct-form-wrap select {
  width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 10px 0 12px !important;
  min-height: 44px !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.contact-page-wrap .ct-form-wrap textarea {
  min-height: 96px !important;
  resize: vertical;
}
.contact-page-wrap .ct-form-wrap select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 4px center !important;
  padding-right: 24px !important;
}
.contact-page-wrap .ct-form-wrap select option {
  color: #1A1A2E !important;
  background: #fff !important;
}
.contact-page-wrap .ct-submit-wrap {
  margin: 18px 0 0 !important;
}
.contact-page-wrap .ct-form-wrap input[type="submit"],
.contact-page-wrap .ct-form-wrap .wpcf7-submit {
  background: #FA3C40 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 12px 32px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.contact-page-wrap .ct-form-wrap input[type="submit"]:hover,
.contact-page-wrap .ct-form-wrap .wpcf7-submit:hover {
  filter: brightness(1.05);
}

@media (max-width: 991px) {
  .contact-page-wrap .ct-grid {
    grid-template-columns: 1fr !important;
  }
  .vm-leader-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .vm-leader-card.ldr-card {
    min-height: 140px !important;
  }
  .vm-leader-card .vm-leader-photo {
    width: 38% !important;
    max-width: 150px !important;
    min-width: 110px !important;
    min-height: 140px !important;
  }
  .vm-leader-card .vm-leader-info {
    padding: 14px 14px 12px !important;
  }
  .ldr-modal-dialog {
    width: 100% !important;
    padding: 80px 22px 32px !important;
  }
  .contact-page-wrap .ct-hero {
    padding: 130px 16px 36px !important;
  }
  .contact-page-wrap .ct-form-wrap {
    padding: 28px 20px !important;
    border-radius: 20px !important;
  }
  .contact-page-wrap .ct-card > img {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
}

/* CF7 careers-form inside contact panel */
.contact-page-wrap .ct-form-wrap .wpcf7,
.contact-page-wrap .ct-form-wrap .wpcf7-form,
.contact-page-wrap .ct-form-wrap .careers-form {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.contact-page-wrap .ct-form-wrap .careers-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  grid-template-columns: none !important;
}
.contact-page-wrap .ct-form-wrap .wpcf7-spinner {
  display: none !important;
}

/* Leadership anchor clears fixed glass header */
#leadership.vm-leadership-sec {
  scroll-margin-top: 110px;
}

/* ==========================================================================
   REFERENCE LAYOUT LOCK � Leadership (132604) + Contact (132952)
   Site images only (no screenshot crops)
   ========================================================================== */

/* Leadership: horizontal Soft UI cards � photo left, teal bar, name/role */
.vm-leadership-sec {
  background: #ffffff !important;
  padding-top: clamp(48px, 5vw, 80px) !important;
  padding-bottom: clamp(64px, 7vw, 110px) !important;
}
.vm-leadership-head {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 42px !important;
}
.vm-leadership-head .all-heading-h2 {
  color: #1A1A2E !important;
  margin: 0 0 12px !important;
  font-weight: 700 !important;
}
.vm-leadership-head .all-heading-p {
  color: #6B7280 !important;
  margin: 0 auto !important;
}
.vm-leader-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}
.vm-leader-card.ldr-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  background: #F3F4F6 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  min-height: 176px !important;
  box-shadow: none !important;
  border: 0 !important;
  cursor: pointer !important;
}
.vm-leader-card.ldr-card:hover {
  transform: none !important;
  box-shadow: 0 10px 28px rgba(26,26,46,.08) !important;
}
.vm-leader-card .vm-leader-photo {
  width: 44% !important;
  max-width: 230px !important;
  min-width: 150px !important;
  height: 100% !important;
  min-height: 176px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  flex-shrink: 0 !important;
  background: #e5e7eb !important;
}
.vm-leader-card .vm-leader-info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 6px !important;
  padding: 24px 26px !important;
  border-left: 4px solid #31B09D !important;
  background: #F3F4F6 !important;
}
.vm-leader-card .vm-leader-name {
  margin: 0 !important;
  color: #1A1A2E !important;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
.vm-leader-card .vm-leader-role {
  margin: 0 !important;
  color: #6B7280 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}
.vm-leader-card .ldr-read-row { display: none !important; }

/* Contact: Soft UI 2-col HQ card + dark form */
.contact-page-wrap {
  background: #e9eaee !important;
}
.contact-page-wrap .ct-hero {
  background: #1A1A2E !important;
  text-align: center !important;
  padding: 160px 24px 48px !important;
}
.contact-page-wrap .ct-hero h1 {
  color: #fff !important;
  margin: 0 !important;
  font-size: clamp(2.1rem, 4vw, 3.1rem) !important;
  font-weight: 700 !important;
}
.contact-page-wrap .ct-main {
  padding-top: 64px !important;
  padding-bottom: 90px !important;
}
.contact-page-wrap .ct-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.95fr) minmax(360px, 1.2fr) !important;
  gap: 32px !important;
  align-items: stretch !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}
.contact-page-wrap .ct-card {
  background: #f1f2f4 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.contact-page-wrap .ct-card > img {
  width: 100% !important;
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 22px 22px 0 0 !important;
}
.contact-page-wrap .ct-card-body {
  background: #f1f2f4 !important;
  padding: 28px 30px 32px !important;
  flex: 1 !important;
}
.contact-page-wrap .ct-card-body h3 {
  margin: 0 0 18px !important;
  color: #1A1A2E !important;
  font-size: clamp(1.4rem, 2vw, 1.75rem) !important;
  font-weight: 700 !important;
}
.contact-page-wrap .ct-main-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 18px !important;
}
.contact-page-wrap .ct-main-list .elementor-icon-list-item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
.contact-page-wrap .ct-main-list .elementor-icon-list-icon img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}
.contact-page-wrap .ct-main-list a {
  color: #1A1A2E !important;
  text-decoration: none !important;
}
.contact-page-wrap .ct-form-wrap {
  background: #151738 !important;
  border-radius: 30px !important;
  padding: 42px 40px !important;
  box-shadow: none !important;
  height: 100%;
  box-sizing: border-box;
}
.contact-page-wrap .ct-form-wrap .wpcf7,
.contact-page-wrap .ct-form-wrap .wpcf7-form,
.contact-page-wrap .ct-form-wrap .careers-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: none !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field,
.contact-page-wrap .ct-form-wrap .full-width-field {
  margin: 0 0 12px !important;
  width: 100% !important;
}
.contact-page-wrap .ct-form-wrap label {
  display: block !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}
.contact-page-wrap .ct-form-wrap input[type="text"],
.contact-page-wrap .ct-form-wrap input[type="email"],
.contact-page-wrap .ct-form-wrap input[type="tel"],
.contact-page-wrap .ct-form-wrap textarea,
.contact-page-wrap .ct-form-wrap select {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 10px 0 12px !important;
  min-height: 44px !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
.contact-page-wrap .ct-form-wrap textarea { height: 110px !important; min-height: 110px !important; resize: vertical; }
.contact-page-wrap .ct-form-wrap select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 2px center !important;
  padding-right: 22px !important;
}
.contact-page-wrap .ct-form-wrap select option { color: #1A1A2E; background: #fff; }
.contact-page-wrap .ct-form-wrap input[type="submit"],
.contact-page-wrap .ct-form-wrap .wpcf7-submit {
  background: #FA3C40 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 48px !important;
  padding: 12px 34px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-top: 14px !important;
  width: auto !important;
  display: inline-flex !important;
  cursor: pointer !important;
}
.contact-page-wrap .ct-form-wrap .wpcf7-spinner { display: none !important; }

@media (max-width: 991px) {
  .vm-leader-grid,
  .contact-page-wrap .ct-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px) {
  .vm-leader-card .vm-leader-photo {
    width: 40% !important;
    max-width: 150px !important;
    min-width: 120px !important;
    min-height: 150px !important;
  }
  .vm-leader-card .vm-leader-info { padding: 16px 14px !important; }
  .contact-page-wrap .ct-form-wrap {
    padding: 28px 20px !important;
    border-radius: 20px !important;
  }
  .contact-page-wrap .ct-card > img {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
}

/* CRITICAL: about-ref-wrap was clipping leadership section */
.about-ref-wrap {
  overflow: visible !important;
}
.vm-leadership-sec,
.vm-leader-grid,
.vm-leader-card {
  visibility: visible !important;
  opacity: 1 !important;
  display: revert !important;
}
.vm-leader-grid {
  display: grid !important;
}
.vm-leader-card.ldr-card {
  display: flex !important;
}

/* ===== Soft UI Contact RESTORED (3 cards + bottom form) ===== */
.contact-page-wrap {
  background: #e9eaee !important;
  color: #1a1a2e !important;
}
.contact-page-wrap .ct-hero {
  background: #1A1A2E !important;
  text-align: center !important;
  padding: 140px 80px 40px !important;
}
.contact-page-wrap .ct-hero h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
}
.contact-page-wrap .ct-main {
  padding-top: 70px !important;
  padding-bottom: 90px !important;
}
.contact-page-wrap .ct-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  max-width: none !important;
  margin: 0 !important;
}
.contact-page-wrap .ct-card {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 20px !important;
  background: #f1f2f4 !important;
  overflow: hidden !important;
  height: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
}
.contact-page-wrap .ct-card > img {
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  max-height: 230px !important;
  object-fit: cover !important;
  border-radius: 20px 20px 0 0 !important;
  display: block !important;
}
.contact-page-wrap .ct-card-body {
  background: #f1f2f4 !important;
  padding: 26px 30px 30px !important;
  flex: 1 !important;
}
.contact-page-wrap .ct-card-body h3 {
  margin: 0 0 12px !important;
  color: #1A1A2E !important;
}
.contact-page-wrap .ct-main-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 12px !important;
}
.contact-page-wrap .ct-main-list .elementor-icon-list-item {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;
  margin: 0 !important;
  color: #1a1a2e !important;
  line-height: 1.5 !important;
}
.contact-page-wrap .ct-main-list a { color: #1a1a2e !important; text-decoration: none !important; }
.contact-page-wrap .ct-bottom {
  display: grid !important;
  grid-template-columns: 1fr 1.85fr !important;
  gap: 28px !important;
  margin-top: 80px !important;
  align-items: stretch !important;
}
.contact-page-wrap .ct-talent {
  background: #f1f2f4 !important;
  border-radius: 20px !important;
  padding: 38px 34px !important;
}
.contact-page-wrap .ct-talent h2 {
  margin: 0 0 16px !important;
  color: #1A1A2E !important;
}
.contact-page-wrap .ct-talent p {
  margin: 0 0 20px !important;
  color: #4B5563 !important;
}
.contact-page-wrap .ct-talent a {
  color: #101010 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.contact-page-wrap .ct-form-wrap {
  margin: 0 !important;
  border-radius: 34px !important;
  background: #151738 !important;
  box-shadow: none !important;
  padding: 36px !important;
  height: auto !important;
}
.contact-page-wrap .ct-form-wrap .wpcf7-form,
.contact-page-wrap .ct-form-wrap .careers-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px 32px !important;
  max-width: none !important;
  width: 100% !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field {
  margin: 0 !important;
}
.contact-page-wrap .ct-form-wrap .full-width-field,
.contact-page-wrap .ct-form-wrap .wpcf7-submit,
.contact-page-wrap .ct-form-wrap p:has(input[type=submit]),
.contact-page-wrap .ct-form-wrap .wpcf7-response-output {
  grid-column: 1 / -1 !important;
}
.contact-page-wrap .ct-form-wrap label {
  display: block !important;
  font-size: 18px !important;
  color: #fff !important;
  margin-bottom: 6px !important;
  font-weight: 600 !important;
}
.contact-page-wrap .ct-form-wrap input[type=text],
.contact-page-wrap .ct-form-wrap input[type=email],
.contact-page-wrap .ct-form-wrap input[type=tel],
.contact-page-wrap .ct-form-wrap textarea,
.contact-page-wrap .ct-form-wrap select {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 8px 0 !important;
  min-height: 40px !important;
  box-shadow: none !important;
}
.contact-page-wrap .ct-form-wrap input[type=submit],
.contact-page-wrap .ct-form-wrap .wpcf7-submit {
  background: #1f84db !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  width: auto !important;
  display: inline-flex !important;
  margin-top: 8px !important;
  cursor: pointer !important;
}
.contact-page-wrap .ct-form-wrap .wpcf7-spinner { display: none !important; }

/* Soft UI Leadership cards on vision page � exact horizontal Soft UI */
.vm-leader-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.vm-leader-card.ldr-card {
  display: flex !important;
  flex-direction: row !important;
  background: #f1f2f4 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  min-height: 180px !important;
  box-shadow: none !important;
}
.vm-leader-card .vm-leader-photo {
  width: 42% !important;
  max-width: 220px !important;
  min-width: 150px !important;
  min-height: 180px !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center top !important;
  flex-shrink: 0 !important;
}
.vm-leader-card .vm-leader-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 24px 28px !important;
  border-left: 4px solid #31B09D !important;
  background: #f1f2f4 !important;
  gap: 8px !important;
}
.vm-leader-card .vm-leader-name {
  margin: 0 !important;
  color: #1A1A2E !important;
  font-size: clamp(1.3rem, 1.9vw, 1.6rem) !important;
  font-weight: 700 !important;
}
.vm-leader-card .vm-leader-role {
  margin: 0 !important;
  color: #6B7280 !important;
  font-size: 16px !important;
}

@media (max-width: 991px) {
  .contact-page-wrap .ct-grid { grid-template-columns: 1fr !important; }
  .contact-page-wrap .ct-bottom { grid-template-columns: 1fr !important; margin-top: 40px !important; }
  .vm-leader-grid { grid-template-columns: 1fr !important; }
  .contact-page-wrap .ct-form-wrap .wpcf7-form,
  .contact-page-wrap .ct-form-wrap .careers-form {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* User-requested contact grid + Soft UI leadership stack */
.contact-page-wrap .ct-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, .7fr) minmax(360px, 1.2fr) !important;
  gap: 32px !important;
  align-items: stretch !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.contact-page-wrap .ct-grid.ct-grid--hq-form {
  display: grid !important;
  grid-template-columns: minmax(300px, .7fr) minmax(360px, 1.2fr) !important;
  gap: 32px !important;
  align-items: stretch !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.contact-btn-red {
  min-height: 24px !important;
}

/* Soft UI Leadership members � photo top / content bottom */
.vm-leader-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}
.vm-leader-card.ldr-card {
  display: flex !important;
  flex-direction: column !important;
  background: #f1f2f4 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.vm-leader-card .vm-leader-photo {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 250px !important;
  min-height: 250px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}
.vm-leader-card .vm-leader-info {
  background: #fff !important;
  border-left: 0 !important;
  padding: 20px 22px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
.vm-leader-card .vm-leader-name {
  margin: 0 0 6px !important;
  color: #1A1A2E !important;
  font-weight: 700 !important;
}
.vm-leader-card .vm-leader-role {
  margin: 0 0 16px !important;
  color: #101b45 !important;
}
.vm-leader-card .ldr-read-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid #101b45 !important;
  padding-top: 12px !important;
  color: #1A1A2E !important;
  font-weight: 600 !important;
}
.vm-leader-card .ldr-arrow {
  font-size: 28px !important;
  color: #101b45 !important;
}

/* Leadership 4-up + contact form side-by-side fields */
.vm-leader-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.vm-leader-card.ldr-card {
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  min-height: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  cursor: pointer !important;
}
.vm-leader-card.ldr-card:hover {
  transform: none !important;
  box-shadow: none !important;
}
.vm-leader-card .vm-leader-photo {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 250px !important;
  max-height: 325px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  flex-shrink: 0 !important;
  background: transparent !important;
}
.contact-page-wrap .ct-form-wrap .wpcf7-form,
.contact-page-wrap .ct-form-wrap .careers-form,
.contact-page-wrap .ct-form-wrap form.wpcf7-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px 32px !important;
  width: 100% !important;
  max-width: none !important;
}
.contact-page-wrap .ct-form-wrap .full-width-field,
.contact-page-wrap .ct-form-wrap .wpcf7-response-output,
.contact-page-wrap .ct-form-wrap p:has(input[type="submit"]),
.contact-page-wrap .ct-form-wrap .wpcf7-submit {
  grid-column: 1 / -1 !important;
}
@media (max-width: 1199px) {
  .vm-leader-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 991px) {
  .vm-leader-grid,
  .contact-page-wrap .ct-form-wrap .wpcf7-form,
  .contact-page-wrap .ct-form-wrap .careers-form {
    grid-template-columns: 1fr !important;
  }
}
.contact-page-wrap .ct-form-wrap .career-form__field:has(textarea),
.contact-page-wrap .ct-form-wrap .full-width-field {
  grid-column: 1 / -1 !important;
}

/* Contact: Google Map embed + form field grid fix */
.contact-page-wrap .ct-map-embed {
  width: 100% !important;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
  border-radius: 20px 20px 0 0 !important;
  background: #dbe3ea !important;
}
.contact-page-wrap .ct-map-embed iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 240px !important;
  border: 0 !important;
  display: block !important;
}
.contact-page-wrap .ct-form-wrap .wpcf7 {
  display: block !important;
  width: 100% !important;
}
.contact-page-wrap .ct-form-wrap form.wpcf7-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px 32px !important;
  width: 100% !important;
  max-width: none !important;
  align-items: start !important;
}
.contact-page-wrap .ct-form-wrap form.wpcf7-form > .careers-form {
  display: contents !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field {
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field p {
  margin: 0 !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field input,
.contact-page-wrap .ct-form-wrap .career-form__field textarea,
.contact-page-wrap .ct-form-wrap .career-form__field select,
.contact-page-wrap .ct-form-wrap .wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.contact-page-wrap .ct-form-wrap .career-form__field--message,
.contact-page-wrap .ct-form-wrap .career-form__field:has(textarea),
.contact-page-wrap .ct-form-wrap .full-width-field,
.contact-page-wrap .ct-form-wrap .ct-submit-wrap,
.contact-page-wrap .ct-form-wrap fieldset,
.contact-page-wrap .ct-form-wrap .wpcf7-response-output,
.contact-page-wrap .ct-form-wrap form > p:has(.wpcf7-submit) {
  grid-column: 1 / -1 !important;
}

/* Project page hero height */
body.page-id-568 .proj-hero-banner {
  min-height: 300px !important;
  height: 350px !important;
  padding-bottom: 48px !important;
}

/* Inner utilities page banners only (not ocean/air freight, not SFDA) */
.sab-hero-banner,
body.page-id-946 .proj-hero-banner {
  min-height: 300px !important;
  height: 350px !important;
  padding-top: 120px !important;
  padding-bottom: 40px !important;
}
.sab-hero-banner {
  display: flex !important;
  align-items: flex-end !important;
  padding-top: 0 !important;
  padding-bottom: 48px !important;
}
.ocean155-hero.custom-new-bg .ocean155-hero-card,
.ocean155-hero.marina-new-bg .ocean155-hero-card {
  margin-top: 24px !important;
}

/* SFDA page banner — full viewport */
.ocean155-hero.sfda-bg,
body.page-id-454 .ocean155-hero.sfda-bg {
  min-height: 100dvh !important;
  height: 100dvh !important;
  padding-top: 180px !important;
  padding-bottom: 42px !important;
}
.ocean155-hero.sfda-bg .ocean155-hero-card {
  margin-top: 55% !important;
}

@media (max-width: 991px) {
  body.page-id-568 .proj-hero-banner,
  .sab-hero-banner,
  body.page-id-946 .proj-hero-banner {
    min-height: 260px !important;
    height: 300px !important;
  }
  .ocean155-hero.sfda-bg,
  body.page-id-454 .ocean155-hero.sfda-bg {
    min-height: 100dvh !important;
    height: 100dvh !important;
    padding-top: 130px !important;
  }
  .contact-page-wrap .ct-form-wrap form.wpcf7-form {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   MOBILE PARITY WITH PRODUCTION SOFT UI (layout only � local assets)
   ========================================================================== */

h2.footer-discuss-title.bsi-reveal,
.footer-discuss-title.bsi-reveal,
.footer-discuss-title {
  width: auto !important;
  max-width: min(500px, 100%) !important;
  box-sizing: border-box !important;
}
.footer-discuss-title-wrap,
.bsi-line-wrap {
  max-width: 100% !important;
  overflow: hidden !important;
}

@media screen and (max-width: 767px) {
  .home-hero-iso.mbl-none,
  .home-hero-sec .mbl-none {
    display: none !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }
  .feature-img-block.mbl-none,
  .support-img-wrapper.mbl-none,
  .partner-img.mbl-none,
  .ocean155-reliable-left.mbl-none {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .home-hero-sec {
    height: auto !important;
    min-height: 100dvh !important;
    padding-top: 140px !important;
    padding-bottom: 56px !important;
  }
  .home-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .home-hero-desc-right {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
  }
  .home-hero-btn-wrap { width: 100% !important; }
  .home-hero-btn {
    display: inline-flex !important;
    justify-content: center !important;
    max-width: 100% !important;
  }
  .pdng-lt-rt {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .header-contact-row,
  .nav-right-side {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .home-hero-sec {
    padding-top: 120px !important;
    padding-bottom: 48px !important;
  }
  .home-hero-title {
    font-size: clamp(1.7rem, 7vw, 2.1rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
  }
  .home-hero-iso {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .home-hero-iso-img {
    height: 52px !important;
    width: auto !important;
  }
  .home-hero-btn {
    width: 100% !important;
    text-align: center !important;
  }
  .home-partners-logos {
    max-width: 100% !important;
    gap: 18px !important;
  }
  .home-services-grid {
    grid-template-columns: 1fr !important;
  }
  .home-intro-grid,
  .home-trade-grid,
  .home-business-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .footer-discuss-section {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
  .footer-glass-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 480px) {
  .pdng-lt-rt {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .home-hero-iso-img { height: 48px !important; }
}

html, body { overflow-x: hidden !important; }
.site-footer-delta,
.footer-discuss-section,
.home-new-wrap {
  max-width: 100% !important;
  overflow-x: clip !important;
}

/* ==========================================================================
   MOBILE FIX PACK � menu, tabs, Voices, logo, footer Soft UI Soft UI parity
   ========================================================================== */

/* 4) Header logo width */
.site-header-delta .header-logo img,
.site-header-delta .logo-link-delta img,
.hdr-menu-main .header-logo img,
.logo-link-delta img {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
}

/* 1) Mobile menu: Soft UI Soft UI `nav{display:none}` was killing .header-nav-delta */
@media (max-width: 1024px) {
  .mobile-menu-toggle {
    display: flex !important;
    position: relative;
    z-index: 100001 !important;
    width: 44px;
    height: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
  }
  .mobile-menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff !important;
    transition: transform .25s ease, opacity .2s ease;
  }
  .mobile-menu-toggle.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .mobile-menu-toggle.is-active span:nth-child(2) {
    opacity: 0;
  }
  .mobile-menu-toggle.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  /* Keep drawer panel visible when open */
  body.menu-open .header-right {
    display: flex !important;
    position: fixed !important;
    inset: 72px 12px auto !important;
    z-index: 100000 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 18px !important;
    background: rgba(26, 26, 46, 0.97) !important;
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 12px !important;
    max-height: calc(100dvh - 100px) !important;
    overflow: auto !important;
    width: auto !important;
  }

  /* CRITICAL: override Soft UI Soft UI nav{display:none} */
  body.menu-open nav.header-nav-delta,
  body.menu-open #primary-navigation,
  body.menu-open .header-right .header-nav-delta {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.menu-open .header-nav-delta > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  body.menu-open .header-nav-delta > ul > li > a {
    display: flex !important;
    color: #fff !important;
    min-height: 44px !important;
    align-items: center !important;
    border-bottom: 0 !important;
    padding: 10px 8px !important;
  }
  body.menu-open .header-contact-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
}

/* Desktop: ensure nav is visible (Soft UI Soft UI nav{display:none} only under 768) */
@media (min-width: 1025px) {
  nav.header-nav-delta,
  #primary-navigation {
    display: block !important;
  }
}

/* 2) Homepage service tabs: side-by-side + horizontal scroll */
.home-services-tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 18px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
  max-width: 100% !important;
  padding-bottom: 12px !important;
  margin-bottom: 28px !important;
}
.home-services-tabs .home-service-tab-btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  .home-services-tabs {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
  }
  .home-service-tab-btn::after {
    display: block !important;
    bottom: -13px !important;
  }
}

/* 3) Voices of Trust heading centered on mobile */
@media (max-width: 991px) {
  .home-testimonials-header {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .home-testimonials-title,
  .home-testimonials-sec .all-heading-h2.home-testimonials-title {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .home-testimonials-title::after {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .home-testimonials-nav {
    justify-content: center !important;
  }
}

/* 5) Soft UI Soft UI-like mobile footer */
@media (max-width: 991px) {
  .footer-discuss-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    margin-bottom: 28px !important;
  }
  .footer-discuss-title,
  h2.footer-discuss-title.bsi-reveal {
    width: auto !important;
    max-width: 100% !important;
    font-size: clamp(1.6rem, 6vw, 2.1rem) !important;
  }
  .footer-action-btns {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 12px !important;
  }
  .footer-action-btns a {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    box-sizing: border-box !important;
  }
  .footer-glass-box {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }
  .footer-glass-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin-bottom: 24px !important;
  }
  .footer-links-col.double-col {
    grid-column: auto !important;
  }
  .footer-links-split {
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-bottom-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .footer-brand-col img,
  .footer-glass-logo {
    width: 150px !important;
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .site-footer-delta {
    padding-top: 40px !important;
    padding-bottom: 24px !important;
  }
  .site-footer-delta > .pdng-lt-rt {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* 6) Broader Soft UI Soft UI mobile spacing parity (layout only) */
@media (max-width: 767px) {
  .pdng-lt-rt {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .pdng-tp-btm,
  .pdnt-tp-btm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .home-partners-logos {
    max-width: 100% !important;
    justify-content: center !important;
    gap: 16px !important;
  }
  .home-services-grid,
  .home-intro-grid,
  .home-trade-grid,
  .home-business-grid {
    grid-template-columns: 1fr !important;
  }
  .contact-page-wrap .ct-grid,
  .contact-page-wrap .ct-grid.ct-grid--hq-form {
    grid-template-columns: 1fr !important;
  }
  .vm-leader-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   STYLE.CSS SOURCE OF TRUTH � layouts moved from functions.php + mobile pixel match
   Search this heading to find live layout rules.
   ========================================================================== */

/* --- Responsive section spacing --- */
.pdng-tp{padding-top:60px!important}
.pdng-btm{padding-bottom:60px!important}
.pdng-tp-btm{padding-top:60px!important;padding-bottom:60px!important}
.pdng-lt-rt{box-sizing:border-box;padding-left:80px!important;padding-right:80px!important}
@media (max-width:1200px){.pdng-lt-rt{padding-left:50px!important;padding-right:50px!important}}
/* --- Leadership + contact (was inline PHP) --- */
.about-ref-wrap{overflow:visible!important}
.vm-leadership-sec{background:#f4f1eb!important;padding-top:60px!important;padding-bottom:60px!important}
.vm-leadership-head{text-align:center!important;max-width:720px!important;margin:0 auto 40px!important}
.vm-leader-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:32px!important;max-width:1700px!important;margin:0 auto!important;align-items:start!important}
.vm-leader-card.ldr-card{display:flex!important;flex-direction:column!important;align-items:center!important;align-self:start!important;text-align:center!important;background:transparent!important;border-radius:0!important;overflow:visible!important;min-height:0!important;height:auto!important;box-shadow:none!important;border:0!important;cursor:pointer!important}
.vm-leader-card.ldr-card:hover{transform:none!important;box-shadow:none!important}
.vm-leader-card .vm-leader-photo{display:block!important;width:100%!important;max-width:390px!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;margin:0 auto!important;background:transparent!important;flex-shrink:0!important}
.vm-leader-card .vm-leader-info{width:100%!important;min-height:156px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:24px 0 0!important;border:0!important;background:transparent!important;gap:0!important;text-align:center!important}
.vm-leader-card .vm-leader-name{margin:0 0 10px!important;color:#101b45!important;font-size:clamp(18px,1.3vw,24px)!important;line-height:1.2!important;font-weight:500!important;text-align:center!important;white-space:nowrap!important}
.vm-leader-card .vm-leader-role{margin:0 0 20px!important;color:#4a5365!important;font-size:clamp(16px,1vw,19px)!important;line-height:1.35!important;font-weight:400!important;text-align:center!important}
.vm-leader-card .ldr-read-row{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:180px!important;height:46px!important;margin:auto auto 0!important;padding:0 34px!important;border:0!important;border-radius:999px!important;background:#f52332!important;color:#fff!important;font-size:16px!important;line-height:1!important;font-weight:600!important;text-align:center!important}
.vm-leader-card .ldr-read-row span{color:#fff!important;text-align:center!important}
.vm-leader-card .ldr-arrow{display:none!important}
.contact-page-wrap{background:#e9eaee}
.contact-page-wrap .ct-hero{background:#1A1A2E;text-align:center;padding:140px 80px 40px}
.contact-page-wrap .ct-hero h1{color:#fff;margin:0;font-size:clamp(2rem,4vw,3rem)}
.contact-page-wrap .ct-grid,
.contact-page-wrap .ct-grid.ct-grid--hq-form{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(360px,1.2fr);gap:32px;align-items:stretch;max-width:100%;margin:0 auto}
.contact-page-wrap .ct-card{display:flex;flex-direction:column;border-radius:20px;background:#f1f2f4;overflow:hidden;height:100%;border:0;box-shadow:none}
.contact-page-wrap .ct-card>img,
.contact-page-wrap .ct-map-embed{width:100%;height:240px;min-height:240px;max-height:240px;border-radius:20px 20px 0 0;display:block;overflow:hidden}
.contact-page-wrap .ct-map-embed iframe{width:100%;height:100%;min-height:240px;border:0;display:block}
.contact-page-wrap .ct-form-wrap form.wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;width:100%;max-width:none;align-items:start}
.contact-page-wrap .ct-form-wrap form.wpcf7-form > .careers-form{display:contents}
.contact-page-wrap .ct-form-wrap .career-form__field--message,
.contact-page-wrap .ct-form-wrap .full-width-field,
.contact-page-wrap .ct-form-wrap .ct-submit-wrap,
.contact-page-wrap .ct-form-wrap form > p:has(.wpcf7-submit),
.contact-page-wrap .ct-form-wrap fieldset{grid-column:1 / -1}

/* Header logo 180px */
.site-header-delta .header-logo img,
.site-header-delta .logo-link-delta img,
.logo-link-delta img{
  width:180px !important;
  max-width:180px !important;
  height:auto !important;
}

/* Mobile menu overlay */
.dg-menu-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(10,12,22,.45);
  z-index:99998;
}
body.menu-open .dg-menu-overlay{ display:block; }

/* 2) Tabs: same look, row + scroll on small screens (do not restyle chrome) */
.home-services-tabs{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:15px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  max-width:100% !important;
}
.home-services-tabs .home-service-tab-btn{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

@media (max-width: 1024px) {
  /* Full-height drawer: closed off-canvas right, open slides in */
  .header-right{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;
    width:min(360px, 88vw) !important;
    height:100% !important;
    height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:88px 20px 24px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
    background:#1A1A2E !important;
    border:0 !important;
    border-radius:0 !important;
    z-index:99999 !important;
    overflow:auto !important;
    transform:translateX(100%);
    transition:transform .4s cubic-bezier(.77,0,.18,1);
    box-shadow:none;
    pointer-events:none;
  }
  body.menu-open .header-right{
    transform:translateX(0) !important;
    display:flex !important;
    pointer-events:auto;
  }
  nav.header-nav-delta,
  #primary-navigation,
  body.menu-open nav.header-nav-delta{
    display:block !important;
    width:100% !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .header-nav-delta > ul{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    width:100% !important;
  }
  .header-nav-delta > ul > li > a{
    color:#fff !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    border-bottom:0 !important;
  }
  .mobile-menu-toggle{
    display:flex !important;
    z-index:100001 !important;
    position:relative;
    width:44px;height:44px;
    align-items:center;justify-content:center;
    background:transparent !important;
    border:0 !important;
  }
  .mobile-menu-toggle span{ background:#fff !important; }
  .header-contact-row{ display:none !important; }
  body.menu-open .header-contact-row{
    display:flex !important;
    flex-wrap:wrap !important;
    background:#fff !important;
    border-radius:10px !important;
    padding:10px 12px !important;
  }
}

@media (min-width: 1025px) {
  nav.header-nav-delta, #primary-navigation{ display:block !important; }
  .header-right{
    transform:none !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
}

/* Voices of Trust center on mobile � same type, just alignment */
@media (max-width: 991px) {
  .home-testimonials-header{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }
  .home-testimonials-title{
    text-align:center !important;
    width:100% !important;
  }
  .home-testimonials-title::after{
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}

/* Footer pixel match to production mobile screenshot */
@media (max-width: 991px) {
  .footer-discuss-section{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:16px !important;
    margin-bottom:24px !important;
  }
  .footer-discuss-title,
  h2.footer-discuss-title.bsi-reveal{
    width:auto !important;
    max-width:100% !important;
    font-size:clamp(1.75rem, 6.4vw, 2.25rem) !important;
    line-height:1.2 !important;
  }
  .footer-discuss-desc{ margin-bottom:8px !important; }
  .footer-action-btns{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
  }
  .footer-action-btns a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:132px !important;
    min-height:56px !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  .footer-glass-box{
    padding:22px 18px 20px !important;
    border-radius:22px !important;
  }
  .footer-glass-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:22px 18px !important;
    margin-bottom:20px !important;
  }
  .footer-brand-col{ grid-column:1 / -1 !important; }
  .footer-links-col.double-col{ grid-column:auto !important; }
  .footer-links-split{ grid-template-columns:1fr !important; gap:10px !important; }
  .footer-bottom-bar{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
  }
  .footer-brand-col img,
  .footer-glass-logo{ width:150px !important; height:auto !important; }
}

@media (max-width: 767px) {
  html, body{ overflow-x:hidden; }
  .pdng-lt-rt{ padding-left:20px !important; padding-right:20px !important; }
  .home-hero-iso.mbl-none,
  .home-hero-sec .mbl-none{ display:none !important; min-height:0 !important; }
  .feature-img-block.mbl-none,
  .support-img-wrapper.mbl-none,
  .partner-img.mbl-none,
  .ocean155-reliable-left.mbl-none{ display:block !important; }
  .home-hero-sec{
    height:auto !important;
    min-height:100dvh !important;
    padding-top:120px !important;
    padding-bottom:48px !important;
  }
  .home-hero-grid{ grid-template-columns:1fr !important; }
  .home-hero-title{
    font-size:clamp(1.7rem,7vw,2.1rem) !important;
    line-height:1.2 !important;
  }
  .home-hero-iso{ justify-content:flex-start !important; flex-wrap:wrap !important; }
  .home-hero-btn{ width:100% !important; text-align:center !important; }
  .home-services-grid,
  .home-intro-grid,
  .home-trade-grid,
  .home-business-grid,
  .contact-page-wrap .ct-grid,
  .contact-page-wrap .ct-grid.ct-grid--hq-form,
  .vm-leader-grid{ grid-template-columns:1fr !important; }
  .contact-page-wrap .ct-form-wrap form.wpcf7-form{ grid-template-columns:1fr !important; }
  .contact-page-wrap .ct-hero{ padding:120px 16px 28px !important; }
  .nav-right-side{ display:none !important; }
}

@media (max-width: 1199px) {
  .vm-leader-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Full-height slide drawer � beats earlier card-style menu-open rules */
@media (max-width: 1024px) {
  body.menu-open .header-right,
  .header-right {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    inset: 0 0 0 auto !important;
    width: min(360px, 88vw) !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    padding-top: 88px !important;
  }
  .header-right {
    transform: translateX(100%);
    transition: transform .4s cubic-bezier(.77,0,.18,1);
  }
  body.menu-open .header-right {
    transform: translateX(0) !important;
  }
}

/* ==========================================================================
   Mobile menu = full-screen overlay (Delta Ports layout, Delta Global labels)
   ========================================================================== */
@media (max-width: 1024px) {
  .header-right {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    background: #0b1220 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 88px 24px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    z-index: 99999 !important;
    transform: translateX(100%);
    transition: transform .4s cubic-bezier(.77,0,.18,1);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    pointer-events: none;
  }
  body.menu-open .header-right {
    transform: translateX(0) !important;
    pointer-events: auto;
  }
  body.menu-open nav.header-nav-delta,
  body.menu-open #primary-navigation {
    display: block !important;
    width: 100% !important;
    order: 1;
    flex: 1 1 auto;
  }
  body.menu-open .header-nav-delta > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    counter-reset: dgmenu;
    width: 100% !important;
  }
  body.menu-open .header-nav-delta > ul > li {
    counter-increment: dgmenu;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }
  body.menu-open .header-nav-delta > ul > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: #fff !important;
    font-size: clamp(1.55rem, 6.4vw, 2rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    min-height: 64px !important;
    padding: 12px 0 !important;
    border-bottom: 0 !important;
  }
  body.menu-open .header-nav-delta > ul > li > a::before {
    content: counter(dgmenu, decimal-leading-zero);
    color: #FA3C40;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    min-width: 22px;
  }
  body.menu-open .header-nav-delta > ul > li.has-dropdown > a::after {
    content: "+";
    margin-left: auto;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
  }
  body.menu-open .header-nav-delta > ul > li.has-dropdown.is-open > a::after {
    content: "\2212";
  }
  body.menu-open .header-nav-delta > ul > li:last-child > a {
    background: #FA3C40 !important;
    color: #fff !important;
    justify-content: center !important;
    border-radius: 4px !important;
    margin-top: 18px !important;
    min-height: 52px !important;
    font-size: 16px !important;
    letter-spacing: .04em !important;
    text-transform: none !important;
  }
  body.menu-open .header-nav-delta > ul > li:last-child > a::before {
    content: none;
  }
  body.menu-open .header-contact-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    order: 2;
    background: transparent !important;
    box-shadow: none !important;
    padding: 18px 0 0 !important;
    margin-top: auto !important;
    gap: 6px !important;
    border-radius: 0 !important;
  }
  body.menu-open .header-contact-row a {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  body.menu-open .header-contact-row img {
    filter: brightness(0) invert(1);
  }
  .mobile-menu-toggle {
    z-index: 100002 !important;
  }
}

/* 3) Footer side padding 0 on mobile */
@media (max-width: 991px) {
  .site-footer-delta > .pdng-lt-rt {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* 4�6) Ocean 155 mobile */
@media (max-width: 991px) {
  .ocean155-hero {
    min-height: 750px;
  }
  .ocean155-mini-card {
    min-height: auto;
    gap: 10px;
  }
  .ocean155-industries-right {
    margin-top: 2%;
  }
}

@media (max-width: 1024px) {
  body.menu-open .header-right,
  .header-right {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    background: #0b1220 !important;
    border-radius: 0 !important;
    transform: translateX(100%);
  }
  body.menu-open .header-right {
    transform: translateX(0) !important;
  }
}
@media (max-width: 991px) {
  .ocean155-hero {
    min-height: 750px !important;
    height: auto !important;
  }
}

@media (max-width: 1024px) {
  body.menu-open .header-nav-delta > ul > li > a i.bx,
  body.menu-open .header-nav-delta > ul > li > a .bx-chevron-down {
    display: none !important;
  }
}

/* ==========================================================================
   Aug 19 — mobile menu 360px, mega dropdown, company/career, heroes, footer
   ========================================================================== */

@media (max-width: 1024px) {
  body.menu-open .header-right,
  .header-right {
    width: min(360px, 100vw) !important;
    max-width: min(360px, 100vw) !important;
    min-width: 0 !important;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    inset: 0 0 0 auto !important;
  }
  body.menu-open .header-nav-delta > ul > li {
    width: 100%;
  }
  body.menu-open .header-nav-delta > ul > li > a,
  body.menu-open .header-nav-delta > ul > li .dropdown-menu-delta {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

html.menu-open,
html.menu-open body,
body.menu-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  height: 100% !important;
  touch-action: none;
}
body.menu-open .header-right {
  touch-action: pan-y;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
@media (max-width: 1024px) {
  body.menu-open .header-nav-delta .dropdown-menu-delta,
  body.menu-open .header-nav-delta .dropdown-menu-delta.dropdown-mega-grid-added {
    background: transparent !important;
    box-shadow: none !important;
    padding: 8px 0 16px !important;
  }
  body.menu-open .delta-mega-column-heading {
    color: #fff !important;
    border-bottom-color: rgba(255,255,255,.18) !important;
  }
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a,
  body.menu-open .header-nav-delta ul li .dropdown-menu-delta.dropdown-mega-grid-added li a,
  body.menu-open .header-nav-delta .delta-mega-sub-links-list li a,
  body.menu-open .hdr-menu-main.fixed-header .delta-mega-sub-links-list li a,
  body.menu-open .dropdown-menu-delta li a {
    color: #fff !important;
  }
  body.menu-open .delta-mega-sub-links-list li a i {
    color: #FA3C40 !important;
  }
}

@media (max-width: 1024px) {
  .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open .dropdown-menu-delta.dropdown-mega-grid-added {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0%) translateY(0) !important;
    display: grid !important;
    position: static !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 991px) {
  body.page-id-568 .proj-hero-banner,
  .ocean155-hero.custom-new-bg,
  .ocean155-hero.marina-new-bg,
  .ocean155-hero.sabar-new-bg,
  .sab-hero-banner,
  body.page-id-946 .proj-hero-banner {
    min-height: 260px !important;
    height: 750px !important;
  }
}

.site-footer-delta a[href*="utilities-page"],
.site-footer-delta li:has(> a[href*="utilities-page"]) {
  display: none !important;
}

/* Company page — stack every multi-column section on mobile */
@media (max-width: 991px) {
  .about-ref-hero {
    min-height: 520px !important;
    height: auto !important;
    padding-top: 140px !important;
    padding-bottom: 28px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .about-ref-hero-inner {
    max-width: 100% !important;
    width: 100% !important;
  }
  .about-ref-years {
    position: static !important;
    text-align: left !important;
    margin-top: 18px !important;
    opacity: 1 !important;
  }
  .about-ref-years strong {
    font-size: clamp(48px, 14vw, 72px) !important;
  }
  .about-ref-years span {
    letter-spacing: 4px !important;
    padding-left: 0 !important;
  }
  .about-ref-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-width: 100% !important;
  }
  .about-ref-support-main {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: 28px !important;
    width: 100% !important;
  }
  .about-ref-support-title-col,
  .about-ref-support-cards-col {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .about-ref-support-title-col h2 {
    max-width: 100% !important;
  }
  .about-ref-support-meta-main {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .about-ref-support-image-col {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .about-ref-support-image {
    height: 220px !important;
    max-width: 100% !important;
  }
  .about-ref-support-cards-col {
    grid-template-columns: 1fr !important;
  }
  .about-ref-feature-card {
    min-height: 0 !important;
    width: 100% !important;
  }
  .about-ref-cap-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .about-ref-cap-card {
    min-height: 0 !important;
    padding: 28px 20px !important;
  }
  .about-ref-vm {
    grid-template-columns: 1fr !important;
  }
  .about-ref-vm::before {
    display: none !important;
  }
  .about-ref-vm-box {
    padding: 36px 16px !important;
  }
  .about-ref-values-grid,
  .about-ref-testimonials-grid {
    grid-template-columns: 1fr !important;
  }
  .about-ref-testimonials-head {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
}

@media (max-width: 767px) {
  .about-ref-hero-title {
    font-size: clamp(1.7rem, 8vw, 2.4rem) !important;
    max-width: 100% !important;
  }
  .about-ref-logos {
    grid-template-columns: 1fr 1fr !important;
  }
  .about-ref-logo img {
    max-height: 44px !important;
  }
  .about-ref-iso-icons img {
    width: 48px !important;
    height: 48px !important;
  }
}

/* Career page — stack every multi-column section on mobile */
@media (max-width: 991px) {
  .career21-hero {
    min-height: 520px !important;
    height: auto !important;
    padding-top: 140px !important;
    padding-bottom: 28px !important;
  }
  .career21-hero-content {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .career21-building-grid,
  .career21-join-grid,
  .career21-develop-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .career21-why-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .career21-why-card {
    min-height: 0 !important;
    padding: 28px 18px !important;
  }
  .career21-develop {
    min-height: 0 !important;
    height: auto !important;
    padding: 56px 20px !important;
    align-items: flex-start !important;
  }
  .career21-develop-text {
    max-width: 100% !important;
  }
  .career21-join-text p {
    max-width: 100% !important;
  }
  .career21-form-wrap {
    padding: 24px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  .career21-join-grid {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .career21-join-grid > *,
  .career21-form-wrap,
  .career21-form-grids,
  .career21-form-grid-lft,
  .career21-form-grid-rt,
  .career21-form-grid-full {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .career21-form-grids {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .career21-form-grid,
  .career21-form-grids {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  .career21-form-grid-lft,
  .career21-form-grid-rt,
  .career21-form-grid-full {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .career21-form input,
  .career21-form textarea,
  .career21-form select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  .career21-hero-content h1 {
    font-size: clamp(1.7rem, 8vw, 2.4rem) !important;
  }
  .career21-why-grid {
    grid-template-columns: 1fr !important;
  }
  .career21-center-title {
    font-size: clamp(1.5rem, 7vw, 2rem) !important;
  }
}

/* ==========================================================================
   Aug 19 — click menus, readable mobile submenus, testimonials, all-page mobile
   ========================================================================== */

.header-nav-delta .has-dropdown > a {
  cursor: pointer;
}

@media (min-width: 1025px) {
html body .header-nav-delta .has-dropdown:hover > .dropdown-menu-delta,
html body .header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  display: block !important;
}

html body .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added:hover > .dropdown-menu-delta.dropdown-mega-grid-added,
html body .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open > .dropdown-menu-delta.dropdown-mega-grid-added {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
  display: grid !important;
}
}

@media (max-width: 1024px) {
  .header-nav-delta .has-dropdown.is-open > .dropdown-menu-delta {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }
  .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open > .dropdown-menu-delta.dropdown-mega-grid-added {
    transform: translateX(0%) translateY(0) !important;
    position: static !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.menu-open .header-nav-delta .dropdown-menu-delta,
  body.menu-open .header-nav-delta .dropdown-menu-delta.dropdown-mega-grid-added {
    background: transparent !important;
    border: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    padding: 4px 0 12px !important;
  }
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a,
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a:hover,
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a:focus,
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a:focus-visible,
  body.menu-open .header-nav-delta ul li .dropdown-menu-delta.dropdown-mega-grid-added li a,
  body.menu-open .header-nav-delta ul li .dropdown-menu-delta.dropdown-mega-grid-added li a:hover,
  body.menu-open .header-nav-delta ul li .dropdown-menu-delta.dropdown-mega-grid-added li a:focus,
  body.menu-open .header-nav-delta .delta-mega-sub-links-list li a,
  body.menu-open .header-nav-delta .delta-mega-sub-links-list li a:hover,
  body.menu-open .header-nav-delta .delta-mega-sub-links-list li a:focus,
  body.menu-open .dropdown-menu-delta li a,
  body.menu-open .dropdown-menu-delta li a:hover,
  body.menu-open .dropdown-menu-delta li a:focus {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    min-height: 44px !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a:hover,
  body.menu-open .header-nav-delta ul li ul.dropdown-menu-delta li a:focus,
  body.menu-open .dropdown-menu-delta li a:hover,
  body.menu-open .dropdown-menu-delta li a:focus,
  body.menu-open .delta-mega-sub-links-list li a:hover,
  body.menu-open .delta-mega-sub-links-list li a:focus {
    background: rgba(255,255,255,.1) !important;
    background-color: rgba(255,255,255,.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
  }
  body.menu-open .delta-mega-column-heading {
    color: rgba(255,255,255,.72) !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
  }
  body.menu-open .dropdown-menu-delta li a i,
  body.menu-open .delta-mega-sub-links-list li a i {
    color: #FA3C40 !important;
    flex: 0 0 auto;
  }
}

/* Voices of Trust — editorial quote rail (preserve surrounding layout) */
.home-testimonials-sec {
  background: #f3f5f8 !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.home-testimonials-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 20px !important;
  max-width: 1200px !important;
  margin: 0 auto 32px !important;
}
.home-testimonials-title {
  position: relative !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  font-size: clamp(1.8rem, 3.2vw, 2.55rem) !important;
  letter-spacing: -0.03em !important;
  font-weight: 500 !important;
  color: #1A1A2E !important;
  line-height: 1.1 !important;
}
.home-testimonials-title::after {
  display: none !important;
}
.home-testimonials-nav {
  display: flex !important;
  gap: 8px !important;
  flex-shrink: 0;
}
.testi-nav-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border: 1px solid rgba(26,26,46,.16) !important;
  background: #fff !important;
  color: #1A1A2E !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.testi-nav-btn:hover {
  background: #1A1A2E !important;
  border-color: #1A1A2E !important;
  color: #fff !important;
  transform: none !important;
}
.home-testimonials-slider-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  position: relative;
}
.home-testimonials-slider-wrap .home-testimonials-nav {
  position: absolute;
  top: -64px;
  right: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .home-testimonials-slider-wrap .home-testimonials-nav {
    position: static;
    margin-top: 16px;
  }
}
.home-testi-card {
  background: #fff !important;
  border: 1px solid rgba(26,26,46,.08) !important;
  border-radius: 16px !important;
  padding: 36px 32px 28px !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  position: relative !important;
}
.home-testi-card::before {
  display: none !important;
}
.home-testi-card:hover {
  transform: none !important;
  box-shadow: none !important;
}
.home-testi-quote-icon {
  display: none !important;
}
.home-testi-text {
  color: #1A1A2E !important;
  font-style: normal !important;
  font-size: clamp(15px, 1.15vw, 17px) !important;
  line-height: 1.55 !important;
  min-height: 0 !important;
  margin: 0 0 22px !important;
  flex: 1 1 auto !important;
}
.home-testi-text::before {
  content: "\201C";
  display: block;
  color: #31B09D;
  font-size: 42px;
  line-height: .7;
  font-weight: 600;
  margin-bottom: 14px;
  font-family: Outfit, Geist, sans-serif;
}
.home-testi-divider {
  height: 1px !important;
  width: 48px !important;
  background: #31B09D !important;
  margin: 0 0 16px !important;
  border: 0 !important;
}
.home-testi-author {
  color: #1A1A2E !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
  line-height: 1.35 !important;
}
.home-testi-role {
  color: #5b6173 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.home-testimonials-carousel .owl-dots {
  margin-top: 28px !important;
  text-align: left !important;
}
.home-testimonials-carousel .owl-dot span {
  width: 8px !important;
  height: 8px !important;
  background: #c5cad6 !important;
  border-radius: 99px !important;
}
.home-testimonials-carousel .owl-dot.active span {
  width: 22px !important;
  background: #31B09D !important;
}
@media (max-width: 991px) {
  .home-testimonials-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .home-testi-card {
    padding: 28px 22px 22px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-testi-card,
  .testi-nav-btn {
    transition: none !important;
  }
}

/* Remaining pages: stack like company / career on phones */
@media (max-width: 991px) {
  .ocean155-hero-grid,
  .ocean155-reliable-grid,
  .ocean155-industries-grid,
  .ocean155-mini-cards,
  .ocean155-cap-grid,
  .ocean155-choose-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
  }
  .ocean155-hero-left,
  .ocean155-hero-card,
  .ocean155-reliable-left,
  .ocean155-reliable-right,
  .ocean155-industries-left,
  .ocean155-industries-right {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .ocean155-hero-card {
    margin-top: 20px !important;
  }
  .ocean155-industries-right {
    margin-top: 12px !important;
  }
  .ocean155-cap-card,
  .ocean155-mini-card,
  .ocean155-choose-card {
    min-height: 0 !important;
    padding: 24px 18px !important;
  }
  .faq-list-head,
  .faq-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .faq-desc-box,
  .faq-content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 36px !important;
    border-left: 0 !important;
  }
  .contact-page-wrap .ct-grid,
  .contact-page-wrap .ct-grid.ct-grid--hq-form,
  .contact-page-wrap .ct-form-wrap form.wpcf7-form {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .contact-page-wrap .ct-hero {
    padding: 120px 16px 28px !important;
    height: auto !important;
  }
  .vm-leader-grid,
  .vm-leader-grid.vm-leader-grid--quad,
  .leadership-page-wrap .ldr-grid {
    grid-template-columns: 1fr !important;
  }
  .freight-header-grid,
  .freight-cards-container,
  .cap-header-grid,
  .cap-cards-container-new,
  .dark-split-grid,
  .cta-section {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }
  .cta-section {
    padding: 40px 16px !important;
  }
  .resource-gallery,
  .resource-gallery-section .resource-gallery {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .home-intro-grid,
  .home-trade-grid,
  .home-business-grid,
  .home-services-grid,
  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr !important;
  }
  .home-grid-5,
  .business-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  img, svg, iframe {
    max-width: 100%;
  }
  video:not(.home-hero-bg-video) {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .home-grid-5,
  .business-grid,
  .ocean155-mini-cards {
    grid-template-columns: 1fr !important;
  }
  .ldr-modal-dialog {
    width: 100% !important;
  }
}

/* ==========================================================================
   Tablet 768-1024 — 2-up grids, footer CTAs, gallery, forms
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .pdng-lt-rt {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .about-ref-support-cards-col,
  .about-ref-cap-grid,
  .about-ref-values-grid,
  .about-ref-logos,
  .career21-why-grid,
  .ocean155-mini-cards,
  .ocean155-cap-grid,
  .ocean155-choose-grid,
  .vm-leader-grid,
  .vm-leader-grid.vm-leader-grid--quad,
  .leadership-page-wrap .ldr-grid,
  .home-services-grid,
  .freight-cards-container,
  .resource-gallery,
  .resource-gallery-section .resource-gallery,
  .proj-gallery-mobile,
  .home-grid-5,
  .business-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .about-ref-vm {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .about-ref-vm::before {
    display: block !important;
  }

  .about-ref-support-main {
    display: flex !important;
    flex-direction: column !important;
  }
  .about-ref-support-title-col,
  .about-ref-support-cards-col {
    width: 100% !important;
    float: none !important;
  }

  .career21-form-grids {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  .career21-form-grid-lft,
  .career21-form-grid-rt {
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    float: none !important;
  }
  .career21-form-grid-full {
    width: 100% !important;
    max-width: 100% !important;
  }

  .contact-page-wrap .ct-form-wrap form.wpcf7-form {
    grid-template-columns: 1fr 1fr !important;
  }
  .contact-page-wrap .ct-form-wrap .career-form__field--message,
  .contact-page-wrap .ct-form-wrap .full-width-field,
  .contact-page-wrap .ct-form-wrap .ct-submit-wrap,
  .contact-page-wrap .ct-form-wrap form > p:has(.wpcf7-submit),
  .contact-page-wrap .ct-form-wrap fieldset {
    grid-column: 1 / -1 !important;
  }

  .footer-action-btns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 12px !important;
  }
  .footer-action-btns a {
    width: auto !important;
    min-width: 168px !important;
    max-width: 100% !important;
  }

  .footer-glass-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .proj-gallery-desktop {
    display: none !important;
  }
  .proj-gallery-mobile {
    display: grid !important;
  }

  .ocean155-hero:not(.custom-new-bg):not(.marina-new-bg):not(.sabar-new-bg):not(.sfda-bg) {
    height: auto !important;
    min-height: 560px !important;
  }
  .ocean155-hero-card {
    margin-top: 24px !important;
  }

  .faq-wrap {
    flex-direction: row !important;
    align-items: flex-start !important;
  }
  .faq-desc-box {
    width: 42% !important;
    padding-left: 16px !important;
    border-left: 2px solid #EC2633 !important;
  }

  .home-testimonials-slider-wrap .home-testimonials-nav {
    position: absolute;
    top: -64px;
    right: 0;
  }
}

/* Vision/Mission leadership: tablet 2x2 + circular portraits */
@media (min-width: 768px) and (max-width: 1024px) {
  .vm-leadership-sec .vm-leader-grid,
  .vm-leader-grid,
  .vm-leader-grid.vm-leader-grid--quad {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:24px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .vm-leadership-sec .vm-leader-card.ldr-card,
  .vm-leader-card.ldr-card,
  .vm-leader-card.vm-leader-card--stack {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .vm-leadership-sec .vm-leader-card .vm-leader-photo,
  .vm-leader-card .vm-leader-photo,
  .vm-leader-card--stack .vm-leader-photo {
    width:100%!important;
    max-width:340px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
    background:transparent!important;
  }
  .vm-leadership-sec .vm-leader-card .vm-leader-info,
  .vm-leader-card .vm-leader-info {
    width:100%!important;
    align-items:center!important;
    border:0!important;
    padding:24px 0 0!important;
    text-align:center!important;
  }

  /* Footer: restore side padding on tablets (inner wrap only, avoid double pad) */
  .site-footer-delta {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .site-footer-delta > .pdng-lt-rt {
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
  }
  .footer-glass-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .footer-discuss-section {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 40px !important;
    gap: 15px !important;
  }
  .footer-discuss-title-wrap,
  .footer-discuss-content {
    flex: 1 1 0 !important;
    max-width: 50% !important;
    width: auto !important;
  }
  .footer-discuss-title,
  h2.footer-discuss-title {
    max-width: 100% !important;
  }
}

/* ==========================================================================
   Aug 20 — Our Business padding, desktop hover menus, mobile/tablet submenu pin
   ========================================================================== */

.delta-cta-new-sec {
  padding-bottom: 80px !important;
}

@media (max-width: 1024px) {
  .delta-cta-new-sec {
    padding-bottom: 50px !important;
  }
}

/* Desktop: open submenus on hover of the top-level items */
@media (min-width: 1025px) {
  html body .header-nav-delta ul > li.has-dropdown:hover > .dropdown-menu-delta,
  html body .header-nav-delta ul > li.has-dropdown.is-open > .dropdown-menu-delta {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    display: block !important;
  }
  html body .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added:hover > .dropdown-menu-delta.dropdown-mega-grid-added,
  html body .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open > .dropdown-menu-delta.dropdown-mega-grid-added {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
    display: grid !important;
  }
}

/* Mobile / tablet: keep open submenus in the overlay, never shift left */
@media (max-width: 1024px) {
  html body .header-nav-delta ul li.has-dropdown > .dropdown-menu-delta,
  html body .header-nav-delta ul li.has-dropdown.is-open > .dropdown-menu-delta,
  html body .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added > .dropdown-menu-delta.dropdown-mega-grid-added,
  html body .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open > .dropdown-menu-delta.dropdown-mega-grid-added,
  html body .header-nav-delta ul.dropdown-menu-delta.new-sec-drop-deleted,
  html body .header-nav-delta ul li ul.dropdown-menu-delta.new-sec-drop-deleted,
  html body .header-nav-delta ul li ul.dropdown-menu-delta.new-sec-drop-updated,
  html body.menu-open .header-nav-delta ul li.has-dropdown > .dropdown-menu-delta,
  html body.menu-open .header-nav-delta ul li.has-dropdown.is-open > .dropdown-menu-delta,
  html body.menu-open .header-nav-delta ul li.has-dropdown.has-mega-dropdown-added.is-open > .dropdown-menu-delta.dropdown-mega-grid-added {
    position: static !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    inset: auto !important;
  }
  html body.menu-open .header-nav-delta ul li.has-dropdown:not(.is-open) > .dropdown-menu-delta,
  html body.menu-open .header-nav-delta ul li.has-dropdown:not(.is-open) > .dropdown-menu-delta.dropdown-mega-grid-added {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* Hero video must cover the banner even if WP stripped <source> later restored in JS */
.home-hero-sec .home-hero-bg-video,
video.home-hero-bg-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  z-index: 0 !important;
  display: block !important;
}

/* Service card arrow icons — CSS arrow so WP kses cannot strip it */
.home-services-sec .freight-icon {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.home-services-sec .freight-icon a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}
.home-services-sec .freight-icon a::before {
  content: "" !important;
  display: block !important;
  width: 11px !important;
  height: 11px !important;
  border-top: 2.25px solid #1a1a2e !important;
  border-right: 2.25px solid #1a1a2e !important;
  transform: rotate(45deg) !important;
  box-sizing: border-box !important;
}
.home-services-sec .freight-card:hover .freight-icon a::before,
.home-services-sec .freight-icon:hover a::before {
  border-color: #1a1a2e !important;
}
.home-services-sec .freight-icon a i {
  display: none !important;
}

/* Our Business map: original 400px slot, map fills the center */
.delta-cta-new-sec-blks {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.delta-cta-new-sec-blk {
  width: 18% !important;
  flex: 0 0 18% !important;
  order: 0 !important;
}
.delta-cta-new-sec .container-dot-animation {
  position: relative !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 400px !important;
  height: 400px !important;
  order: 0 !important;
  margin: 0 8px !important;
  overflow: visible !important;
}
.delta-cta-new-sec .container-dot-animation img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.delta-cta-new-sec #fluidCanvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-image: url("/wp-content/uploads/2026/05/delta-map-sec-bg-new-scaled-1.webp") !important;
}
@media (max-width: 767px) {
  .delta-cta-new-sec-blks {
    flex-wrap: wrap !important;
  }
  .delta-cta-new-sec-blk {
    width: 50% !important;
    flex: 0 0 50% !important;
    order: 1 !important;
  }
  .delta-cta-new-sec .container-dot-animation {
    flex: 1 1 100% !important;
    width: 100% !important;
    order: 3 !important;
    min-height: 220px !important;
    height: 220px !important;
    margin: 16px auto !important;
  }
  .delta-cta-new-sec #fluidCanvas {
    display: none !important;
  }
}

/* Unified responsive body copy: 16px small screens to 18px desktop */
main p, main li, article p, article li, .all-heading p, .all-heading li, p.all-heading-p {
  font-size: clamp(16px, 1.1vw, 18px) !important;
}