/* 
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
*/

/* Add your custom styles here */
@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;
}


/* --- Core Section & Background --- */
.hse-modern-section {
  position: relative;
  /* Uses your provided image name with a dark overlay */
  background: linear-gradient(rgba(20, 25, 35, 0.75), rgba(20, 25, 35, 0.85)), url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/Health-Safety-Operational-Excellence-bg-scaled.webp') center center / cover no-repeat;
  color: #ffffff;

  min-height: 80vh;
  display: flex;
  align-items: center;

  overflow: hidden;
}

.hse-container {

  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  align-items: center;
  width: 100%;
}

/* --- Left Column: Intro Animation --- */
.hse-intro {
  flex: 1 1 40%;
  animation: slideInLeft 1s ease-out forwards;
}

.hse-intro h2 {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 1.2;
  color: #ffffff;
}

.hse-intro p {
  font-size: 1.15rem;
  line-height: 1.7;
  color: #d1d5db; /* Light gray */
}

/* --- Right Column: Cards Grid --- */
.hse-cards-grid {
  flex: 1 1 50%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/* --- Glassmorphism Cards with Interactions --- */
.hse-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 30px 24px;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
  animation: slideInUp 0.8s ease-out forwards;
}

/* Staggered load-in animation for cards */
.hse-card:nth-child(1) { animation-delay: 0.2s; }
.hse-card:nth-child(2) { animation-delay: 0.4s; }
.hse-card:nth-child(3) { animation-delay: 0.6s; }
.hse-card:nth-child(4) { animation-delay: 0.8s; }

/* Hover Effects */
.hse-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(212, 175, 55, 0.5); /* Subtle gold border on hover */
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.hse-card h5 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #f3f4f6;
  line-height: 1.4;
}

.hse-card h5 svg {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  stroke: #d4af37; /* Gold accent color matching the image style */
  margin-top: 2px;
}

.hse-card p {
  font-size: 0.95rem;
  color: #9ca3af;
  line-height: 1.6;
  margin: 0;
}

/* --- Auto Responsive Behavior --- */
@media (max-width: 992px) {
  .hse-container {
    flex-direction: column;
    text-align: center;
  }
  .hse-intro h2 { font-size: 2.3rem; }
  .hse-card h5 { justify-content: center; text-align: left; }
}

@media (max-width: 650px) {
  .hse-cards-grid {
    grid-template-columns: 1fr; /* Stacks to 1 column on mobile */
  }
  .hse-intro h2 { font-size: 2rem; }
  .hse-card { padding: 24px 20px; }
}

/* --- Keyframe Animations --- */
@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes slideInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}

a.btn.btn-navy{color:#fff !important;}
main#content {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
html, body {
            overflow-x: hidden;
            max-width: 100%;
        }
        body {
            font-family: "Geist", sans-serif;
            -webkit-font-smoothing: antialiased;
            background-color: #ffffff;
			color:#1a181b;
        }
.fw{width:100%;max-width:100%;float:none;}
        a {
            text-decoration: none;
            transition: all 0.3s ease;
        } span.new-sec-uac.center.new-fw.cta-label {
    color: #EC2633;
} p.all-heading-new-head { font-size:16px !important;font-family:"Geist", sans-serif; font-weight:400; 
}

        /* ================= Shared Utilities ================= */
        .container {
            max-width: 1440px;
            margin: 0 auto;
/*             padding: 0 80px 0px 80px; */
            width: 100%;float:none
        } 
.all-heading-new{font-family:"Geist", sans-serif;
font-weight: 500;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0.45px;} 
.cap-card .heading-6{font-family: "Geist", sans-serif;
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 27px;margin:0;letter-spacing: 0.45px;} 
.execution-description.all-heading {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

        .btn-red {
            display: inline-flex;
            align-items: center;
            justify-content: center;
			font-family:"Geist",sans-serif; !important;
            background-color: #EC2633;
            color: #FFFFFF !important;
            padding: 18px 28px;
            border-radius: 100px;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 500;
        }

        .btn-red:hover {
            background-color: #D02020;
			border-radius:100px;
            transform: translateY(-2px);
			color:#ffffff !important;
        }

        /* ================= Hero Banner Section ================= */
        .hero-banner {
            position: relative;
            height: 100vh;
            min-height: 800px;
            display: flex;
            flex-direction: column;
            background:url('../../uploads/2026/04/hero-sec-new-banner1.webp') center/cover no-repeat;
            overflow: hidden;
        }

        /* --- NEW: Flex Wrapper for Background Text --- */
        /* This replaces position absolute. It fills the remaining vertical space above the bottom area */
        .hero-center-wrapper {
            flex: 1; 
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .hero-bg-title {
            font-size: clamp(2.875rem, 2.4531rem + 2.1094vw, 4.5625rem)!important;
            color: #FFFFFF;
            font-weight: 400;
/*             letter-spacing: -2px; */
        font-family:"Geist", sans-serif;
            margin-top: 15vh; 
        }

        /* --- Bottom Content Area --- */
        .hero-bottom-area {
            /* padding handles the spacing, flex:1 from the wrapper above handles the push to bottom */
            padding-bottom: 80px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            position: relative;
            z-index: 2;
        }

        .hero-text-block {
            max-width: 750px;
        }

        .hero-thumbnail {
            width: 220px;
            height: 120px;
            border-radius: 8px;
            object-fit: cover;
            margin-bottom: 32px;
            border: 2px solid rgba(255, 255, 255, 0.4);
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
        }

        .hero-title {
        font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.875rem) !important;
            color: #FFFFFF;
            line-height: 1.2;
			 font-family:"Geist", sans-serif;
            font-weight: 500;
            margin-bottom: 16px;

        }

        .hero-desc {
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            color:#FFFFFFB2; 
 font-family:"Geist", sans-serif;
            line-height: 1.6;
			font-weight:400;
            max-width: 600px;
        }

       
.btn-red{text-decoration:none !important;}

        /* ================= Responsive Adjustments ================= */
        @media (max-width: 1024px) {
            .container { padding: 0 40px; }
            .hero-bg-title { font-size: 80px; margin-top: -15vh; }
            .hero-bottom-area {
                flex-direction: column;
                align-items: flex-start;
                gap: 40px;
                padding-bottom: 40px;
            }
            .hero-action-block { padding-bottom: 0; }
        }

        @media (max-width: 767px) {
            .container { padding: 0 24px; }
            .hero-bg-title { font-size: 50px; margin-top: -10vh; }
            .hero-title { font-size: 32px; }
            .hero-thumbnail { width: 180px; height: 100px; margin-bottom: 24px; }
        }



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: fixed;
    top: 16px;
    z-index: 9999;
    left: 0;
    padding: 0;
}
        .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;
}
        .nav-links {
    display: flex;
    gap: 32px;
    align-items: center;
}
        .nav-links a { color: #Fff; font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important; font-weight: 400;line-height:20px !important; font-family:"Geist", sans-serif !important; }
        .nav-links a:hover { color: #EC2633; }
.location-card {
    background-color: #F5F7FA;
    display: flex;
    flex-direction: column;
} .loc-content {
    padding: 26px 26px;
}  /* Location Cards */
        .location-card {
            background-color: #F8FAFC; /* Matches your bg-light */
            display: flex;
            flex-direction: column;
        }
        .loc-map-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
        }
        .loc-content {
            padding: 30px 25px;
        }
        .loc-detail {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin-bottom: 20px;
        }
        .loc-detail:last-child { margin-bottom: 0; }
        
        .loc-detail i {
            color: #64748B;
            font-size: 16px;
            margin-top: 4px;
        }
        .loc-text {
            font-family: 'Geist', sans-serif;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            color: #45556C;
            line-height: 1.6;
        }
        .loc-text strong {
            display: block;
            color: #1D293D;
            font-weight: 600;
            margin-bottom: 4px;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
        }
/* split */
.section {
    padding: 100px 0;
	background-color:#fff;
}
 .split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Equal split or 1.1fr 0.9fr */
    gap: 80px;
    align-items: flex-start; /* Crucial: aligns both columns to the top */
}
.brand-tag{font-weight:500 !important;}

/* Ensure the list inside image-side has proper top margin */
.image-side .check-list {
   margin:0;
    padding-left: 0;
}
h2.section-title {
    margin-top: 0px !important;
}

.image-side .disclaimer {
    margin-top: 0px;
    font-family: "Geist",sans-serif;
font-weight: 500;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;
leading-trim: NONE;

letter-spacing: 0.45px;

    color: #5C5B5D;
    line-height: 1.2;
}

/* Refined Image Shadow for that "Pro" look */

.text-red{color:#D02020;}
.main-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Styling the Checkmark Icons specifically for the right side */
.check-icon {
    width: 24px;
    height: 24px;margin-right: 12px;
} .new-alignment-new-sec{display:flex;flex-direction:column;gap:20px;}
.content-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.check-list li {
    display: flex;
    align-items: center;
   
    font-size: 15px;
    font-weight: 500;
    color: #1B181A;
} .image-side .check-list {
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.section-title {
            color: #FFFFFF;
            font-family: "Geist", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.875rem) !important;
leading-trim: NONE;
line-height: 55.2px;
	letter-spacing: -1.15px;} 


/* splits new */
  .bg-dark {
            /* Extremely deep navy to match the image precisely */
            background-color: #1A1A2E; 
            padding: 100px 0;
        }

        /* Subtitle with the horizontal line */
        .bg-dark .subtitle {
            display: flex;
            align-items: center;
            gap: 16px;
            color: #62748E;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 2px;
            text-transform: uppercase;
          
        } .text-center.enery-relif-new {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

        .bg-dark .subtitle::before {
            content: "";
            display: block;
            width: 40px;
            height: 1px;
            background-color: #334155;
        }

        /* Main Section Title */
        .bg-dark .section-title {
            color: #FFFFFF;
            font-family: "Geist", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.875rem) !important;
leading-trim: NONE;
line-height: 55.2px;
letter-spacing: -1.15px;
			margin-bottom: 0px;
            
        } 

        .bg-dark .text-red {
            color: #EC2633;
        }

        /* Grid Layout */
        .cards-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
			margin-top:36px;
        }

        /* ================= Card Styling ================= */
        .dark-card {
            background-color: #FFFFFF05; 
            border: 1px solid #FFFFFF1A; 
            border-radius: 12px;
            padding: 48px 40px;
            
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        } h2.heading-2.text-white {
    margin-bottom: 0px;
}

        

        .dark-card .number {
            font-size: 48px;
            line-height: 48px;
            font-weight: 200;
            color: #1C2A3E; /* Perfect faint visibility against #0A111E */
           font-family: "Geist", sans-serif;
            margin-bottom: 28px;
        }

        .dark-card h5 {
            color: #FFFFFF;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 500;
            margin-bottom: 8px !important;
        }

        .dark-card p {
            color: #FFFFFFB2;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 300;
            line-height: 1.6;
        }

        /* ================= Responsiveness ================= */
        @media (max-width: 1024px) {
            
            .cards-grid-3 { grid-template-columns: repeat(2, 1fr); gap: 20px; }
            .bg-dark .section-title { font-size: 36px; margin-bottom: 0px; }
            .dark-card { padding: 40px 32px; }
        }

        @media (max-width: 767px) {
            
            .cards-grid-3 { grid-template-columns: 1fr; }
            .bg-dark .section-title { font-size: 32px; margin-bottom: 0px; }
            .dark-card .number { font-size: 48px; margin-bottom: 20px; }
        }

/* section 4 */
 .split-grid {
display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 96px;
            align-items: center;
        }

        /* Subtitle */
       .subtitle {
            font-size: 14px !important;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #62748E !important;
       
            display: flex;
            align-items: center;
            gap: 16px;
		   line-height:20px !important;
font-family:"Geist", sans-serif;
            font-weight: 500;
        }


       .subtitle::before {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background-color: #90A1B9;
} /* 1. Make the container a flexbox to align the lines and text horizontally */
.subtitle.center.our-process-include {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; /* Adjust this to change the space between the text and the lines */
}

/* 2. Apply the line styling to BOTH ::before and ::after */
.subtitle.center.our-process-include::before,
.subtitle.center.our-process-include::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background-color: #90A1B9;
}

        /* Titles & Text */
        .section-title {
            font-size: 42px;
            font-weight: 500;
            color: #1A1A2E;
            line-height: 1.2;
            margin-bottom: 0px;
            letter-spacing: -0.5px;
        }

        .text-red {
            color: #EC2633;
        }

        .desc-text {
            color: #1A181B;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            
			font-weight:300; font-family:"Geist", sans-serif
        }

        .mb-32 { margin-bottom: 20px; }
        .mt-32 { margin-top: 20px; color:#5C5B5D;
			font-weight:500; font-family:"Geist", sans-serif}

        /* Custom Pill List */
        .pill-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .pill-list li {
            display: flex;
            align-items: center;
        font-weight:500; font-family:"Geist", sans-serif;
            margin-bottom: 16px;
            
            color: #1A181B;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;
            font-weight: 500;
            transition: all 0.3s ease;
        }

   

        .pill-list .pill-icon {
            width: 22px;
            height: 22px;
            margin-right: 16px;
           
        }

        .pill-list .pill-icon img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Right Side Image Styling */
        .alignment-img-wrapper img {
            width: 100%;
            height: auto;
/*             border-radius: 24px; 
            box-shadow: 0 24px 48px rgba(0, 0, 0, 0.06);
            display: block; */
        }

        /* Responsiveness */
        @media (max-width: 1024px) {
             .split-grid { gap: 40px; }
             .section-title { font-size: 36px; }
        }

        @media (max-width: 768px) {
            .alignment-section .split-grid { grid-template-columns: 1fr; }
            .alignment-section .section-title { font-size: 32px; }
            .alignment-section { padding: 60px 0; }
        }


 /* ================= HSE Section Specific Styles ================= */
        .hse-section {
            background-color: #1A1B1B; /* Extremely dark navy */
            padding: 87px 0px;
            position: relative;
            overflow: hidden;
            color: #FFFFFF;
        }
.content-stack-24 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

        /* Concentric Background Rings */
        .hse-rings-container {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .hse-ring {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(-50%, -50%);
            border: 1px solid rgba(255, 255, 255, 0.04); /* Faint white rings */
            border-radius: 50%;
        }

        .hse-ring-1 { width: 350px; height: 350px; }
        .hse-ring-2 { width: 700px; height: 700px; }
        .hse-ring-3 { width: 1050px; height: 1050px; }

        /* Layout Grid */
        .hse-content-wrapper {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: 1fr 1fr; /* Right side slightly wider */
            gap: 98px;
            align-items: center;
        }

        /* --- Left Column --- */
        .hse-subtitle-box {
            display: inline-flex;
            align-items: center;
            gap: 13px;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-family: "Geist",sans-serif;
            color: #64748B;
            font-weight: 500;
            
        }

        .hse-subtitle-box::before, 
        .hse-subtitle-box::after {
            content: "";
            display: block;
            width: 48px;
            height: 1px;
            background-color: #90A1B9;
        }
.split-grid.alignment-section {
    gap: 40px;
}.hse-title {
            font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.875rem) !important;
            font-weight: 400;
            line-height: 1.2;
            margin:0px;
            letter-spacing: -0.5px;
        }.hse-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


        .hse-desc {
            color: #FFFFFF; /* Slate gray */
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
			font-family:"Geist", sans-serif !important;
			font-weight:300 !important;
/* 			margin-bottom:20px; */
            line-height: 28px ;
            
        }

        /* --- Right Column --- */
        .hse-cards-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 32px;
        }

       .hse-card-item {
    background-color: #FFFFFF05;
    border: 1px solid #FFFFFF1A;
    border-radius: 12px;
    padding: 50px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: border-color 0.3s ease;
}

        .hse-card-item:hover {
            border-color: #2D3F58;
        }

        .hse-card-icon {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hse-card-icon svg {
            width: 100%;
            height: 100%;
            stroke: #E53935;
            fill: none;
            stroke-width: 1.5;
        }

        .hse-card-item h5 {
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 500;
            font-family: "Geist", sans-serif;
            color: #F8FAFC;
            line-height: 1.4;
            
        }

        .hse-right-desc {
            color: #FFFFFFB2;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            line-height: 1.6;
            font-weight: 500;
              font-family: "Geist", sans-serif;
            text-align: center;
            
            margin: 0 auto 36px auto;
        }

        .hse-btn-wrapper {
            text-align: center;
        }

        .hse-btn-outline {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #FFFFFF4D;
            background-color: transparent;
            color: #FFFFFF;
            padding: 15px 30px;
             font-family: "Geist", sans-serif;
            border-radius: 8px;
           font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 500;
            cursor: pointer;
			text-decoration:none !important;
            transition: all 0.3s ease;
            text-decoration: none;
        }

        .hse-btn-outline:hover {
            background-color: #FFFFFF;
            color: #030812;
            border-color: #FFFFFF;
        }

        /* ================= Responsiveness ================= */
        @media (max-width: 1024px) {
            .container { padding: 0 40px; }
            .hse-content-wrapper { gap: 40px; }
            .hse-title { font-size: 38px; }
        }

        @media (max-width: 768px) {
            .container { padding: 0 24px; }
            .hse-section { padding: 60px 0; }
            .hse-content-wrapper { grid-template-columns: 1fr; gap: 48px; }
            .hse-cards-grid { grid-template-columns: 1fr; }
            .hse-title { font-size: 32px; }
            .hse-ring-1, .hse-ring-2, .hse-ring-3 { opacity: 0.5; } /* Fade rings slightly on mobile */
        }
.desc-text .new-sec{font-family: "Geist",sans-serif;
font-weight: 300 !important;
font-style: Light;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;
leading-trim: NONE;
line-height: 28.8px !important;
letter-spacing: 0px;
	color:#1A314F;
}

 /* ================= Vendor Grid ================= */
        .vendor-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            margin-top: 36px;
        }
section.section.bg-dark.text-center {
    padding: 60px 0px 83px 0px;
}
        .vendor-card {
    background-color: #FFFFFF05;
    border: 1px solid #FFFFFF1A;
    padding: 32px 24px;
    border-radius: 16px;

            text-align: center;
        } 
        .vendor-card img {
            width: 64px;
            height: 64px;
            
            margin-bottom: 24px;
} .subtitle.center {
    /* display: flex; */
    text-align: center !important;
    align-items: center !important;
    justify-content: center;
}
        .vendor-card h5 {
 font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
    font-weight: 500;
    color: #FFFFFFE5;
    font-family: "Geist", sans-serif;
    line-height: 28px;
			margin:0;
}

/*  last sec*/
.business-section {
            padding-bottom: 100px ;
            background-color: #fff;
        }
        .business-title {
            font-family: "Geist", sans-serif;
font-weight: 400;
font-style: Regular;
font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.875rem) !important;
leading-trim: NONE;
line-height: 1.4 !important;
letter-spacing: -1.05px;
text-align: center;
color: #1A1A2E;
margin:0;
			margin-bottom:36px;
        }

/*         .business-title .text-red {
            color: #E53935;
        }
 */
        /* --- Modern Grid Layout with Exact Sharp Borders --- */
        .logos-grid-wrapper {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 1px;
            background-color: #E2E8F0;
            border: 1px solid #E2E8F0;
            border-radius: 16px;
            overflow: hidden;
            width: 100%;
            max-width: 100%;
        }

        /* --- Individual Logo Boxes --- */
        .logo-box {
            background-color: #FFFFFF; /* Makes the box white, revealing the gap color as borders */
            padding: 32px 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            gap: 20px; /* Exact spacing between icon and text */
            transition: background-color 0.3s ease;
        }

        

        /* SVG Icon Styling - Matched to the prominent, thin-line style */
        .logo-box img {
            width: 48px; /* Slightly larger */
            height: 48px;
            stroke: #111827; /* Pure dark/black for high contrast */
            stroke-width: 1.25; /* Thin, crisp lines */
            fill: none;
        }

        /* Box Text Styling - Matched to the bold, tracked-out design */
        .logo-box span {
            font-family: "Geist", sans-serif;
font-weight: 700 !important;
font-style: Bold;
font-size: 20px !important;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
color:#1B181A
        }

        /* ================= Responsiveness ================= */
        @media (max-width: 1024px) {
            .container { padding: 0 40px; }
            .logos-grid-wrapper {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 768px) {
            .container { padding: 0 24px; }
            .business-section { padding: 60px 0; }
            .business-title { font-size: 32px; margin-bottom: 32px; }
            .logos-grid-wrapper {
                grid-template-columns: repeat(2, 1fr);
            }
            .logo-box { padding: 40px 16px; gap: 16px; }
        }

        @media (max-width: 480px) {
            .logos-grid-wrapper {
                grid-template-columns: 1fr;
            }
        }


/* about-us  */

        /* --- 1. HERO / BANNER SECTION (Perfected Layout) --- */
        .hero {
            position: relative;
            height: 100vh;
            min-height: 800px;
/*             background: 
                        url('../../uploads/2026/04/img-card-banner.webp'); */
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            padding: 247px 80px 120px 120px;
        }
/* --- HERO SECTION --- */
        .hero {
            position: relative;
            height: 100vh;
            min-height: 800px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
/*             justify-content: center;
            text-align: center; */
        }

        /* Notice: The .hero::before gradient block has been completely removed */

        .hero-content-wrapper {
            position: relative;
            z-index: 2; /* Keeps text above any background */
            display: flex;
            flex-direction: column;
            align-items: center; 
            gap: 20px;
            margin: 0 auto;
            width: 80%;
            max-width: 1000px;
        }
        
        .hero-pretitle { 
            color: #EC2633; 
            text-transform: uppercase; 
            letter-spacing: 3px; 
			font-family: "Geist",sans-serif;
font-weight: 500;
font-style: SemiBold;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 1.4px;
text-transform: uppercase;

        }

        .hero .heading-1 { 
            margin-bottom: 8px; 
            letter-spacing: -1px; 
        }

        .hero .hero-subtitle { 
            color: rgba(255,255,255,0.85); 
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); 
            line-height: 1.6; 
        }
        .hero-container {
    display: flex;
    align-items: flex-start;
    gap: 440px;
    /* max-width: 1200px; */
    width: 100%;
    margin-top: 60px;
    /* text-align: center; */
    align-content: center;
    align-items: center;
}

        /* Left Accent Line */
        .hero-accent-col {
            padding-top: 460px; /* Aligns line perfectly with H1 baseline */
            flex-shrink: 0;
            align-items: end;
        }

        .accent-line-horizontal {
            width: 80px;
            height: 2px;
            background-color: #E04444;
        }

        /* Right Content Block */
        .hero-content {
    max-width: 850px;
    display: flex;
    flex-direction: column;
    gap: 20px;
} .exaction-new-arm {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0px;
}
span.section-label-new-sec {   font-family: 'Geist', sans-serif;    font-weight: 600;    font-size: 13px;    letter-spacing: 1.5px;    text-transform: uppercase;    letter-spacing: 4px;    color: #90A1B9;    align-items: center;    margin-bottom: 2px;    display: flex;    justify-content: center;}

        .hero-label { 
            font-family: 'Geist', sans-serif;
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #E04444;
            margin-bottom: 0px;
            display: block;
        }

        .hero p { 
            color: #fff; 
            font-size: 20px;
            line-height: 1.6;
            max-width: 750px;
        }

        /* --- 2. INTRO SECTION --- */
        .intro-section {
            padding: 120px 15%;
            text-align: center;
            padding:64px 0px;
            border:1px solid #F1F5F9;
            background-color: #F8FAFC;
        }
        .intro-section p { font-size: 19px; max-width: 1000px; margin: 0 auto; }

        /* --- 3. EXECUTION PARTNER SECTION --- */
        .execution-section {
            padding: 100px 80px;
            background-color: #FFFFFF;
        }

        .execution-layout {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 100px;
            align-items: center;
            margin-top: 60px;
        }
.section-label-new-sec::before {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background-color: #90A1B9;
}
        .img-wrapper img {
            width: 100%;
            border-radius: 16px;
/*             box-shadow: 0 20px 40px rgba(0,0,0,0.08); */
        }
.sub-menu {
    display: none;
    overflow: hidden;
} /* 1. Add the (+) icon to parent menu items */
.primary-menu .menu-item-has-children > a::after {
    content: '+';
    float: right;
    margin-left: 8px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

/* 2. Change the icon to (-) when the menu is opened/hovered */
.primary-menu .menu-item-has-children:hover > a::after {
    content: '−'; /* This is a proper minus sign Unicode */
    color: #0073aa; /* Optional: change color when open */
}

/* --- Your existing logic with a few refinements --- */

.menu-main-menu-container .primary-menu {
    float: right;
    position: relative;
    margin: 0;
    list-style: none;
    display: flex; /* Ensures horizontal layout for top level */
}

.primary-menu > li {
    position: relative;
    padding: 10px 15px;
}

.primary-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 340px;
    background-color: #fff;
    padding: 15px;
    z-index: 999;
    border-radius: 10px;
    box-shadow: 0 3px 23px 4px #7A7A7A26;
    list-style: none;
}

/* Trigger Visibility */
.primary-menu .menu-item:hover > .sub-menu {
    display: block;
}

.sub-menu li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #333;
    font-size: 14px;
/*     border-bottom: 1px solid #eee; */
}

.sub-menu li:last-child a {
    border-bottom: none;
}
        .feature-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin: 40px 0;
        }

        .feature-card {
            background: #F8FAFC;
            padding: 35px 16px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 16px;
            color: #1D293D;
            font-family: "Geist", sans-serif;
            border: 1px solid #F1F5F9;
            font-weight: 500;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            line-height: 27px;
        }
        .feature-card i { color: var(--primary-red); font-size: 18px; }

        .dark-note {
            background: #0F172B;
            color: white;
            padding: 13px;
            border-radius: 16px;
            box-shadow: 0px 4px 6px -4px #0000001A,
            0px 10px 15px -3px #0000001A;
            font-family: "Geist", sans-serif;
           
            font-weight: 500;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            line-height: 29px;
        }

        /* --- 4. FOCUS (ENERGY INFRASTRUCTURE) SECTION --- */
        .energy-section {
            display: flex;
            width:100%;
        }

        .energy-left {
            flex: 1;
            background-color:#00142D;
            padding: 95px 80px;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
         span.section-label-new-sec.new-sec {
    justify-content: left;
    color: #FFFFFF ; gap:5px;
}

        .energy-left h2 { text-align: left; color: white; margin-bottom: 32px; margin-top:32px;}
        .energy-left p { color: #AAB; margin-bottom: 24px; }

        .focus-quote {
            border-left: 3px solid var(--primary-red);
            padding-left: 25px;
            margin: 40px 0;
        }
        .focus-quote p { color: white; font-weight: 500; font-size: 16px; margin: 0; }

        .energy-right {
            flex: 1;
            background: url('../../uploads/2026/04/img-card3.webp') center/cover;
        }
  h1 {
            font-family: "Geist", sans-serif;
            font-weight: 600;
         font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.5rem) !important;
            line-height: 1.1;
            letter-spacing: -1.5px;
            color: #FFF;
            margin-bottom: 0px;
	  margin-top:0;
        }

        h2 {
            font-family: "Geist", sans-serif;
            font-weight: 600;
           font-size: clamp(2.375rem, 2.25rem + 0.625vw, 2.875rem) !important;
            line-height: 56px;
            letter-spacing: -1.15px;
        }
 span.highlight {color:#EC2633; font-weight:500;
}
        p {
            font-family: 'Geist', sans-serif;
            font-weight: 400;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;
            line-height: 28.8px;
            letter-spacing: 0%;
            color:#1A181B;
        }
        /* --- 5. ECOSYSTEM SECTION --- */
        .ecosystem {
            padding: 120px 80px;
            text-align: center;
            background: var(--white);
        }

        .eco-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            margin: 36px 0;
        }

        .eco-card {
            background: #F8FAFC;
            padding: 32px 16px;
            border-radius: 16px;
            border: 1px solid #F1F5F9;
        }

        .eco-icon {
            background: #FFF0F0;
            color: var(--primary-red);
            width: 60px; height: 60px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            margin: 0 auto 25px;
            font-size: 20px;
        }
        .eco-card strong { font-size: 16px; color: var(--dark-navy); }

        /* --- 6. COMPLIANCE SECTION --- */
        .compliance-section {
            background-color: #000F24;
            padding: 120px 80px;
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            gap: 56px 90px;
            align-items: center;
        }

        .compliance-section h2 { text-align: left; color: white;  }
        
        .compliance-list { 
            display: flex; 
            flex-direction: column; 
            gap: 12px; 
            margin: 40px 0;
        }
        .comp-item {
            background: #FFFFFF05;
            border: 1px solid #FFFFFF1A;
            padding: 22px 16px;
            border-radius: 12px;
            color: white;
            display: flex;
            align-items: center;
            gap: 15px;
            font-family: "Geist",sans-serif !important;
font-weight: 500 ;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;
leading-trim: NONE;
line-height: 27px !important;
letter-spacing: 0.45px;

        }
        .comp-item i { color: var(--primary-red); font-size: 16px; }

        /* --- 7. CTA SECTION --- */
        .cta-container {
            padding: 120px 8%;
            background: var(--white);
        }
.new-eco-up{width:70%; margin: 0 auto;}
        .cta-box {
            background: var(--box-bg);
            border-radius: 24px;
            padding: 80px 40px;
            text-align: center;
            max-width: 1000px;
            margin: 0 auto;
        }
.compliance-section h2{
grid-column:1/-1;
color:#fff;

} span.section-label-new-sec.new-section{
    font-family: 'Geist', sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-align: center;
    color: #E04444;
    display: inline-block;
}
        /* --- RESPONSIVE DESIGN --- */
        @media (max-width: 1024px) {
            .execution-layout, .compliance-section, .eco-grid { grid-template-columns: 1fr; }
            .eco-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
            .energy-section { flex-direction: column; }
            .energy-right { height: 400px; }
            h1 { font-size: 44px; }
            h2 { font-size: 38px; line-height: 46px; }
        }

        @media (max-width: 768px) {
            .hero-container { flex-direction: column; gap: 20px; }
            .hero-accent-col { padding-top: 0; }
            .eco-grid { grid-template-columns: 1fr; }
            .nav-links { display: none; } /* Mobile menu needed */
            h1 { font-size: 36px; }
        }

/* Industry */
  /* --- TYPOGRAPHY CLASSES --- */
        .heading-1 { font-family: "Geist", sans-serif; font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.5rem) !important; font-weight: 600; line-height: 1.1; }
        .heading-2 { font-family: "Geist", sans-serif; font-size: clamp(2.25rem, 1.9821rem + 0.8929vw, 2.875rem) !important; font-weight: 600; line-height: 1.2; margin:0; }
        .heading-3 { font-family: "Geist", sans-serif; font-size: clamp(1.75rem, 1.625rem + 0.625vw, 2.25rem); font-weight: 400; line-height: 1.2; }
        .heading-4 { font-family: "Geist", sans-serif; font-size: clamp(1.375rem, 1.3125rem + 0.3125vw, 1.625rem); font-weight: 400; line-height: 1.2; }
        .heading-5 { font-family: "Geist", sans-serif; font-size: clamp(1.25rem, 1.2188rem + 0.1563vw, 1.375rem); font-weight: 500; line-height: 1.2; }
        .heading-6 { font-family: "Geist", sans-serif; font-size: clamp(1.125rem, 1.0938rem + 0.1563vw, 1.25rem); font-weight: 600; line-height: 1.2; }
        
        /* Optional helper class if you still need it */
        .paragraph-text { font-family: 'Geist', sans-serif; font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); line-height: 1.4; font-weight: 400; }

        /* --- UTILITY CLASSES --- */
        .highlight { color: #E31E24; }
        .text-center { text-align: center; }
        .text-white { color: #ffffff; }
        .text-gray {  color: #1B181A; }
        .text-light-gray { color: #FFFFFFB2; }
        .bg-dark { background-color: #1A181B; }
        .bg-light { background-color: #F8FAFC; }

        /* --- LAYOUT --- */
        .flex-row {
            display: flex;
            align-items: center;
            gap: 60px;
           
            margin: 0 auto;
        }

        .flex-half { flex: 1; gap: 20px;
    display: flex;
    flex-direction: column; }

        .img-fluid {
            width: 100%;
            height: auto;border-radius:16px;
           
        }
 .cta-label {
            font-family: 'Geist', sans-serif;
            font-weight: 600;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #E31E24;
            display: block;
            margin-bottom: 15px;
        }
        /* Section Labels */
        .section-label {
            font-family: 'Geist', sans-serif;
            font-weight: 600;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #90A1B9;
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
        }
        .section-label::before {
            content: "";
            width: 30px;
            height: 1px;
            background-color: #90A1B9;
        }
.new-sec-uac.new-sec-update::before { content: "";
            width: 30px;
            height: 1px;
            background-color: #90A1B9;
}.new-sec-uac.new-sec-update::after { content: "";
            width: 30px;
            height: 1px;
            background-color: #90A1B9;
}

        .section-label.center { justify-content: center; }

        /* Buttons */
.btn-primary {
    background-color: #EC2633;
    color: #ffffff;
    padding: 14px 32px;
    border-radius: 8px;
    text-decoration: none !important;
    font-family: 'Geist', sans-serif;
    font-weight: 500;
    font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
    display: inline-block;
    transition: 0.3s ease;
    border: none;
    cursor: pointer;
} .btn-primary:hover{color:#fff;}
/*         .btn-primary {
            background-color: #E31E24;
            color: #ffffff;
            padding: 12px 28px;
            border-radius: 6px;
            text-decoration: none !important;
            font-family: 'Geist', sans-serif;
            font-weight: 500;
            font-size: 14px;
            display: inline-block;
            transition: 0.3s;
            border: none;
            cursor: pointer;
        } */
        .btn-primary:hover { background-color: #c8181d; }

        /* --- CTA SECTION STYLES --- */
        .bg-white {
            background-color: #ffffff;
        }

        .cta-card {
            background-color: #F5F7FA; 
            border: 1px solid #1A1A2E1A;
            border-radius: 24px;
            padding: 80px 40px;
            max-width: 1440px;
            margin: 0 auto;
            box-shadow: 0 4px 20px rgba(0,0,0,0.02);
        }

        .cta-label {
            color: #E04444;
            margin-bottom: 15px;
            display: inline-flex;
        }

        .cta-description {
            margin: 20px auto 26px;
            max-width: 800px;
        }

        /* Responsive padding for the CTA card on smaller screens */
        @media (max-width: 768px) {
            .cta-card {
                padding: 40px 20px;
            }
        }

        /* Hero Section */
        .hero {
            position: relative;
            height: 100vh;
            min-height: 800px;
            background: linear-gradient(to bottom, rgba(5, 12, 25, 0.75), rgba(5, 12, 25, 0.95)), url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=2070&auto=format&fit=crop') center/cover no-repeat;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        } .hero-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; /* Keeps the text perfectly centered */
    gap: 20px;
text-align:center;
    margin: 0 auto;
    width: 80%;
}

/* Reset the previous margins so the 16px gap takes full control */
.hero-content-wrapper .hero-pretitle,
.hero-content-wrapper .heading-1,
.hero-content-wrapper .hero-subtitle {
    margin-bottom: 0;
}
/*         .hero-pretitle { color: #E31E24; text-transform: uppercase; letter-spacing: 3px; font-size: 12px; margin-bottom: 20px; font-weight: 600; } */
        .hero .heading-1 { max-width: 1000px; margin-bottom: 0px; line-height: 1.15; }
        .hero .hero-subtitle {  color: #FFFFFF; font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); line-height: 1.5; }

        /* Intro Text */
        .intro-text { border-bottom: 1px solid #F1F5F9; }
        .intro-text p { max-width: 900px; margin: 0 auto 20px; color: #1B181A; }

        /* Capability Grids */
        .cap-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
/*             margin-top: 25px; */
            margin-bottom: 20px;
        } p.exection-new-sec-arm {
    margin-bottom: 20px;
}
        .cap-card {
            background: #F8FAFC;
            border: 1px solid #E2E8F0;
            padding: 20px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 15px;
        }
        .cap-card span { font-family: 'Geist', sans-serif; font-size: 14px; font-weight: 500; color: #1D293D; }

        .dark-box { background: #0B1221; color: #fff; padding: 13px; border-radius: 12px; }

        /* Quotes */
        .quote-line { border-left: 2px solid #EC2633; padding-left: 20px;  }

        /* Gov Grid */
        .gov-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            /* margin-top: 30px;
            margin-bottom: 30px; */
        }
        .gov-card {
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.06);
            padding: 20px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 15px;
        } 

        .gov-card span { font-family: 'Geist', sans-serif; font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); font-weight: 500; color: #FFFFFFE5; }

        /* Discipline Grid */
        .discipline-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 36px;
            max-width: 1400px;
            margin-left: auto;
            margin-right: auto;
        }
        .discipline-card {
            background: #F8FAFC;
            border: 1px solid #F1F5F9;
            padding: 40px 16px;
            border-radius: 16px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.02);
        } 
.all-heading-new{font-family:"Geist", sans-serif;
font-weight: 500;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
leading-trim: NONE;
line-height: 24px;
margin:0;
letter-spacing: 0.45px;
}     
.gap-118 { gap: 118px !important; }
/* Flex ratios for 40/60 split */
.flex-40 { flex: 4; }
.flex-60 { flex: 6; }

/* Reset for mobile/tablet screens */
@media (max-width: 1024px) {
.gap-118 { gap: 60px !important; }
.flex-40, .flex-60 { flex: 1; width: 100% !important; }
.grid-4 {grid-template-columns: repeat(2, 1fr);}
.grid-3 {grid-template-columns: repeat(2, 1fr);}
.flex-50 {width: 100% !important;}
.supply-chain-grid { flex-direction: column; gap: 20px; }
}
.discipline-card .heading-5 { margin-bottom: 16px;  color: #0F172B; }
.discipline-card p { font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); color: #62748E; font-family: "Geist", sans-serif; font-weight: 300; line-height: 1.4; }
.svg-icon { width: 16px; height: 16px; }

        /* Responsive Breakpoints */
        @media (max-width: 1024px) {
            .flex-row { flex-direction: column; }
            .discipline-grid { grid-template-columns: 1fr 1fr; }
            .heading-2 { font-size: 38px; }
            .heading-1 { font-size: 42px; }
            header { padding: 20px 20px; }
        }
        @media (max-width: 600px) {
            .cap-grid, .gov-grid, .discipline-grid { grid-template-columns: 1fr; }
            .nav-links { display: none; }
.split-section {display: flex;width: 100%;flex-direction: column;}
.split-left {width: 100% !important;}
.split-right {width: 100% !important;}

        } 
.new-sec-uac {
            font-family: 'Geist', sans-serif;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #90A1B9;
            display: flex;
            align-items: center;
            gap: 15px;
           
        }
        .new-sec-uac::before {
            content: "";
            width: 30px;
            height: 1px;
            background-color: #90A1B9;
        }
        .new-sec-uac.center { justify-content: center; }
/* about-new */
 .split-section {
            display: flex;
            width: 100%;
        }
        .split-left {
            width: 60%;
            background-color: #1A1A2E;
            padding: var(--pad-vert) 60px var(--pad-vert) var(--pad-side);
            display: flex;
            flex-direction: column;
            justify-content: center;
			gap:20px;
        }
        .split-right {
            width: 40%;
            /* Define the behavior of the background, but NOT the image itself */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 600px;
        }
p{margin:0;} .dark-box p{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); line-height:1.4; font-family:"Geist",sans-serif; font-weight:500;}
       
 .quote-line { 
            border-left: 2px solid var(--primary-red); 
            padding-left: 20px; 
/*             margin: 30px 0;  */
        }  /* Vertical Stacked Cards */
        .stacked-cards {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin: 30px 0;
        }
        .stacked-card {
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.06);
            padding: 20px 24px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 16px;
        }

        /* Ecosystem Grid (4 columns) */
        .discipline-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            margin: 36px auto ;
            max-width: 1400px;
        }
        .discipline-card {
/*             background: #ffffff; */
            border: 1px solid var(--card-border);
            padding: 40px 24px;
            border-radius: 16px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(0,0,0,0.02);
        }
        .icon-circle {
            width: 50px; height: 50px;
/*             background: #FFF0F0; */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        }
         span.new-sec-uac.center.new-fw {  font-family: 'Geist', sans-serif;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #90A1B9;
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
} span.new-sec-uac.center.new-fw::before{display:none;}

/*  hse*/
 .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;  margin: 36px auto 0; }
        .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; 
			margin: 36px auto; }
        .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
/* Cards */
        .light-card-hz {
            background: #F5F7FA;
            border: 1px solid #F1F5F9;
            padding: 24px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            gap: 16px;
} .all-heading-new-sec{font-family: "Geist", sans-serif !important;
font-weight: 600;
font-style: SemiBold;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0%;
	color:#0F172B;
}
        .dark-card-hz {
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.05);
            padding: 24px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 16px;
            text-align: left;
        }
.dark-card-hz .all-heading-new{font-family: "Geist",sans-serif;
font-weight: 500;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
leading-trim: NONE;
line-height: 24.75px;
letter-spacing: 0.45px;
	color:#FFFFFFE5;}
        .icon-box-dark {
            width: 44px; height: 44px;
            background: rgba(255,255,255,0.05);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .env-card {
            background: #ffffff;
            border: 1px solid #E2E8F0;
            padding: 40px 24px;
            border-radius: 16px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(0,0,0,0.02);
        }
/*         .icon-circle {
            width: 50px; height: 50px;
            background: #FFF0F0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
        } */
 .discipline-card.new-about-card {
    background-color: #F8FAFC;
    border: 1px solid #F1F5F9;
    border-radius: 16px;
} 
        .quote-line { border-left: 2px solid #EC2633; padding-left: 20px;  }
.flex-40 { width: 40%; }
        .flex-50 { width: 50%; }
        .flex-60 { width: 60%; }
.all-heading-new-open{font-family: "Geist",sans-serif;
font-weight: 500;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
leading-trim: NONE;
line-height: 27px;
letter-spacing: 0.45px; margin:0;
}

/*   services*/
 .mb-0 { margin-bottom: 0 !important; }
        .mb-20 { margin-bottom: 20px; }
        .mb-23 { margin-bottom: 20px; }
        .mb-25 { margin-bottom: 25px; }
        .mb-30 { margin-bottom: 30px; }
        .mb-32 { margin-bottom: 20px; }
        .mb-40 { margin-bottom: 40px; }
        .mb-48 { margin-bottom: 36px; }
        
        .gap-53 { gap: 53px; }
        .gap-64 { gap: 64px; }
        .gap-96 { gap: 96px; }

/*         .max-w-400 { max-width: 400px; } */
        .max-w-600 { max-width: 600px; }
        .max-w-800 { max-width: 800px; margin: 0 auto; }
.hero-section {
            position: relative;
            height: 100vh;
            min-height: 600px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            display: flex;align-items: flex-start !important;
    justify-content: flex-end;
    flex-direction: column;
    padding-bottom: 65px;
        }
.h-450 { height: 450px; }  .content-border-left {
            border-left: 2px solid #E2E8F0;
            padding-left: 24px;
            margin-top: 0px;
	display: flex;
    flex-direction: column;
    gap: 20px;
        }
        /* Hero Image Classes - Switch these in HTML for different pages */
.bg-sulpur { background-image: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/sulpur-banner-new-imge-scaled.webp'); }
        .bg-refinery { background-image: url('../../uploads/2026/04/refinery-new-banner1.webp'); }
        .bg-about    { background-image: url('../../uploads/2026/04/img-card-banner.webp'); }
        .bg-hse      { background-image: url('../../uploads/2026/04/hse-banner-img1.webp'); }
.bg-bulkcargo { background-image: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/on-site-material-handling-bg.webp'); }
.bg-tendor-vendor { background-image: url('../../uploads/2026/04/tendor-vendor-banner.webp'); }
.bg-indust-new-extr { background-image: url('../../uploads/2026/04/industrial-section-new-banner1.webp');}
.bg-port-side { background-image: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/yard-storage-operations-bg-scaled.webp'); }
.bg-port-sides { background-image: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/Industrial-handling-yard.png'); }
.bg-contact-hero { background-image: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/leadership-bg-scaled.webp'); }

        /* Hero Overlay Classes - Switch these for left or centered gradients */
        .overlay-left {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            /*background: linear-gradient(to right, rgba(4, 13, 29, 0.95) 0%, rgba(4, 13, 29, 0.6) 50%, rgba(4, 13, 29, 0.3) 100%);*/
            z-index: 1;
        }
        .overlay-center {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(to bottom, rgba(4, 13, 29, 0.75), rgba(4, 13, 29, 0.95));
            z-index: 1;
        }

        /* Hero Content Alignment */
        .hero-content-left {
            position: relative;
            z-index: 2;
            max-width: 650px;
            width: 100%;
        }
        .hero-content-center {
            position: relative;
            z-index: 2;
            max-width: 1000px;
            margin: 0 auto;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .accent-row { display: flex; align-items: center; gap: 15px; }
        .accent-line { width: 40px; height: 1px; background-color: #EC2633; }
        .accent-text { color: #EC2633; font-family: 'Geist', sans-serif; font-weight: 500; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
        
        .hero-subtitle { color: rgba(255,255,255,0.85); font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); line-height: 1.6; }
        .hero-border-left { border-left: 2px solid #EC2633; padding-left: 20px; }
 .split-section-bleed { display: flex; width: 100%; background-color:#17172d !important; }
        .split-left-content { width: 70%; padding: 77px 120px 77px 80px;display: flex;
    flex-direction: column;
    gap: 20px; }
        .split-right-img {
            width: 45%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 100%;
        }
        .bg-split-warehouse { background-image: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/on-site-material-handling-Industrial-handling-yard.webp'); }
        .bg-vendor { background-image: url('../../uploads/2026/04/tendor-vendor-img2.webp'); }
.bg-industrial-contract { background-image: url('../../uploads/2026/04/industrila-section-new-img2.webp'); }

        .grid-2x2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px;margin-top:16px; }
        .dark-card-solid {
            background-color: #0A1128;
            border: 1px solid rgba(255,255,255,0.03);
            border-radius: 12px;
            padding: 24px;
            display: flex;
            align-items: center;
            gap: 15px;
        } .dark-card-hz.hse-new-updated {
    background-color: #FFFFFF0D;
    border: 1px solid #FFFFFF1A;
}

.icon-box-circle {
            width: 32px; height: 32px;
            background: rgba(227, 30, 36, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .bordered-text-box {
            border: 1px solid #FFFFFF1A;
            border-radius: 50px;
            padding: 16px 25px;
			background-color:#FFFFFF08;
            margin-top: 16px;
/*             display: inline-block; */
        }
        .bordered-text-box p { font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); font-weight:300; margin: 0; color: #fff; text-align:center; } h6.all-heading-new-white {font-family: "Geist", sans-serif;
font-weight: 500;
font-style: Medium;
font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
leading-trim: NONE;
line-height: 29.25px;
letter-spacing: 0.45px;
color:#FFFFFFE5;
margin:0;

}
.light-card-center {
            background: #ffffff;
/*             border: 1px solid #E2E8F0; */
/*             border-radius: 16px; */
            padding: 30px 20px;
            display: flex;
            flex-direction: column;
/*             align-items: center;
            text-align: center; */
            gap: 15px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.02);
        }

    .env-handling-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-top: 40px;
            margin-bottom: 30px;
        }
        
        .env-handling-item {
            border-left: 2px solid #E2E8F0;
            padding-left: 24px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        
/*         .icon-box-outline {
            width: 48px; 
            height: 48px;
            background-color: #ffffff;
            border: 1px solid #E2E8F0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        
        .icon-box-outline i {
            color: #64748B;
            font-size: 18px;
        } */
        
        .grid-heading-15 {
            font-family: "Geist", sans-serif;
            font-weight: 500;
            font-size: 15px;
            line-height: 1.5;
            color: #1D293D;
        }
        
        .pill-box-light {
            background-color: #ffffff;
            border: 1px solid #E2E8F0;
            border-radius: 12px;
            padding: 28px 30px;
            display: flex;
            align-items: center;
            width: 100%;
            max-width: 858px; /* Exact width from your design */
            min-height: 79px; /* Exact height from your design */
        }
        
        .pill-box-light p {
            margin: 0;
            font-family: 'Geist', sans-serif;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 500;
            color: #45556C;
        }

        /* Responsive adjustments for this specific grid */
        @media (max-width: 1024px) {
            .env-handling-grid { grid-template-columns: 1fr; gap: 24px; }
            .env-handling-item { 
                border-left: none; 
                border-top: 2px solid #E2E8F0; 
                padding-left: 0; 
                padding-top: 24px; 
            }
        } .dark-card-hz.col-span-2 {
    align-items: flex-start;
}

/* 3-Column Grid for Docs */
        .grid-3-docs {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin: 36px auto;
            max-width: 1200px;
        }

        /* White Cards with Soft Shadow */
        .doc-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 32px 24px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); /* Soft shadow from design */
        }

        /* Light Red Rounded Square Icon Box */
        

        .doc-card-title {
            font-family: "Geist", sans-serif;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            color: #1D293D;
        }

        /* Wide Pill Box for Bottom Text */
        .pill-box-center {
            border: 1px solid #E2E8F0;
            border-radius: 50px;
            padding: 20px 30px;
            max-width: 1000px;
            margin: 0 auto;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
box-shadow: 0px 1px 2px -1px #0000001A;

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

        }
        
        .pill-box-center p {
            font-family: 'Geist', sans-serif;
            
            color: #262626;
            margin: 0;
        }

        /* Responsive Adjustments */
        @media (max-width: 1024px) {
            .grid-3-docs { grid-template-columns: 1fr 1fr; gap: 20px; }
        }
        @media (max-width: 600px) {
            .grid-3-docs { grid-template-columns: 1fr; }
            .pill-box-center { border-radius: 16px; padding: 20px; } /* Adapts nicely on mobile */
        } p.text-gray.mb-0.comp-new-sec {
    background-color: #F8FAFC;
    border: 1px solid #E2E8F0;
    padding: 17px 33px 17px 33px;
    border-radius: 100px;
    text-align: center; margin-top:16px;
} .grid-2x2.new-grid { display: grid;    grid-template-columns: 1fr 1fr 1fr;    gap: 16px;}
.dark-card-solid.new-dark-new {background-color: #0A1128;
    border: 1px solid rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
} .bg-port-safety-section {
            position: relative;
            /* Replace the URL below with your desired background image */
            background-image: url('../../uploads/2026/04/port-delta-bg-imgs.webp'); 
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 1;
        }

        /* Dark transparent overlay so the white text remains readable */
        .bg-port-safety-section::before {
            content: "";
            position: absolute;
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%;
           
            z-index: -1;
        }

        /* Ensures the content inside sits above the dark overlay */
        .bg-port-safety-section > .flex-row {
            position: relative;
            z-index: 2;
        } .image-side {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
/* defult heading */
/* .all-heading h1 {font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.5rem) !important;font-weight: 600;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", sans-serif !important;}
.all-heading h2 {font-size: clamp(2.25rem, 2.0938rem + 0.7813vw, 2.875rem) !important;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", sans-serif !important;}
.all-heading h3 {font-size: clamp(1.875rem, 1.7813rem + 0.4688vw, 2.25rem) !important;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", sans-serif !important;}
.all-heading h4 {font-size: clamp(1.375rem, 1.3125rem + 0.3125vw, 1.625rem); !important;line-height: 1.4 !important;margin: 0;display:inline-block;font-family:"Geist", sans-serif !important;}
.all-heading h5 {font-size: clamp(1.25rem, 1.2188rem + 0.1563vw, 1.375rem) !important;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", sans-serif !important;}
.all-heading h6 {font-size: clamp(1.125rem, 1.0938rem + 0.1563vw, 1.25rem) !important;font-weight: 600;line-height: 1.2 !important;margin: 0;display:inline-block;font-family:"Geist", sans-serif !important;} */
.all-heading p, .all-heading li, .all-heading ul, .all-heading a{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0;font-family: "Geist", sans-serif !important;}
.all-heading{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;font-weight: 300 ;line-height: 1.5 !important;margin: 0;font-family: "Geist", sans-serif !important;}
.privacy-term a{font-family: "Geist", sans-serif;
font-weight: 300;
font-style: Light;
font-size: 16px ;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0.3px;
	color:#99A1AF;
}
 /* 3 Column Supply Chain Icons */
        .supply-chain-grid {
            display: flex;
            gap: 40px;
            margin-top: 40px;
        }
        .supply-item {
            border-left: 3px solid #E2E8F099;
            padding-left: 24px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
/*         .supply-icon-box {
            width: 48px; height: 48px;
            background-color: #ffffff;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        } */

        /* FAQ Section */
        .faq-item {
            background: #ffffff;
            border: 1px solid #E2E8F0;
            border-radius: 8px;
            padding: 24px 30px;
            margin-bottom: 16px;
            font-family: 'Geist', sans-serif;
            font-weight: 500;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            color: #1D293D;
            box-shadow: 0 2px 10px rgba(0,0,0,0.01);
            cursor: pointer;
        }
        .faq-item-expanded {
            background: #ffffff;
            border: 1px solid #cbd5e1;
            border-radius: 8px;
            padding: 24px 30px;
            margin-bottom: 16px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.04);
        }    .red-label-slash { color: #EC2633; font-family: 'Geist', sans-serif; font-weight: 600; font-size: 11px; letter-spacing: 2px; margin-bottom: 16px; display: block; text-transform: uppercase;}
        .faq-item-expanded .faq-title { font-family: 'Geist', sans-serif; font-weight: 600; font-size: 16px; color: #1D293D; margin-bottom: 12px; }
        .faq-item-expanded .faq-body { font-family: 'Geist', sans-serif; font-size: 15px; color: #64748B; line-height: 1.6; }
.light-card-center.bg-light {
    background: #F8FAFC;
}

 .new-sec-uac-red-line {
            font-family: 'Geist', sans-serif;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #90A1B9; /* Light grey text */
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
        }
        .new-sec-uac-red-line::before { 
            content: ""; 
            width: 30px; 
            height: 1px; 
            background-color: #E04444; /* Red Line */
        }

        /* Basic Dark Card without background circle behind icons */
        .dark-card-basic {
            background-color: #0A1128;
            border: 1px solid rgba(255, 255, 255, 0.03);
            border-radius: 12px;
            padding: 24px;
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .dark-card-basic i {
            color: #E31E24;
            font-size: 18px;
            width: 24px;
            display: flex;
            justify-content: center;
            flex-shrink: 0;
        }

        /* Utility to force a card to span both columns in the grid */
        .col-span-2 {
            grid-column: 1 / -1; margin-top:16px;
        }

        .text-light-gray-muted {
            color: #AAB3C0;
            font-family: 'Geist', sans-serif;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem); /* Slightly smaller text as per design */
            line-height: 1.6;
        } p.text-light-gray-muted.mb-40 { margin-bottom:20px;
}
p.text-light-gray-muted.mb-20 { color:#fff;
}
p.text-light-gray-muted.mb-40 { color:#fff;
}
p.text-light-gray-muted.mb-24 { color:#fff;
}
h2.heading-2.text-white.mb-24 { margin-bottom:20px;
}
/* defult */



.hdr-menu-main {width: 100% !important;float: none;max-width: 100%;position:fixed;top:16px;z-index:9999 !important;}
.hdr-menu-main-btn a span.elementor-button-text {font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;font-family: "Geist", 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.98rem + 0.08vw, 1.0625rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight:600 !important;}
.hdr-menu-main.fixed-header {position: fixed;background:transparent !important; z-index:99999;top:16px;}
.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;}

/* 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(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;font-family: "Geist", 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.98rem + 0.08vw, 1.0625rem) !important;line-height:1.2 !important;font-family: "Geist", 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: "Geist", 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: "Geist", 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: "Geist", 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: "Geist", 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: "Geist", sans-serif !important;font-weight: 400 !important;line-height: 1.5 !important;} */

 footer {
            background-color: #1A1A2E;
/*             color: #64748B; */
            padding: 80px 0 32px;
/*             font-size: 13px; */
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 60px;
            margin-bottom: 60px; 
        } .footer-col.new-col-sec {
    gap: 32px;
    display: flex;
    flex-direction: column;
}
        .footer-col h2,
        .footer-col h6 {
           font-size: clamp(1.125rem, 1.0714rem + 0.1786vw, 1.25rem) !important;
			font-family:"Geist", sans-serif;
            color :#F3F3F3;
			line-height:1.2;
			font-weight:500;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 24px;
        }
        .footer-col ul  { display: flex; flex-direction: column; gap: 16px; list-style:none;font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);line-height:20px; font-weight:300; font-family:"Geist", sans-serif;color:#D1D5DC !important; }
        .footer-col ul a:hover { color: #fff; } .footer-col ul li a { color: #D1D5DC !important; }
        .socials { display: flex; gap: 12px; margin-top: 0px; }
        .socials a {
            width: 36px; height: 36px;
            
            
            display: flex; align-items: center; justify-content: center;
        }
        
        .footer-bottom {
            border-top: 1px solid #1E293B;
            padding-top: 32px;
            display: flex;
            justify-content: space-between;
        }

        /* ================= Responsiveness ================= */
        @media (max-width: 1024px) {
            .hero-bg-text { font-size: 80px; }
            .split-grid { gap: 40px; }
            .cards-grid-3 { grid-template-columns: repeat(2, 1fr); }
            .vendor-grid { grid-template-columns: repeat(2, 1fr); }
            .logos-wrapper { grid-template-columns: repeat(3, 1fr); }
            .logo-box:nth-child(5n) { border-right: 1px solid #E2E8F0; }
            .logo-box:nth-child(3n) { border-right: none; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .hero-bg-text { font-size: 50px; top: 20%; }
            .hero h1 { font-size: 32px; }
            .split-grid { grid-template-columns: 1fr; gap: 40px; }
            .split-grid.reverse > div:first-child { order: 2; }
            .cards-grid-3, .cards-grid-2, .vendor-grid { grid-template-columns: 1fr; }
            .logos-wrapper { grid-template-columns: repeat(2, 1fr); }
            .logo-box:nth-child(3n) { border-right: 1px solid #E2E8F0; }
            .logo-box:nth-child(2n) { border-right: none; }
            .footer-grid { grid-template-columns: 1fr; gap: 40px;}
            .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
            .section { padding: 60px 0; }
        }



/* 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: "Geist", 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: "Geist", sans-serif !important;line-height:1.1 !important;font-weight: 400 !important;}
.all-btn a span.elementor-button-text {font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;font-family: "Geist", 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: "Geist", 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;}
.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;} */


/* Contact-Us */
/* .cnt-full.fw {width: 100%;float: left;margin-bottom: 36px;}
.all-heading .contact-us-sec-rt li, .all-heading .contact-us-sec-rt ul{display:block;}
.uacf7-uacf7style-426 label{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;margin 0 0 10px;display:none !important;}
.uacf7-uacf7style-426 textarea {height: 80px !important;width: 100%;float: left;}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {border: 0px !important;border-bottom: 1px solid #000 !important;border-radius: 0px !important;padding: 0px 0px 15px !important;outline: none !important;}
input::placeholder, textarea::placeholder {font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;color: #1E1E1E !important;}
.full.fw {width: 100%;float: left;}
input.wpcf7-form-control.wpcf7-submit.has-spinner {width: 100%;float: left;text-align: center;background: #D8001A;color: #fff;border-radius: 6px;padding: 10px;font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;}
.contact-us-sec-lft span.elementor-icon-list-text span{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height:1.4 !important;font-family: "Geist", sans-serif !important;font-weight: 600 !important;color:#3D4756 !important;margin-bottom:8px !important;}
.contact-us-sec-lft span.elementor-icon-list-text, .contact-us-sec-lft span.elementor-icon-list-text a{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height:1.4 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;color:#3D4756 !important}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border-color: #dc3232;width: 100%;float: left;margin: auto 0;background: #ff0000;border-radius: 5px;color: #fff;text-align: center;} */

/* Form Container */
.career-form {
  
    padding:36px;
    border-radius: 26px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 40px;
    max-width: 900px;
	border:1px solid #211D1D33;
	background-color:#1A1A2E;
}

/* Field Wrapper */
.career-form__field {
    display: flex;
    flex-direction: column;
}

/* Labels */
.career-form label {
    color: #ffffff;
    font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
    margin-bottom: 8px;
    font-weight: 500;
}

/* Inputs */
.career-form input[type="text"],
.career-form input[type="email"],
.career-form input[type="tel"],
.career-form input[type="file"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 2px 0;
    color: #fff;
    font-size: 14px;
    outline: none;
}

/* File Upload */
.career-form input[type="file"] {
    color: #ccc;
}

/* Submit Section */
.career-form__submit {
    grid-column: span 2;
    margin-top: 10px;
}

/* Submit Button */
.career-form input[type="submit"] {
    background: #ff2e3e;
    color: #fff;
    border: none;
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}

.career-form input[type="submit"]:hover {
    background: #e02434;
}
 /* Talent Network Box */
        .talent-box {
            padding: 26px 26px;
            border-radius: 16px;
            height: 100%;
            display: flex;
			gap:26px;
            flex-direction: column;
            justify-content: center;
        }

        .email-link {
            font-family: 'Geist', sans-serif;
            font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem);
            font-weight: 600;
            color: #1B181A;
            text-decoration: none;
            
            align-self: flex-start;
            padding-bottom: 2px;
            transition: 0.3s;
        }
        .email-link:hover { color: #E31E24; border-color: #E31E24; }

/* Pricing */
/* .all-heading .price-over-view-blk-tp .price-over-view-blkks-rt h6 span {font-size: clamp(1.875rem, 1.7143rem + 0.5357vw, 2.25rem) !important;font-family: "Geist", sans-serif !important;line-height: 1.2 !important;letter-spacing: -.02em;margin: 0;display: inline-block;font-weight: 700 !important;}
.all-heading .price-over-view-blk-tp p {font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;font-family: "Geist", sans-serif !important;line-height: 1.4 !important;margin: 0;display: inline-block;font-weight: 400 !important;}
.all-heading .price-over-view-blk-btm p {font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;font-family: "Geist", sans-serif !important;line-height: 1.4 !important;margin: 0;display: inline-block;font-weight: 700 !important;}
.all-heading .price-over-view-blk-btm .price-over-view-blk-btm-lft p {font-size: clamp(1rem, 1rem + 0vw, 1rem) !important;font-family: "Geist", sans-serif !important;line-height: 1.4 !important;margin: 0;display: inline-block;font-weight: 400 !important;}
.Xperience-bnr-sec-head-tag p{font-size: clamp(0.75rem, 0.7082rem + 0.1668vw, 0.875rem) !important;letter-spacing: 1px !important;} */


/* 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:"Geist", 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:"Geist", 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.98rem + 0.08vw, 1.0625rem) !important;font-weight: 400 !important;line-height: 1.5 !important;margin: 0 0 10px;font-family:"Geist", 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}

/* Register */
/* .register-bnr-sec label, label{font-size: clamp(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height:1.2 !important;font-family: "Geist", sans-serif !important;font-weight: 400 !important;margin 0 0 10px;display:none !important;}
.register-bnr-sec textarea {height: 80px !important;width: 100%;float: left;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #ffb900;width: 100%;float: left;margin: auto 0;} */


/* Responsive */
@media screen and (max-width:1920px){
.register-bnr-sec-inr{width:60% !important}
 .split-left { padding: 100px 120px; } .pdng-lt-rt{padding-left:120px!important;padding-right:120px !important;}
.pdng-rt{padding-right:120px !important;}
.pdng-rtt{padding-right:120px !important;}	
.pdng-lt{padding-left:120px!important;}	
	.pdng-tp{padding-top:100px !important;}
.pdng-btm{padding-bottom:100px !important;}
	.pdng-tp-btm{padding-top:100px !important; padding-bottom:100px !important;}
        

}

@media screen and (max-width:1900px){ .pdng-lt-rt{padding-left:120px!important;padding-right:120px !important;}
.pdng-rt{padding-right:120px !important;}
.pdng-rtt{padding-right:120px !important;}	
.pdng-lt{padding-left:120px!important;}	
	.pdng-tp{padding-top:100px !important;}
.pdng-btm{padding-bottom:100px !important;}
	.pdng-tp-btm{padding-top:100px !important; padding-bottom:100px !important;}
}

@media screen and (max-width:18800px){ .pdng-lt-rt{padding-left:120px!important;padding-right:120px !important;}
.pdng-rt{padding-right:120px !important;}
.pdng-rtt{padding-right:120px !important;}	
.pdng-lt{padding-left:120px!important;}	
	.pdng-tp{padding-top:100px !important;}
.pdng-btm{padding-bottom:100px !important;}
	.pdng-tp-btm{padding-top:100px !important; padding-bottom:100px !important;}}

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

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

@media screen and (max-width:1500px){
.hdr-menu-main-inr{width: 65%;}
.pdng-lt-rt{padding-left:60px!important;padding-right:60px !important;}
.pdng-rt{padding-right:60px !important;}
.pdng-rtt{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;}

/* Home-page */
/* .Xperience-bnr-sec-head-main, .Xperience-secnd-sec-inr,.why-visitors-sec-inr  {width: 95%;}
.pdng-btm-ser-bnr{padding-bottom:200px;} */

}

@media screen and (max-width:1400px){
.hdr-menu-main-inr{width: 68%;}
.pdng-tp {padding-top: 120px !important;}
.pdng-btm {padding-bottom: 120px !important;}
.pdng-lt-rt{padding-left:60px!important;padding-right:60px !important;}
.pdng-rt{padding-right:60px !important;}
.pdng-rtt{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;}

}

@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-rt{padding-left:50px!important;padding-right:50px !important;}
.pdng-rt{padding-right:50px !important;}
.pdng-rtt{padding-right:50px !important;}	
.pdng-lt{padding-left:50px!important;}	
	.pdng-tp{padding-top:80px !important;}
.pdng-btm{padding-bottom:80px !important;}
	.pdng-tp-btm{padding-top:80px !important; padding-bottom:80px !important;}

	.all-heading h1{font-size:52px !important;}
	.all-heading h2{font-size:42px !important;}
	.all-heading h3{font-size:32px !important;}
	.all-heading h4{font-size:22px !important;}
	.all-heading h5{font-size:20px !important;} .integrated-port-new-sec{width:54%;}

/* Home-page */
/* .Xperience-bnr-sec-head-main, .Xperience-secnd-sec-inr,.why-visitors-sec-inr  {width: 100%;}
.we-serve-sec-blks {gap: 40px 40px;}
.Xperience-bnr-sec-bar{width:21%;}
.Xperience-bnr-sec-head-ser, .contact-us-sec-inr {width:90%;}
.pdng-btm-ser-bnr {padding-bottom: 150px;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar{width:100%;}
.why-visitor-experience-sec-inr {padding:29px 29px 29px 68px !important;}
.why-choose-sec-inr {padding:29px 68px 29px 29px !important;}
.register-bnr-sec-inr{width:75% !important} */

}

@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: 50px !important;padding-right: 50px !important;}
/* .Xperience-bnr-sec-bar {width: 22%;}
.Xperience-bnr-sec-head-ser, .contact-us-sec-inr {width:100%;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar{width:100%;}
.Xperience-secnd-sec-lft, .Xperience-secnd-sec-right  {width:23%}
.we-serve-sec-blk h6{font-size: clamp(1.0625rem, 0.982rem + 0.321vw, 1.1875rem) !important;}
.we-serve-sec-blks {gap: 30px;}
.why-visitor-experience-sec-inr {padding:29px 29px 29px 58px !important;}
.why-choose-sec-inr {padding:29px 58px 29px 29px !important;}
.register-bnr-sec-inr{width:80% !important}
.footer-inr-sec-lft {width: 63%;} */

}

@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;}


}
@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(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height: 1.2 !important;color: #131313;font-family:"Geist", 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;}


.Xperience-bnr-sec-head p br{display:none !important;}
.Xperience-secnd-sec-right .Xperience-bnr-sec-bar:nth-child(2){margin-left:-12px !important}
.why-visitor-experience-sec-lft{width:50%;}
.why-visitor-experience-sec-rt {width:44%;}
.we-serve-sec-blks {gap: 27px 27px;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.we-serve-sec-blk {width: 17%;float: left;margin: 0px !important;}
.we-serve-sec-blk-txt .elementor-divider-separator {width: 3px !important;min-height: 60px;height: 80px;} 
.register-bnr-sec-inr{width:80% !important;}

.why-key-features-sec-first-blks, .why-key-features-sec-first-blks  {display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;gap: 10px 10px;}
.why-key-features-sec-first-blk, .why-key-features-sec-second-blk {width: 49.2%;float: left;}

.footer-inr-sec-lft {width: 73%;}
.hdr-menu-main-inr {display:none !important;}

.why-key-features-sec-first-blks {display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;gap: 10px 10px;}



}

@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;} */

.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(1rem, 0.98rem + 0.08vw, 1.0625rem) !important;line-height: 1.2 !important;color: #131313;font-family:"Geist", 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;}

.elementor .elementor-hidden-tablet {display: none !important;}

/* 
.Xperience-bnr-sec-head p br{display:none !important;}
.Xperience-secnd-sec-right .Xperience-bnr-sec-bar:nth-child(2){margin-left:-12px !important}
.why-visitor-experience-sec-lft{width:50%;}
.why-visitor-experience-sec-rt {width:44%;}
.we-serve-sec-blks {gap: 27px 27px;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.we-serve-sec-blk {width: 17%;float: left;margin: 0px !important;}
.we-serve-sec-blk-txt .elementor-divider-separator {width: 3px !important;min-height: 60px;height: 80px;} 
.register-bnr-sec-inr{width:80% !important;}

.why-key-features-sec-first-blks, .why-key-features-sec-first-blks  {display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;gap: 10px 10px;}
.why-key-features-sec-first-blk, .why-key-features-sec-second-blk {width: 49.2%;float: left;} */

.footer-inr-sec-lft {width: 73%;}
.hdr-menu-main-inr {display:none !important;}



}

@media screen and (max-width:991px){
body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {padding-left: 16px !important;padding-right: 16px !important;}


}

@media screen and (max-width:767px){
.pdng-tp-btm { padding-top: 60px; padding-bottom: 60px; }
    .pdng-lt-rt  { padding-left: 20px; padding-right: 20px; }
    .pdng-tp     { padding-top: 60px; }
    .pdng-btm    { padding-bottom: 60px; }
    .pdng-lt     { padding-left: 20px; }
    .pdng-rt     { padding-right: 20px; }
}



@media screen and (max-width:650px){
.pdng-lt-rt {padding-left: 30px !important;padding-right: 30px !important;}
	   .pdng-tp-btm { padding-top: 60px; padding-bottom: 60px; }
    .pdng-lt-rt  { padding-left: 20px; padding-right: 20px; }
    .pdng-tp     { padding-top: 60px; }
    .pdng-btm    { padding-bottom: 60px; }
    .pdng-lt     { padding-left: 20px; }
    .pdng-rt     { padding-right: 20px; }
/* .why-key-features-sec-first-blk, .why-key-features-sec-second-blk {width: 100%;float: left;}
.we-serve-sec-blk {width: 29%;float: left;}
.Xperience-bnr-sec-bar {width: 46%;}
.Xperience-secnd-sec-inr .Xperience-bnr-sec-bar {width: 46%;}
.register-bnr-sec-inr{width:100% !important}
.contact-us-sec-rt {width: 100%;float: none;gap: 16px;margin: 0 auto;} */
}

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


body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {padding-left: 16px !important;padding-right: 16px !important;}

}

/* Gutenberg wrappers — keep existing page markup full width */
.site-main,
.page-content,
.entry-content,
.wp-block-html,
figure.wp-block-html,
.wp-block-html figcaption {
    max-width: 100% !important;
    width: 100%;
    margin: 0;
}
.page-header,
h1.entry-title {
    display: none;
}
img {
    max-width: 100%;
    height: auto;
}

.nav-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 8px;
    background: transparent;
    border: 0;
    cursor: pointer;
    z-index: 10001;
}
.nav-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.nav-toggle.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.nav-toggle.is-open span:nth-child(2) {
    opacity: 0;
}
.nav-toggle.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

@media screen and (max-width: 768px) {
    .nav-toggle { display: flex; }
    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        background: #1A181B;
        padding: 16px 24px 24px;
        z-index: 10000;
    }
    .nav-links.is-open { display: flex; }
    .nav-links .primary-menu,
    ul#menu-main-menu {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 0;
    }
    .primary-menu > li {
        width: 100%;
        padding: 12px 0;
    }
    .primary-menu .sub-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        background: transparent;
        padding: 8px 0 0 12px;
        display: none;
    }
    .primary-menu .menu-item-has-children.submenu-open > .sub-menu,
    .primary-menu .menu-item-has-children:hover > .sub-menu {
        display: block;
    }
    .sub-menu li a { color: #fff !important; }
    .flex-row,
    .energy-section,
    .execution-layout,
    .hero-container {
        flex-direction: column;
        gap: 24px;
    }
    .feature-grid,
    .grid-3-docs,
    .eco-grid {
        grid-template-columns: 1fr;
    }
    .privacy-term {
        flex-wrap: wrap;
        justify-content: center;
    }
}

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

/* ===== Reference header (pill) + footer ===== */
.hdr-menu-main,
.hdr-menu-main.fixed-header,
.hdr-menu-main.is-sticky,
.main-menu.fw {
    position: fixed !important;
    top: 16px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 9999 !important;
    padding: 0;
    background: transparent !important;
    float: none;
}
.hdr-menu-main .nav-wrapper {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}
.hdr-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #ffffff;
    border-radius: 100px;
    padding: 8px 8px 8px 28px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.18);
}
.hdr-pill .logo a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111318;
}
.hdr-pill .logo img {
    width: 201px;
    height: auto;
    display: block;
}
.logo-wordmark {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    font-family: "Geist", sans-serif;
    color: #111318;
}
.logo-wordmark strong {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.04em;
}
.logo-wordmark em {
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.hdr-pill .nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
}
.hdr-pill .primary-menu,
.hdr-pill ul#menu-main-menu {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.hdr-pill .primary-menu > li {
    position: relative;
    padding: 0;
}
.hdr-pill .nav-links a,
.hdr-pill .primary-menu > li > a {
    color: #000;
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    font-family: "Geist", sans-serif !important;
    padding: 14px 16px;
    display: inline-flex;
    align-items: center;
}
.hdr-pill .nav-links a:hover,
.hdr-pill .primary-menu > li > a:hover {
    color: #E31B23 !important;
}
.hdr-pill .primary-menu .menu-item-has-children > a::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    float: none;
    font-weight: 400;
}
.hdr-pill .primary-menu .menu-item-has-children:hover > a::after {
    content: "";
    color: inherit;
}
.hdr-pill .btn-navy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #121221;
    color: #fff !important;
    border-radius: 100px;
    padding: 14px 26px;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: "Geist", sans-serif !important;
    white-space: nowrap;
}
.hdr-pill .btn-navy:hover {
    background: #E31B23;
    color: #fff !important;
    transform: none;
}
.hdr-pill .hdr-pill .nav-links a.btn-navy:hover{color: #fff !important;}
.hdr-pill .nav-toggle span {
    background: #121221;
}
.hdr-pill .primary-menu .sub-menu {
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    width: 350px;
    border-radius: 16px;
    padding: 12px;
}
.hdr-pill .primary-menu .sub-menu.company {width: 250px !important;}
.hdr-pill .sub-menu li a {
    color: #121221 !important;
    font-size: 16px !important;
    padding: 10px 12px;
    border-radius: 8px;
}
.hdr-pill .sub-menu li a:hover {
    background: #F5F7FA;
    color: #E31B23 !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

.site-footer {
    background: #1A1B27;
    padding: 48px 0 24px;
    color: #D7D9E0;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
    box-sizing: border-box;
    float: none;
    clear: both;
}
.site-footer .container {
    width: 100%;
    max-width: 1440px;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}
.site-footer .footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 28px;width: 100%;
/*     max-width: 910px; */
    margin: 0 auto;
}
.site-footer .footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.site-footer .footer-brand img {
    width: 244px;
    height:auto;
}
.footer-wordmark {
    color: #fff;
}
.footer-wordmark strong {
    color: #fff;
    font-size: 20px;
}
.footer-wordmark em {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.12em;
}
.site-footer .footer-intro {
    max-width: 620px;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    color: #C8CAD3;
    font-family: "Geist", sans-serif;
    text-align:left;
}
.site-footer .footer-mid {
    border-top: 1px solid rgba(255,255,255,0.12);
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.5fr) minmax(0, 0.7fr);
}
.site-footer .footer-mid .footer-col {
    padding: 32px 20px;
    border-right: 1px solid rgba(255,255,255,0.12);
    min-width: 0;
}
.site-footer .footer-mid .footer-col:first-child {
    padding-left: 0;
}
.site-footer .footer-mid .footer-col:nth-child(2) ul{column-count: 2;display:block !important;column-gap:20px;}
.site-footer .footer-mid .footer-col:nth-child(2) ul li{margin-bottom:12px;}
.site-footer .footer-mid .footer-col:last-child {
    border-right: 0;
    padding-right: 0;
}
.site-footer .footer-col-services-2 h2,
.site-footer .footer-col-services-2 h6 {
    visibility: hidden;
}
.site-footer .footer-col h2,
.site-footer .footer-col h6 {
    font-family: "Geist", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 18px;
    line-height: 1.3;
}
.site-footer .footer-col ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
    font-family: "Geist", sans-serif;
    color: #C8CAD3 !important;
}
.site-footer .footer-col ul a {
    color: #C8CAD3 !important;
}
.site-footer .footer-col ul a:hover {
    color: #fff !important;
}
.site-footer .footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.site-footer .ft-icon {
    flex-shrink: 0;
    margin-top: 2px;
}
.site-footer .footer-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    border-top: 1px solid rgba(255,255,255,0.12);
    padding-top: 22px;
    margin-top: 0;
}
.site-footer .footer-copy {
    margin: 0;
    color: #A9ADB8;
    font-size: 13px;
    font-family: "Geist", sans-serif;
}
.site-footer .footer-socials {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.site-footer .footer-socials a {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 50%;
    color: #fff;
}
.site-footer .footer-socials a:hover {
    border-color: #fff;
    color: #fff;
}
.site-footer .privacy-term {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    color: #A9ADB8;
    font-size: 13px;
    font-family: "Geist", sans-serif;
}
.site-footer .privacy-term a {
    color: #A9ADB8;
}
.site-footer .privacy-term a:hover {
    color: #fff;
}

/* ========================================================
   LOCKED-SCOPE ACCESSIBILITY + TYPOGRAPHY NORMALIZATION
   ======================================================== */
:where(body,
    body h1, body h2, body h3, body h4, body h5, body h6,
    body p, body a, body button, body input, body textarea,
    body select, body option, body label, body li, body blockquote,
    body figcaption, body th, body td, body small, body strong,
    body em, body .elementor-button-text, body .elementor-icon-list-text,
    body .elementor-widget-text-editor, body .elementor-widget-heading,
    body .elementor-nav-menu a) {
    font-family: "Geist", sans-serif !important;
}

.skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 100000;
    padding: 10px 16px;
    background: #ffffff;
    color: #111318 !important;
    border: 2px solid #111318;
    border-radius: 4px;
    transform: translateY(-160%);
    transition: transform 0.2s ease;
}

.skip-link:focus {
    transform: translateY(0);
}

:where(a, button, input, textarea, select, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 3px;
}

.socials .social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 50%;
    color: #fff;
}

.privacy-term-label {
    color: #A9ADB8;
    font-family: "Geist", sans-serif !important;
    font-weight: 300;
    font-size: 13px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Functional FAQ controls and homepage business reveal animation. */
.rdo-svc .rdo-faq .faq-item,
.rdo-svc .rdo-faq .faq-item-expanded {
    position: relative;
    padding: 0;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.rdo-svc .rdo-faq .faq-item.is-open,
.rdo-svc .rdo-faq .faq-item-expanded.is-open,
.rdo-svc .rdo-faq .faq-item:hover,
.rdo-svc .rdo-faq .faq-item-expanded:hover {
    border-color: #EC2633;
    box-shadow: 0 8px 24px rgba(26, 26, 46, .06);
}

.rdo-svc .rdo-faq .faq-question {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 64px;
    padding: 18px 58px 18px 30px;
    border: 0;
    background: transparent;
    color: #1D293D;
    font: 500 clamp(1rem, .98rem + .08vw, 1.0625rem)/1.4 "Geist", sans-serif;
    text-align: left;
    cursor: pointer;
}

.rdo-svc .rdo-faq .faq-question::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background:
        linear-gradient(#9ca3af, #9ca3af) center / 14px 2px no-repeat,
        linear-gradient(#9ca3af, #9ca3af) center / 2px 14px no-repeat;
    transition: background .2s ease, transform .2s ease;
}

.rdo-svc .rdo-faq .faq-item.is-open .faq-question::after,
.rdo-svc .rdo-faq .faq-item-expanded.is-open .faq-question::after {
    background: linear-gradient(#EC2633, #EC2633) center / 14px 2px no-repeat;
}

.rdo-svc .rdo-faq .faq-question:focus-visible {
    outline: 3px solid rgba(236, 38, 51, .35);
    outline-offset: -3px;
}

.rdo-svc .rdo-faq .faq-body {
    margin: 0;
    padding: 0 30px 22px;
    color: #64748B;
    font: 400 15px/1.6 "Geist", sans-serif;
}

.rdo-home .rdo-hm-count,
.rdo-home .rdo-hm-cos span {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s ease, transform .6s ease;
}

.rdo-home .rdo-hm-count.is-visible,
.rdo-home .rdo-hm-cos span.is-visible {
    opacity: 1;
    transform: none;
}

.rdo-home .rdo-hm-cos span:nth-child(2) { transition-delay: .06s; }
.rdo-home .rdo-hm-cos span:nth-child(3) { transition-delay: .12s; }
.rdo-home .rdo-hm-cos span:nth-child(4) { transition-delay: .18s; }
.rdo-home .rdo-hm-cos span:nth-child(5) { transition-delay: .24s; }

@media (max-width: 600px) {
    .rdo-svc .rdo-faq .faq-question {
        min-height: 58px;
        padding: 16px 48px 16px 20px;
    }

    .rdo-svc .rdo-faq .faq-question::after {
        right: 18px;
    }

    .rdo-svc .rdo-faq .faq-body {
        padding: 0 20px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rdo-home .rdo-hm-count,
    .rdo-home .rdo-hm-cos span {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* The service templates use the legacy FAQ class names rather than .rdo-svc. */
body .faq-item,
body .faq-item-expanded {
    position: relative;
    padding: 0;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease;
}

body .faq-item.is-open,
body .faq-item-expanded.is-open,
body .faq-item:hover,
body .faq-item-expanded:hover {
    border-color: #EC2633;
    box-shadow: 0 8px 24px rgba(26, 26, 46, .06);
}

body .faq-item .faq-question,
body .faq-item-expanded .faq-question {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 64px;
    padding: 18px 58px 18px 30px;
    border: 0;
    background: transparent;
    color: #1D293D;
    font: 500 clamp(1rem, .98rem + .08vw, 1.0625rem)/1.4 "Geist", sans-serif;
    text-align: left;
    cursor: pointer;
}

body .faq-item .faq-question::after,
body .faq-item-expanded .faq-question::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 26px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background:
        linear-gradient(#9ca3af, #9ca3af) center / 14px 2px no-repeat,
        linear-gradient(#9ca3af, #9ca3af) center / 2px 14px no-repeat;
}

body .faq-item.is-open .faq-question::after,
body .faq-item-expanded.is-open .faq-question::after {
    background: linear-gradient(#EC2633, #EC2633) center / 14px 2px no-repeat;
}

body .faq-item .faq-question:focus-visible,
body .faq-item-expanded .faq-question:focus-visible {
    outline: 3px solid rgba(236, 38, 51, .35);
    outline-offset: -3px;
}

body .faq-item .faq-body,
body .faq-item-expanded .faq-body {
    margin: 0;
    padding: 0 30px 22px;
    color: #64748B;
    font: 400 15px/1.6 "Geist", sans-serif;
}

@media (max-width: 600px) {
    body .faq-item .faq-question,
    body .faq-item-expanded .faq-question {
        min-height: 58px;
        padding: 16px 48px 16px 20px;
    }

    body .faq-item .faq-question::after,
    body .faq-item-expanded .faq-question::after {
        right: 18px;
    }

    body .faq-item .faq-body,
    body .faq-item-expanded .faq-body {
        padding: 0 20px 18px;
    }
}

@media screen and (max-width: 1100px) {
    .hdr-menu-main .nav-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
    .hdr-pill {
        position: relative;
        padding: 8px 12px 8px 16px;
        gap: 12px;
        border-radius: 28px;
    }
    .nav-toggle,
    .hdr-pill .nav-toggle {
        display: flex !important;
        margin-left: auto;
        flex-shrink: 0;background:transparent;
    }
    body.nav-open {
        overflow: hidden;
    }
    .hdr-pill .nav-links {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        background: #fff;
        padding: 16px;
        border-radius: 20px;
        box-shadow: 0 12px 30px rgba(0,0,0,0.18);
        z-index: 10000;
        max-height: calc(100vh - 90px);
        overflow-y: auto;
    }
    .hdr-pill .nav-links.is-open {
        display: flex;
    }
    .hdr-pill .primary-menu,
    .hdr-pill ul#menu-main-menu {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0;
    }
    .hdr-pill .primary-menu > li {
        width: 100%;
        padding: 0;
    }
    .hdr-pill .primary-menu > li > a {
        width: 100%;
        padding: 12px 8px;
        font-size: 16px !important;
    }
    .hdr-pill .btn-navy {
        width: 100%;
        margin-top: 8px;
        justify-content: center;
    }
    .hdr-pill .primary-menu .sub-menu {
        position: static;
        transform: none;
        width: 100%;
        box-shadow: none;
        display: none;
        padding: 0 0 8px 12px;
        left: 0;
    }
    .hdr-pill .primary-menu .menu-item-has-children.submenu-open > .sub-menu,
    .hdr-pill .primary-menu .menu-item-has-children:hover > .sub-menu {
        display: block;
    }
    .site-footer .footer-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .site-footer .footer-intro {
        text-align: left;
        max-width: none;
    }
    .site-footer .footer-mid {
        grid-template-columns: 1fr 1fr;
    }
    .site-footer .footer-mid .footer-col {
        padding: 24px 16px 24px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }
    .site-footer .footer-col-services-2 h2,
    .site-footer .footer-col-services-2 h6 {
        visibility: visible;
        display: none;
    }
    .site-footer .footer-bottom {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }
    .site-footer .privacy-term {
        justify-content: center;
        flex-wrap: wrap;
    }
}

/* FAQ motion: compact, reversible disclosure animation with a reduced-motion fallback. */
body .faq-item .faq-body,
body .faq-item-expanded .faq-body {
    display: grid;
    grid-template-rows: 0fr;
    margin: 0;
    padding: 0 !important;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: grid-template-rows .28s cubic-bezier(.22, 1, .36, 1), opacity .2s ease;
}

body .faq-item .faq-body.is-open,
body .faq-item-expanded .faq-body.is-open {
    grid-template-rows: 1fr;
    opacity: 1;
    pointer-events: auto;
}

body .faq-item .faq-body-inner,
body .faq-item-expanded .faq-body-inner {
    min-height: 0;
    overflow: hidden;
    padding: 0 30px 22px;
}

@media (max-width: 600px) {
    body .faq-item .faq-body-inner,
    body .faq-item-expanded .faq-body-inner {
        padding: 0 20px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .faq-item .faq-body,
    body .faq-item-expanded .faq-body {
        transition: none;
    }
}

/* Legal pages: a focused editorial reading surface, scoped to Privacy and Terms only. */
body.privacy-policy,
body.page-id-563 {
    background: #f7f9fc;
}

body.privacy-policy main.site-main,
body.page-id-563 main.site-main {
    max-width: 100%;
    padding: clamp(48px, 7vw, 96px) 20px clamp(64px, 8vw, 112px);
}

body.privacy-policy main .page-content,
body.page-id-563 main .page-content {
    position: relative;
    max-width: 960px !important;
    margin: 0 auto;
    padding: clamp(32px, 5vw, 64px);
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(29, 41, 61, .08);
}

body.privacy-policy main .page-content::before,
body.page-id-563 main .page-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: clamp(32px, 5vw, 64px);
    width: 72px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: #ec2633;
}

body.privacy-policy main .page-content h1,
body.page-id-563 main .page-content h1 {
    margin: 0 0 clamp(28px, 4vw, 44px);
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
    color: #20213b;
    font: 600 clamp(2rem, 1.5rem + 2vw, 3.5rem)/1.08 "Geist", sans-serif;
    letter-spacing: -.035em;
}

body.privacy-policy main .page-content h2,
body.page-id-563 main .page-content h2 {
    margin: clamp(30px, 4vw, 46px) 0 14px;
    color: #20213b;
    font: 600 clamp(1.3rem, 1.1rem + .55vw, 1.85rem)/1.2 "Geist", sans-serif;
    letter-spacing: -.02em;
}

body.privacy-policy main .page-content p,
body.privacy-policy main .page-content li,
body.page-id-563 main .page-content p,
body.page-id-563 main .page-content li {
    max-width: 72ch;
    color: #475569;
    font: 400 1rem/1.78 "Geist", sans-serif;
}

body.privacy-policy main .page-content ul,
body.privacy-policy main .page-content ol,
body.page-id-563 main .page-content ul,
body.page-id-563 main .page-content ol {
    margin: 14px 0 24px;
    padding-left: 1.35em;
}

body.privacy-policy main .page-content a,
body.page-id-563 main .page-content a {
    color: #c91f2b;
    text-decoration-thickness: .09em;
    text-underline-offset: .16em;
}

body.privacy-policy main .page-content a:hover,
body.page-id-563 main .page-content a:hover {
    color: #20213b;
}

body.privacy-policy main .page-content a:focus-visible,
body.page-id-563 main .page-content a:focus-visible {
    outline: 3px solid rgba(236, 38, 51, .35);
    outline-offset: 4px;
    border-radius: 3px;
}

@media (max-width: 600px) {
    body.privacy-policy main.site-main,
    body.page-id-563 main.site-main {
        padding: 32px 12px 56px;
    }

    body.privacy-policy main .page-content,
    body.page-id-563 main .page-content {
        padding: 32px 20px 36px;
        border-radius: 14px;
        box-shadow: 0 10px 28px rgba(29, 41, 61, .06);
    }

    body.privacy-policy main .page-content::before,
    body.page-id-563 main .page-content::before {
        left: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.privacy-policy main .page-content,
    body.page-id-563 main .page-content {
        scroll-behavior: auto;
    }
}
@media screen and (max-width: 768px) {
    .hdr-menu-main,
    .main-menu.fw,
    .hdr-menu-main.fixed-header,
    .hdr-menu-main.is-sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .hdr-menu-main .container,
    .hdr-menu-main .nav-wrapper,
    .hdr-menu-main .container.nav-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }
    .hdr-pill {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        padding: 10px 16px;
        gap: 12px;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
    }
    .hdr-pill .nav-links {
        left: 0;
        right: 0;
        top: 100%;
        border-radius:16px 16px;
    }
    .site-footer .footer-mid {
        grid-template-columns: 1fr;
    }
    .site-footer .footer-mid .footer-col {
        padding: 24px 0;
    }
    .site-footer .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 480px) {
    .hdr-pill .logo-wordmark strong {
        font-size: 15px;
    }
    .hdr-pill .logo img {
/*         width: 34px;
        height: 34px; */
    }
    .hdr-pill .btn-navy {
        padding: 12px 18px;
    }
}

/* ========================================================
   HOME PAGE - EXACT DESIGN MATCH & AUTO RESPONSIVE
   ======================================================== */

/* General Typography & Page Layout */
.home .site-main {
    overflow-x: hidden;
    font-family: "Geist", sans-serif;
}

.home .section {
    padding: 100px 0;
}

.home .section-title {
    font-family: "Geist", sans-serif;
    font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);
    font-weight: 700;
    line-height: 1.15;
    color: #111318;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
}

.home .section-title .text-red {
    color: inherit; /* Exact design uses solid dark navy headers */
}

.home .brand-tag,
.home .subtitle {
    display: none; /* Clean look matching reference screenshots */
}

/* 1. Hero Banner */
.hero-banner {
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: flex-end;
    padding-bottom: 80px;
    padding-top: 140px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.35) 0%, rgba(15, 23, 42, 0.92) 100%),
                url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/new-img1.webp') center/cover no-repeat;
    background-attachment: scroll;
}

.hero-bottom-area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.hero-text-block {
    flex: 1;
    max-width: 860px;
}

.hero-thumbnail {
    width: 150px;
    height: 90px;
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
    display: inline-block;
}

.hero-title {
    font-family: "Geist", sans-serif;
    font-size: clamp(2.4rem, 1.8rem + 2.2vw, 3.6rem) !important;
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff !important;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
}

.hero-desc {
    font-family: "Geist", sans-serif;
    font-size: clamp(1rem, 0.96rem + 0.15vw, 1.125rem);
    line-height: 1.6;
    color: #E2E8F0;
    max-width: 680px;
    margin: 0;
}

.hero-action-block {
    flex-shrink: 0;
}

.btn-red {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #E31B23;
    color: #ffffff !important;
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 36px;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 6px 20px rgba(227, 27, 35, 0.35);
}

.btn-red:hover {
    background-color: #c4141b;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(227, 27, 35, 0.5);
    color: #ffffff !important;
}

/* 2. Integrated Industrial Support (Screenshot 4) */
.split-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 70px;
    align-items: center;
}

.content-side {
    position: relative;
}

.content-side .execution-description p {
    font-family: "Geist", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
    margin-bottom: 18px;
}

.image-side .img-wrapper {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}

.image-side .main-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
}

.discipline-kicker {
    display: none; /* Kept clean matching reference screenshot 4 */
}

.check-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 28px 0 0;
}

.check-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #1E293B;
}

.check-list .check-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px solid #F59E0B; /* Golden yellow circle */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    position: relative;
}

.check-list .check-icon::after {
    content: "";
    width: 5px;
    height: 9px;
    border-right: 1.5px solid #F59E0B;
    border-bottom: 1.5px solid #F59E0B;
    transform: rotate(45deg) translate(-1px, -1px);
    display: block;
}

.check-list .check-icon img {
    display: none;
}

/* 3. Core Operational Capabilities - Interactive Slider (Screenshot 5) */
.bg-dark {
    background-color:#1A1A2E !important;
    padding: 80px 0 100px;
    color: #111318;
    overflow: hidden;
}

.bg-dark .section-title {
    color: #111318 !important;
    text-align: left;
    margin-bottom: 0;
}

.enery-relif-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
    text-align: left !important;
    position: relative;
}

.cap-slider-nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cap-nav-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #1E1B2E;
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    box-shadow: 0 4px 14px rgba(30, 27, 46, 0.2);
}

.cap-nav-btn:hover {
    background: #E31B23;
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(227, 27, 35, 0.35);
}

.cards-grid-4 {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0 24px;
    margin: 0;
    cursor: grab;
}

.cards-grid-4::-webkit-scrollbar {
    display: none;
}

.cards-grid-4.active-drag {
    cursor: grabbing;
    user-select: none;
}

.dark-card {
    flex: 0 0 290px !important;
    width: 290px !important;
    min-width: 290px !important;
    height: 390px !important;
    min-height: 390px !important;
    border-radius: 20px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    scroll-snap-align: start;
    box-sizing: border-box;
}

/* Background image styling for all 5 capability cards */
.dark-card:nth-child(1) {
    background: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/new-img1.webp') center/cover no-repeat;
}
.dark-card:nth-child(2) {
    background: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/bulk-cargo-img1.webp') center/cover no-repeat;
}
.dark-card:nth-child(3) {
    background: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/port-side-industrila-img1.webp') center/cover no-repeat;
}
.dark-card:nth-child(4) {
    background: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/port-side-industrila-img2.webp') center/cover no-repeat;
}
.dark-card:nth-child(5) {
    background: url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/industry-new-img1.webp') center/cover no-repeat;
}

/* Deep Teal Gradient Overlay at bottom */
.dark-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(38, 140, 130, 0.96) 0%, rgba(38, 140, 130, 0.55) 35%, rgba(0, 0, 0, 0.15) 75%);
    z-index: 1;
    transition: opacity 0.3s ease;
}

/* Top-right Circular Frosted Arrow Badge */
.dark-card::before {
    content: "↗";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 2;
    transition: background 0.3s ease, transform 0.3s ease;
}

.dark-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
}

.dark-card:hover::before {
    background: rgba(255, 255, 255, 0.45);
    transform: scale(1.08);
}

.dark-card img {
    display: none;
}

.dark-card h5 {
    font-family: "Geist", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
    position: relative;
    z-index: 2;
}

.dark-card p {
    display: none;
}

/* 4. Supporting Oman's Industrial & Maritime Growth (Screenshot 3) */
.section .split-grid {
    align-items: flex-start;
}

.home-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 36px;
}

.home-industry-grid .dark-card-basic {
    border-radius: 16px;
    padding: 24px 18px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: none;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home-industry-grid .dark-card-basic::before {
    content: "↗";
    font-size: 24px;
    font-weight: 700;
    color: #EA580C;
    line-height: 1;
    display: block;
}

.home-industry-grid .dark-card-basic:nth-child(1) { background: #EBF6FC; } /* Ports & Terminals - Ice Blue */
.home-industry-grid .dark-card-basic:nth-child(2) { background: #EFF8F8; } /* Energy & Utilities - Light Mint */
.home-industry-grid .dark-card-basic:nth-child(3) { background: #EBF3FC; } /* Industrial Manufacturing - Soft Sky */
.home-industry-grid .dark-card-basic:nth-child(4) { background: #FEF9EE; } /* Infrastructure Dev - Warm Cream */

.home-industry-grid .dark-card-basic:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06);
}

.home-industry-grid .dark-card-basic img {
    display: none;
}

.home-industry-grid h6 {
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #111318 !important;
    margin: 0;
    line-height: 1.35;
}

/* 5. Health, Safety & Operational Excellence (Screenshot 2) */
.hse-section {
    position: relative;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.82) 0%, rgba(20, 27, 40, 0.88) 100%),
                url('https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/home-new-img-sec.webp') center/cover no-repeat;
    padding: 120px 0;
    color: #ffffff;
}

.hse-section .heading-2 {
    font-family: "Geist", sans-serif;
    font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.15;
    margin: 0 0 24px;
    letter-spacing: -0.02em;
}

.hse-desc {
    font-family: "Geist", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #E2E8F0;
    margin: 0;
}

.hse-cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.hse-card-item {
    background: rgba(45, 48, 60, 0.55);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 130px;
    justify-content: flex-start;
    transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.hse-card-item:hover {
    background: rgba(45, 48, 60, 0.75);
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.28);
}

.hse-card-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px solid #F59E0B; /* Gold circle */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hse-card-icon::after {
    content: "";
    width: 5px;
    height: 9px;
    border-right: 1.5px solid #F59E0B;
    border-bottom: 1.5px solid #F59E0B;
    transform: rotate(45deg) translate(-1px, -1px);
    display: block;
}

.hse-card-icon img {
    display: none;
}

.hse-card-item h5 {
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.35;
    margin: 0;
}

/* 6. Global Presence Section (Screenshot 1) */
.business-section {
    background: #ffffff;
    padding: 100px 0;
    text-align: center;
}

.business-title {
    font-family: "Geist", sans-serif;
    font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);
    font-weight: 700;
    color: #111318;
    margin: 0 0 18px;
    letter-spacing: -0.02em;
}

.home-global-copy {
    max-width: 800px;
    margin: 0 auto 56px;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    line-height: 1.65;
    color: #475569;
}

.home-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    max-width: 960px;
    margin: 0 auto 56px;
    position: relative;
    padding: 20px 40px;
}

.home-stat {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
    flex-shrink: 0;
}

.home-stat:hover {
    transform: none;
    box-shadow: none;
}

.home-stat strong {
    display: block;
    font-family: "Geist", sans-serif;
    font-size: clamp(3rem, 2.5rem + 2vw, 4.25rem);
    font-weight: 700;
    color: #111318; /* Dark navy font */
    line-height: 1;
}

.home-stat span {
    display: block;
    margin-top: 10px;
    font-family: "Geist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #45556C;
}

/* Badge Pills */
.logos-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 14px;
    max-width: 980px;
    margin: 0 auto;
}

.logos-grid-wrapper .logo-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 100px;
    padding: 10px 24px;
    display: inline-flex;
    align-items: center;
    box-shadow: none;
    transition: all 0.25s ease;
}

.logos-grid-wrapper .logo-box:hover {
    background: #ffffff;
    border-color: #CBD5E1;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.logos-grid-wrapper .logo-box img {
    display: none;
}

.logos-grid-wrapper .logo-box span {
    font-family: "Geist", sans-serif;
    font-size: 14.5px;
    color: #1E293B;
    font-weight: 500;
}

/* ========================================================
   AUTO RESPONSIVE BREAKPOINTS
   ======================================================== */
@media (max-width: 1200px) {
    .cards-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .split-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .home-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hero-banner {
        min-height: 70vh;
        padding-top: 120px;
    }
    .site-footer .footer-mid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (max-width: 768px) {
    .hero-bottom-area {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .hero-thumbnail {
        display: none;
    }
    .cards-grid-4,
    .home-industry-grid,
    .hse-cards-grid {
        grid-template-columns: 1fr;
    }
    .home-stats {
        flex-direction: column;
        gap: 36px;
        padding: 0;
    }
    .section,
    .bg-dark,
    .hse-section,
    .business-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .site-footer .footer-mid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Service page layout (Gutenberg). Headings, p, lists keep global type. No :root tokens. */
.entry-content .rdo-svc,
.editor-styles-wrapper .rdo-svc,
.rdo-svc.alignfull,
.rdo-svc .alignfull {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    margin-inline: 0 !important;
}
.rdo-svc .wp-block-group,
.rdo-svc .wp-block-cover,
.rdo-svc .wp-block-columns {
    margin-top: 0;
    margin-bottom: 0;
}
.rdo-svc .rdo-wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: clamp(20px, 4vw, 80px);
    padding-right: clamp(20px, 4vw, 80px);
}
.rdo-svc .rdo-hero.wp-block-cover {
    min-height: clamp(380px, 45vw, 700px) !important;
    align-items: flex-end;
    padding: 0 0 clamp(24px, 3.5vw, 55px) !important;
}
.rdo-svc .rdo-hero .wp-block-cover__inner-container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 80px);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}
.rdo-svc .rdo-hero h1 {
    max-width: 860px;
    color: #fff;
}
.rdo-svc .wp-block-button.rdo-btn .wp-block-button__link {
    background: #EC2633 !important;
    color: #fff !important;
    border-radius: 100px;
    padding: 8px 20px;
    font-family: inherit;
}
.rdo-svc .wp-block-button.rdo-btn .wp-block-button__link:hover {
    background: #c91e2a !important;
}
.rdo-svc .rdo-intro {
    padding: clamp(40px, 5vw, 80px) 0;
}
.rdo-svc .rdo-intro-grid.wp-block-columns {
    display: grid !important;
    grid-template-columns: minmax(200px, 1fr) 1.2fr minmax(200px, 1.1fr);
    gap: clamp(20px, 3vw, 53px);
    align-items: start;
}
.rdo-svc .rdo-intro-grid > .wp-block-column {
    margin: 0;
}
.rdo-svc .rdo-intro img,
.rdo-svc .rdo-intro figure {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}
.rdo-svc .rdo-intro img {
    height: clamp(200px, 25vw, 400px);
    object-fit: cover;
}
.rdo-svc .rdo-intro .rdo-img-sm img {
    height: clamp(160px, 16vw, 255px);
}
.rdo-svc .rdo-intro-copy p {
    border-left: 2px solid #1a1a2e;
    padding-left: clamp(12px, 1.5vw, 24px);
}
.rdo-svc .rdo-intro-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.rdo-svc .rdo-ops {
    position: relative;
    padding: clamp(40px, 5vw, 70px) 0;
    overflow: hidden;
    background-color: #1a1a2e;
    background-image: url("https://images.unsplash.com/photo-1494412574643-ff11b0a5eb19?w=1600&q=80");
    background-size: cover;
    background-position: center;
    transition: background-image 0.45s ease;
}
.rdo-svc .rdo-ops:has(.ops-card:nth-child(2):hover) {
    background-image: url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=1600&q=80");
}
.rdo-svc .rdo-ops:has(.ops-card:nth-child(3):hover) {
    background-image: url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1600&q=80");
}
.rdo-svc .rdo-ops:has(.ops-card:nth-child(4):hover) {
    background-image: url("https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1600&q=80");
}
.rdo-svc .rdo-ops::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(26, 26, 46, 0.82);
    z-index: 1;
}
.rdo-svc .rdo-ops > .rdo-wrap {
    position: relative;
    z-index: 2;
}
.rdo-svc .rdo-ops h2,
.rdo-svc .rdo-ops p,
.rdo-svc .rdo-ops .ops-card p {
    color: #fff;
}
.rdo-svc .rdo-ops > .rdo-wrap > p {
    max-width: 710px;
    margin-bottom: 32px;
    opacity: 0.9;
}
.rdo-svc .ops-cards.wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.rdo-svc .ops-card {
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: clamp(14px, 1.6vw, 26px);
}
.rdo-svc .ops-card:hover {
    background: rgba(236, 38, 51, 0.15);
    border-color: #EC2633;
}
.rdo-svc .rdo-wf {
    background: #f5f7fa;
    padding: clamp(40px, 5vw, 70px) 0;
}
.rdo-svc .rdo-wf-grid.wp-block-columns {
    display: grid !important;
    grid-template-columns: minmax(240px, 0.9fr) 1.2fr;
    gap: clamp(20px, 3vw, 40px);
    align-items: start;
}
.rdo-svc .rdo-wf img,
.rdo-svc .rdo-wf figure {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}
.rdo-svc .rdo-wf img {
    height: clamp(180px, 20vw, 295px);
    object-fit: cover;
}
.rdo-svc .wf-cards.wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 24px;
}
.rdo-svc .wf-card {
    background: #fff;
    border: 1px solid #1a1a2e;
    border-radius: 16px;
    padding: clamp(14px, 1.5vw, 22px);
}
.rdo-svc .rdo-safe {
    padding: clamp(40px, 5vw, 70px) 0;
}
.rdo-svc .rdo-safe-grid.wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr minmax(280px, 0.9fr);
    gap: clamp(24px, 5vw, 80px);
    align-items: start;
}
.rdo-svc .rdo-safe img,
.rdo-svc .rdo-safe figure {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}
.rdo-svc .rdo-safe img {
    height: clamp(220px, 26vw, 400px);
    object-fit: cover;
}
.rdo-svc .rdo-stats.wp-block-columns {
    display: flex;
    gap: clamp(20px, 2.5vw, 40px);
    margin-top: 24px;
    flex-wrap: wrap;
}
.rdo-svc .rdo-supply {
    background: #1a1a2e;
    padding: clamp(40px, 5vw, 70px) 0;
}
.rdo-svc .rdo-supply h2,
.rdo-svc .rdo-supply p,
.rdo-svc .rdo-supply h3 {
    color: #fff;
}
.rdo-svc .rdo-supply-top.wp-block-columns {
    display: grid !important;
    grid-template-columns: minmax(200px, 0.9fr) 1.2fr;
    gap: clamp(24px, 6vw, 80px);
    margin-bottom: 40px;
}
.rdo-svc .rdo-faq {
    padding: clamp(40px, 5vw, 70px) 0;
}
.rdo-svc .rdo-faq-grid.wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr 2fr;
    gap: clamp(24px, 3.5vw, 50px);
    align-items: start;
}
.rdo-svc .faq-tag {
    color: #EC2633;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-weight: 500;
    margin-bottom: 8px;
}
.rdo-svc .rdo-faq .wp-block-details {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0;
    margin: 0 0 14px;
    background: #fff;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.rdo-svc .rdo-faq .wp-block-details:hover,
.rdo-svc .rdo-faq .wp-block-details[open] {
    border-color: #EC2633;
    box-shadow: 0 8px 24px rgba(26, 26, 46, 0.06);
}
.rdo-svc .rdo-faq .wp-block-details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    list-style: none;
    padding: 18px 22px;
    font-weight: 400;
    color: #1a1a2e;
}
.rdo-svc .rdo-faq .wp-block-details summary::-webkit-details-marker,
.rdo-svc .rdo-faq .wp-block-details summary::marker {
    display: none;
    content: "";
}
.rdo-svc .rdo-faq .wp-block-details summary::after {
    content: "";
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background:
        linear-gradient(#9ca3af, #9ca3af) center / 14px 2px no-repeat,
        linear-gradient(#9ca3af, #9ca3af) center / 2px 14px no-repeat;
    transition: background 0.2s ease, transform 0.2s ease;
}
.rdo-svc .rdo-faq .wp-block-details[open] summary::after {
    background: linear-gradient(#EC2633, #EC2633) center / 14px 2px no-repeat;
}
.rdo-svc .rdo-faq .wp-block-details > *:not(summary) {
    padding: 0 22px 18px;
    color: #262626;
}
.rdo-svc .rdo-cta {
    padding: 0 0 clamp(40px, 5vw, 70px);
}
.rdo-svc .rdo-cta-box {
    background: #f5f7fa;
    border-radius: 16px;
    padding: clamp(28px, 4vw, 54px);
    text-align: center;
}
.rdo-svc .rdo-cta-box p {
    max-width: 765px;
    margin-left: auto;
    margin-right: auto;
}
.rdo-svc .rdo-cta .wp-block-buttons {
    justify-content: center;
}

@media (max-width: 1024px) {
    .rdo-svc .rdo-intro-grid.wp-block-columns,
    .rdo-svc .rdo-wf-grid.wp-block-columns,
    .rdo-svc .rdo-safe-grid.wp-block-columns,
    .rdo-svc .rdo-supply-top.wp-block-columns,
    .rdo-svc .rdo-faq-grid.wp-block-columns {
        grid-template-columns: 1fr !important;
    }
    .rdo-svc .ops-cards.wp-block-columns,
    .rdo-svc .wf-cards.wp-block-columns {
        grid-template-columns: 1fr 1fr !important;
    }
    .rdo-svc .rdo-hero .wp-block-cover__inner-container {
        flex-direction: column;
        align-items: flex-start;
    }
    .rdo-svc .rdo-stats.wp-block-columns {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .rdo-svc .rdo-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .rdo-svc .rdo-hero .wp-block-cover__inner-container {
        padding: 0 20px;
    }
    .rdo-svc .rdo-hero.wp-block-cover {
        min-height: 420px !important;
    }
    .rdo-svc .wp-block-button.rdo-btn {
        width: 100%;
    }
    .rdo-svc .wp-block-button.rdo-btn .wp-block-button__link {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .rdo-svc .ops-cards.wp-block-columns,
    .rdo-svc .wf-cards.wp-block-columns,
    .rdo-svc .rdo-stats.wp-block-columns {
        grid-template-columns: 1fr !important;
    }
    .rdo-svc .rdo-faq .wp-block-details summary {
        padding: 16px;
        align-items: flex-start;
    }
}



/* Home Gutenberg layout (no header/footer, no extra type sizes) */
.rdo-home.alignfull,.rdo-home .alignfull{max-width:100%!important;width:100%!important;margin:0!important}
.rdo-home .wp-block-group,.rdo-home .wp-block-cover,.rdo-home .wp-block-columns{margin:0}
.rdo-home .rdo-wrap {max-width: 100%;margin: 0 auto;/*padding: 0 clamp(20px, 6vw, 80px);*/}
.rdo-hm-oman .rdo-home .rdo-wrap,.rdo-hm-about .rdo-home .rdo-wrap {padding: 0 80px 0px 80px;}
/* .rdo-home .rdo-hm-caps .rdo-wrap{padding-right: 0px !important;} */
.rdo-home .rdo-hm-hero.wp-block-cover{min-height:clamp(420px,55vw,700px)!important;align-items:flex-end}
.rdo-home .rdo-hm-hero .wp-block-cover__inner-container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,80px) clamp(40px,5vw,60px);position:relative}
.rdo-home .rdo-hm-hero h1,.rdo-home .rdo-hm-hero p,.rdo-home .rdo-hm-line2{color:#fff}
.rdo-home .rdo-hm-title{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.rdo-home .rdo-hm-port{width:208px;height:120px;border-radius:16px;object-fit:cover;flex-shrink:0}
.rdo-home .rdo-hm-line2{margin:0 0 16px clamp(0px,12vw,220px)}
.rdo-home .rdo-hm-hero .wp-block-buttons{justify-content:flex-end}
.rdo-home .rdo-hm-badge{position:absolute;right:clamp(16px,5vw,80px);bottom:clamp(100px,14vw,160px);background:#4db6ac;color:#fff;padding:20px 14px;border-radius:20px;max-width:232px}
.rdo-home .wp-block-button.rdo-btn .wp-block-button__link{background:#EC2633!important;color:#fff!important;border-radius:100px;padding:12px 24px}
.rdo-home .wp-block-button.rdo-btn .wp-block-button__link:hover{background:#d91e2a!important}
.rdo-home .rdo-hm-about{padding:clamp(48px,7vw,100px) 0;background:#fff}
.rdo-home .rdo-hm-about-grid.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,80px);align-items:start}
.rdo-home .rdo-hm-about img,.rdo-home .rdo-hm-about figure{margin:0;width:100%;border-radius:8px;overflow:hidden}
.rdo-home .rdo-hm-about img{height:clamp(220px,28vw,314px);object-fit:cover}
.rdo-home .rdo-hm-list{margin-top:24px;padding:0;list-style:none}
.rdo-home .rdo-hm-list li{display:flex;align-items:center;gap:12px;padding:8px 0}
.rdo-home .rdo-hm-list li:before{content:"";width:18px;height:18px;flex-shrink:0;border:2px solid #1a1a2e;border-radius:50%;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 7px #1a1a2e}
.rdo-home .rdo-hm-caps{background:#1a1a2e;padding:clamp(48px,6vw,100px) 0}
.rdo-home .rdo-hm-caps h2,.rdo-home .rdo-hm-caps p{color:#fff}
.rdo-home .rdo-hm-caps-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-right:80px;}
.rdo-home .rdo-hm-nav{display:flex;gap:12px;display:none;}
.rdo-home .rdo-hm-nav button{width:42px;height:42px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;cursor:pointer}
.rdo-home .rdo-hm-nav button:hover{background:#fff;color:#1a1a2e}
.rdo-home .rdo-hm-track-wrap{overflow:hidden}
.rdo-home .rdo-hm-track{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.rdo-home .rdo-hm-track::-webkit-scrollbar{display:none}
.rdo-home .rdo-hm-track>.wp-block-column{/*flex:0 0 min(300px,80vw)!important;*/width:min(300px,80vw)!important;margin:0!important;scroll-snap-align:start}
.rdo-home .rdo-hm-card.wp-block-cover{min-height:406px!important;border-radius:26px;overflow:hidden}
.rdo-home .rdo-hm-card h3{color:#fff}
.rdo-home .rdo-hm-oman{padding:clamp(48px,7vw,100px) 0;background:#fff}
.rdo-home .rdo-hm-oman-grid.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:start}
.rdo-home .rdo-hm-oman img,.rdo-home .rdo-hm-oman figure{margin:0;border-radius:20px;overflow:hidden;width:100%}
.rdo-home .rdo-hm-oman img{height:clamp(240px,32vw,461px);object-fit:cover}
.rdo-home .rdo-hm-stats.wp-block-columns{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px}
.rdo-home .rdo-hm-stat{border-radius:16px;padding:20px 14px;min-height:120px}
.rdo-home .rdo-hm-stat:nth-child(1){background:rgba(0,140,186,.1)}
.rdo-home .rdo-hm-stat:nth-child(2){background:rgba(77,182,172,.1)}
.rdo-home .rdo-hm-stat:nth-child(3){background:rgba(33,150,243,.1)}
.rdo-home .rdo-hm-stat:nth-child(4){background:rgba(230,174,27,.1)}
.rdo-home .rdo-hm-hse.wp-block-cover{min-height:clamp(420px,50vw,650px)!important}
.rdo-home .rdo-hm-hse .wp-block-cover__inner-container{width:100%;max-width:1440px;margin:0 auto;padding:clamp(48px,6vw,74px) clamp(20px,4vw,80px)}
.rdo-home .rdo-hm-hse h2,.rdo-home .rdo-hm-hse p,.rdo-home .rdo-hm-hse h4{color:#fff}
.rdo-home .rdo-hm-hse-grid.wp-block-columns{display:flex !important;flex-wrap: wrap !important;flex-direction:column;}
.rdo-home .rdo-hm-hse-cards.wp-block-columns{display:grid!important;grid-template-columns:1fr 1fr;gap:16px}
.rdo-home .rdo-hm-hse-grid.wp-block-columns .rdo-hm-hse-cards-main{width:34%;float:right;position: relative;left: 66%;}
.rdo-home .rdo-hm-hcard{background:rgba(255,255,255,.19);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-height:110px}
.rdo-home .rdo-hm-global{padding:clamp(48px,6vw,80px) 0;text-align:center;background:#fff}
.rdo-home .rdo-hm-global .rdo-wrap>p{max-width:900px;margin-left:auto;margin-right:auto}
.rdo-home .rdo-hm-gstats.wp-block-columns{display:flex;justify-content:space-between;gap:24px;align-items:center;max-width:1440px;margin:32px auto}
.rdo-home .rdo-hm-cos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.rdo-home .rdo-hm-cos span{border:1px solid rgba(0,0,0,.1);border-radius:100px;padding:8px 16px}
@media(max-width:1024px){
.rdo-home .rdo-hm-about-grid.wp-block-columns,.rdo-home .rdo-hm-oman-grid.wp-block-columns,.rdo-home .rdo-hm-hse-grid.wp-block-columns{grid-template-columns:1fr!important}
.rdo-home .rdo-hm-line2{margin-left:0}
.rdo-home .rdo-hm-badge{position:static;max-width:100%;margin-top:16px}
.rdo-home .rdo-hm-stats.wp-block-columns{grid-template-columns:1fr 1fr!important}
}
@media(max-width:768px){
.rdo-home .rdo-hm-hero .wp-block-cover__inner-container,.rdo-home .rdo-wrap,.rdo-home .rdo-hm-hse .wp-block-cover__inner-container{padding-left:20px;padding-right:20px}
.rdo-home .rdo-hm-port{display:none}
.rdo-home .rdo-hm-hero .wp-block-buttons,.rdo-home .wp-block-button.rdo-btn,.rdo-home .wp-block-button.rdo-btn .wp-block-button__link{width:100%;justify-content:center}
.rdo-home .rdo-hm-hse-cards.wp-block-columns,.rdo-home .rdo-hm-gstats.wp-block-columns{grid-template-columns:1fr!important;display:grid!important}
.rdo-home .rdo-hm-caps-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
.rdo-home .rdo-hm-stats.wp-block-columns{grid-template-columns:1fr!important}
.rdo-home .rdo-hm-card.wp-block-cover{min-height:320px!important}
}

/* About Gutenberg layout (hardcoded colors, no :root) */
/* About page (Gutenberg) — scoped so it does not override existing .hero / site chrome */

.rdo-about {
  color: #1a1a2e;
}

.entry-content .rdo-about,
.editor-styles-wrapper .rdo-about,
.rdo-about.alignfull,
.rdo-about.wp-block-group,
.rdo-about .alignfull {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  margin-inline: 0 !important;
  padding-left: 0;
  padding-right: 0;
}

.page-content .rdo-about a,
.entry-content .rdo-about a {
  text-decoration: none;
}

.rdo-about .wp-block-group,
.rdo-about .wp-block-cover,
.rdo-about .wp-block-columns {
  margin-top: 0;
  margin-bottom: 0;
}

.rdo-about .rdo-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: clamp(1.25rem, 0.417rem + 1.667vw, 5rem);
  padding-right: clamp(1.25rem, 0.417rem + 1.667vw, 5rem);
}

.rdo-about h1,
.rdo-about h2,
.rdo-about h3,
.rdo-about p {
  margin: 0;
}

/* 1. Hero */
.rdo-about .rdo-hero.wp-block-cover {
  position: relative;
  min-height: clamp(24rem, 18rem + 10vw, 43.75rem) !important;
  padding: 0 !important;
  overflow: hidden;
  align-items: flex-end;
}

.rdo-about .rdo-hero .wp-block-cover__background {
  background: transparent !important;
  opacity: 0 !important;
}

.rdo-about .rdo-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(26, 26, 46, 0) 56%,
    rgba(26, 26, 46, 0.5) 78%,
    rgba(26, 26, 46, 1) 100%
  );
}

.rdo-about .rdo-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: clamp(50rem, 40rem + 16vw, 77rem);
  height: clamp(40rem, 32rem + 13vw, 60rem);
  bottom: -5%;
  left: -18%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(26, 26, 46, 1) 87%, rgba(26, 26, 46, 0.7) 100%);
}

.rdo-about .rdo-hero .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 0.417rem + 1.667vw, 5rem) clamp(1.5rem, 1rem + 1.042vw, 2.75rem);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(1rem, 0.5rem + 1vw, 2rem);
}

.rdo-about .rdo-hero h1 {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  color: #fff;
  max-width: 62ch;
}

.rdo-about .wp-block-button.rdo-btn-hero .wp-block-button__link,
.rdo-about .wp-block-button.rdo-btn-cta .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #fff !important;
  background: #ec2633 !important;
  border: 0;
  text-decoration: none;
  box-shadow: none;
}

.rdo-about .wp-block-button.rdo-btn-hero .wp-block-button__link {
  padding: clamp(0.75rem, 0.5rem + 0.417vw, 1rem) clamp(1.25rem, 0.75rem + 0.833vw, 2rem);
  border-radius: 100px;
  white-space: nowrap;
}

.rdo-about .wp-block-button.rdo-btn-hero .wp-block-button__link::after,
.rdo-about .wp-block-button.rdo-btn-cta .wp-block-button__link::after {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 8l4 4m0 0l-4 4m4-4H3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.rdo-about .wp-block-button.rdo-btn-hero .wp-block-button__link:hover,
.rdo-about .wp-block-button.rdo-btn-cta .wp-block-button__link:hover {
  background: #d11f2c !important;
  transform: scale(1.03);
}

/* 2. Overview */
.rdo-about .rdo-overview {
  background: #f5f7fa;
  padding: clamp(3rem, 2rem + 2.083vw, 6.25rem) 0 clamp(2.5rem, 1.5rem + 2.083vw, 5rem);
}

.rdo-about .rdo-overview-top,
.rdo-about .rdo-overview-top.wp-block-columns {
  display: grid !important;
  grid-template-columns: clamp(10rem, 8rem + 4.167vw, 21.5rem) 1fr;
  gap: clamp(1.5rem, 0.5rem + 2.083vw, 4rem);
  align-items: start;
}

.rdo-about .rdo-overview-top .wp-block-column {
  margin: 0;
}

.rdo-about .rdo-overview h2 {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  color: #1a1a2e;
}

.rdo-about .rdo-overview-copy {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.5rem + 0.417vw, 1.25rem);
}

.rdo-about .rdo-overview-copy p {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #1a1a2e;
}

.rdo-about .rdo-stats {
  display: flex;
  margin-top: clamp(2rem, 1rem + 2.083vw, 4rem);
  margin-left: clamp(10rem, 8rem + 4.167vw, 21.5rem);
  padding-left: clamp(1.5rem, 0.5rem + 2.083vw, 4rem);
  gap: 0;
}

.rdo-about .rdo-stats.wp-block-columns {
  align-items: stretch;
}

.rdo-about .rdo-stat {
  display: flex;
  align-items: stretch;
  flex: 1;
  padding: 0;
}

.rdo-about .rdo-stat::before {
  content: "";
  width: 1px;
  flex-shrink: 0;
  background: linear-gradient(to bottom, rgba(26, 26, 46, 0) 0%, rgba(26, 26, 46, 1) 97%);
}

.rdo-about .rdo-stat .rdo-stat-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.5rem, 0.25rem + 0.417vw, 0.75rem);
  padding: clamp(1rem, 0.5rem + 0.833vw, 2rem) clamp(0.75rem, 0.5rem + 0.417vw, 1.25rem);
}

.rdo-about .rdo-stat-icon {
  width: clamp(2.5rem, 2rem + 0.833vw, 3.5rem);
  height: clamp(2.5rem, 2rem + 0.833vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdo-about .rdo-stat-icon svg {
  width: clamp(1.5rem, 1.25rem + 0.417vw, 2rem);
  height: clamp(1.5rem, 1.25rem + 0.417vw, 2rem);
  color: #1a1a2e;
  stroke-width: 1.5;
}

.rdo-about .rdo-stat p {
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  color: #1a1a2e;
}

/* 3. Services */
.rdo-about .rdo-services {
  padding: clamp(3rem, 1.667rem + 2.778vw, 5.5rem) 0;
  background: #fff;
}

.rdo-about .rdo-services h2 {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  color: #1a1a2e;
  text-align: center;
}

.rdo-about .rdo-services-sub {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: rgba(26, 26, 46, 0.8);
  text-align: center;
  max-width: 68ch;
  margin: clamp(0.75rem, 0.5rem + 0.417vw, 1.25rem) auto clamp(2rem, 1rem + 2.083vw, 3rem);
}

.rdo-about .rdo-services-grid,
.rdo-about .rdo-services-grid.wp-block-columns {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0.5rem, 0.25rem + 0.417vw, 1rem);
  align-items: stretch;
}

.rdo-about .rdo-services-grid > .wp-block-column {
  margin: 0;
  display: flex;
}

.rdo-about .rdo-card {
  border-radius: clamp(0.875rem, 0.625rem + 0.556vw, 1.25rem);
  padding: clamp(1.25rem, 0.875rem + 0.833vw, 2.25rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: clamp(16rem, 14rem + 4.167vw, 20.5rem);
  width: 100%;
  height: 100%;
}

.rdo-about .rdo-card--teal {
  background: #4db6ac;
}

.rdo-about .rdo-card--blue {
  background: #2196f3;
}

.rdo-about .rdo-card h3 {
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  color: #1a1a2e;
  margin-bottom: clamp(1rem, 0.667rem + 0.694vw, 1.75rem);
}

.rdo-about .rdo-card ul,
.rdo-about .rdo-services-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.625rem, 0.375rem + 0.417vw, 1rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.rdo-about .rdo-card li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: inherit;
  font-weight: 500;
  line-height: clamp(1.25rem, 1.042rem + 0.417vw, 1.688rem);
  letter-spacing: 0.45px;
  color: #1a1a2e;
}

.rdo-about .rdo-card li::before {
  content: "";
  flex-shrink: 0;
  width: clamp(0.75rem, 0.625rem + 0.278vw, 1rem);
  height: clamp(0.75rem, 0.625rem + 0.278vw, 1rem);
  margin-top: 0.2em;
  background: #ff8b00;
  border-radius: 50%;
}

.rdo-about .rdo-services-image,
.rdo-about .rdo-services-image img,
.rdo-about .rdo-services-image .wp-block-image,
.rdo-about .rdo-services-image figure {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: clamp(0.875rem, 0.625rem + 0.556vw, 1.25rem);
  overflow: hidden;
}

.rdo-about .rdo-services-image img {
  object-fit: cover;
  display: block;
}

.rdo-about .rdo-card--blue p {
  font-size: inherit;
  font-weight: 500;
  line-height: clamp(1.5rem, 1.25rem + 0.417vw, 2rem);
  color: #1a1a2e;
}

/* 4. Leadership */
.rdo-about .rdo-leadership {
  padding: clamp(3rem, 1.667rem + 2.778vw, 5.5rem) 0;
}

.rdo-about .rdo-leadership-header {
  margin-bottom: clamp(2rem, 1rem + 2.083vw, 3.5rem);
}

.rdo-about .rdo-leadership h2 {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  color: #1a1a2e;
  margin-bottom: clamp(0.5rem, 0.25rem + 0.417vw, 1rem);
}

.rdo-about .rdo-leadership-header p {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: 0.01em;
  color: #1a1a2e;
  max-width: 60ch;
}

.rdo-about .rdo-leaders {
  gap: clamp(1rem, 0.333rem + 1.389vw, 2.25rem);
}

.rdo-about .rdo-leader.wp-block-cover {
  position: relative;
  border-radius: clamp(0.75rem, 0.5rem + 0.556vw, 1.5rem);
  overflow: hidden;
  aspect-ratio: 455 / 454;
  min-height: 0 !important;
  padding: 0 !important;
  align-items: flex-end;
}

.rdo-about .rdo-leader .wp-block-cover__background {
  background: linear-gradient(to top, rgba(26, 26, 46, 0.85) 0%, transparent 100%) !important;
  opacity: 1 !important;
}

.rdo-about .rdo-leader .wp-block-cover__inner-container {
  width: 100%;
  padding: clamp(1rem, 0.667rem + 0.694vw, 1.75rem);
}

.rdo-about .rdo-leader h3 {
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  color: #fff;
}

.rdo-about .rdo-leader p {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: #fff;
  opacity: 0.85;
}

/* 5. Committed */
.rdo-about .rdo-committed.wp-block-cover {
  min-height: clamp(24rem, 20rem + 6.944vw, 38.938rem) !important;
  padding: 0 !important;
  background-color: #1a1a2e;
  align-items: stretch;
}

.rdo-about .rdo-committed .wp-block-cover__background {
  background: linear-gradient(
    to top,
    rgba(26, 26, 46, 1) 0%,
    rgba(26, 26, 46, 0.29) 44%,
    rgba(26, 26, 46, 0) 52%
  ) !important;
  opacity: 1 !important;
}

.rdo-about .rdo-committed .wp-block-cover__inner-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(1.5rem, 1rem + 1.042vw, 2.5rem) clamp(1.25rem, 0.417rem + 1.667vw, 5rem) clamp(1.5rem, 1rem + 1.042vw, 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(24rem, 20rem + 6.944vw, 38.938rem);
  box-sizing: border-box;
}

.rdo-about .rdo-committed-text {
  max-width: clamp(24rem, 20rem + 6.944vw, 39rem);
}

.rdo-about .rdo-committed h2 {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  color: #fff;
  margin-bottom: clamp(0.75rem, 0.5rem + 0.417vw, 1.25rem);
}

.rdo-about .rdo-committed-text p {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #fff;
  opacity: 0.9;
}

.rdo-about .rdo-committed-card {
  background: #fff;
  border-radius: clamp(1rem, 0.667rem + 0.694vw, 1.625rem);
  padding: clamp(1.25rem, 0.875rem + 0.833vw, 2.5rem);
  max-width: clamp(18rem, 14rem + 8.333vw, 26.625rem);
  margin-left: auto;
  margin-top: clamp(1.5rem, 1rem + 1vw, 2.5rem);
}

.rdo-about .rdo-committed-card p {
  font-size: inherit;
  font-weight: 500;
  line-height: 1.55;
  color: #1a1a2e;
}

/* 6. CTA */
.rdo-about .rdo-cta {
  padding: clamp(3rem, 1.667rem + 2.778vw, 5.5rem) 0;
}

.rdo-about .rdo-cta-box {
  background: #f5f7fa;
  border-radius: clamp(1rem, 0.667rem + 0.694vw, 1.5rem);
  padding: clamp(2rem, 1.5rem + 1.042vw, 3.75rem) clamp(2rem, 1rem + 2.083vw, 4.063rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1.5rem, 1rem + 1.042vw, 2.25rem);
}

.rdo-about .rdo-cta h2 {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  letter-spacing: inherit;
  color: #1a1a2e;
}

.rdo-about .rdo-cta .accent {
  font-weight: 500;
  color: #ec2633;
}

.rdo-about .rdo-cta-box > p {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #1a1a2e;
  max-width: 52ch;
}

.rdo-about .wp-block-button.rdo-btn-cta .wp-block-button__link {
  padding: clamp(0.625rem, 0.5rem + 0.278vw, 0.875rem) clamp(1.25rem, 0.75rem + 0.833vw, 2rem);
  border-radius: 8px;
}

.rdo-about .rdo-cta .wp-block-buttons {
  justify-content: center;
}

/* Reveal (front-end only) */
.rdo-about .rdo-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.rdo-about .rdo-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.editor-styles-wrapper .rdo-about .rdo-reveal {
  opacity: 1;
  transform: none;
}

@media (max-width: 1024px) {
  .rdo-about .rdo-overview-top,
  .rdo-about .rdo-overview-top.wp-block-columns {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .rdo-about .rdo-stats {
    margin-left: 0;
    padding-left: 0;
  }

  .rdo-about .rdo-services-grid,
  .rdo-about .rdo-services-grid.wp-block-columns {
    grid-template-columns: 1fr 1fr;
    gap: clamp(1rem, 0.333rem + 1.389vw, 2.25rem);
  }

  .rdo-about .rdo-services-grid > .wp-block-column:last-child {
    grid-column: 1 / -1;
  }

  .rdo-about .rdo-committed-card {
    max-width: 50%;
  }
}

@media (max-width: 781px) {
  .rdo-about .rdo-stats,
  .rdo-about .rdo-stats.wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    flex-direction: unset;
    gap: 12px;
  }

  .rdo-about .rdo-stats.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column,
  .rdo-about .rdo-stats > .wp-block-column {
    flex-basis: auto !important;
    width: auto !important;
    flex-grow: 0 !important;
    margin: 0 !important;
  }

  .rdo-about .rdo-stats > .wp-block-column:last-child {
    grid-column: 1 / -1;
  }

  .rdo-about .rdo-stat::before {
    width: 1px;
    height: auto;
    background: linear-gradient(to bottom, rgba(26, 26, 46, 0) 0%, rgba(26, 26, 46, 1) 97%);
  }

  .rdo-about .rdo-stats > .wp-block-column:last-child.rdo-stat::before {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(26, 26, 46, 0), rgba(26, 26, 46, 1) 97%);
  }
}

@media (max-width: 768px) {
  .rdo-about .rdo-hero .wp-block-cover__inner-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }

  .rdo-about .rdo-services-grid,
  .rdo-about .rdo-services-grid.wp-block-columns {
    grid-template-columns: 1fr;
  }

  .rdo-about .rdo-card ul,
  .rdo-about .rdo-services-list {
    grid-template-columns: 1fr;
  }

  .rdo-about .rdo-leaders {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .rdo-about .rdo-committed.wp-block-cover {
    min-height: auto !important;
  }

  .rdo-about .rdo-committed .wp-block-cover__inner-container {
    min-height: 0;
  }

  .rdo-about .rdo-committed-text {
    max-width: 100%;
  }

  .rdo-about .rdo-committed-card {
    max-width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  .rdo-about .rdo-hero.wp-block-cover {
    min-height: clamp(18rem, 15rem + 8vw, 24rem) !important;
  }

  .rdo-about .rdo-leaders {
    grid-template-columns: 1fr;
  }

  .rdo-about .rdo-leader.wp-block-cover {
    aspect-ratio: 16 / 10;
  }

  .rdo-about .wp-block-button.rdo-btn-cta {
    width: 100%;
  }

  .rdo-about .wp-block-button.rdo-btn-cta .wp-block-button__link {
    width: 100%;
    justify-content: center;
  }
}

/* Icon size caps (inline SVGs and SVG <img> used as icons) */
.rdo-about .rdo-stat-icon {
  width: 28px !important;
  height: 28px !important;
  overflow: hidden;
  flex-shrink: 0;
}
.rdo-about .rdo-stat-icon svg {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: block;
  color: #1a1a2e;
  stroke-width: 1.5;
}
.icon-box-circle img,
.icon-box-light img,
.icon-box-dark img,
.supply-icon-box img {
  width: 55px !important;
  height: 55px !important;
  max-width: 55px !important;
  max-height:55px !important;
  object-fit: contain;
  display: block;
}
.icon-box-light,
.supply-icon-box {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
.icon-box-light {
/*   background: #f8fafc; */
  border-radius: 10px;
}
.supply-icon-box {
  background: #fff;
  border-radius: 8px;
}
.icon-box-circle {
  overflow: hidden;
}

/* Home / services section stacking */
.rdo-home .rdo-hm-hcard h4 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.rdo-home .rdo-hm-hcard h4:before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 4px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.2);
  background: transparent;
}
.rdo-svc .wf-card h4 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media (max-width: 768px) {
  .rdo-svc .ops-cards.wp-block-columns,
  .rdo-svc .wf-cards.wp-block-columns {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 480px) {
  .rdo-home .rdo-hm-stats.wp-block-columns {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================
   FINAL VISUAL NORMALIZATION  HOME / ABOUT / SERVICE PAGES
   Reference: approved Home, About and Refinery screenshots
   ======================================================== */

/* Buttons never inherit link underlines. */
.wp-block-button__link,
.wp-element-button,
a.btn,
a.btn-red,
a.btn-navy,
a[class*="btn-"],
button,
input[type="button"],
input[type="submit"] {
    text-decoration: none !important;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus,
a.btn:hover,
a.btn:focus,
a.btn-red:hover,
a.btn-red:focus,
a.btn-navy:hover,
a.btn-navy:focus,
a[class*="btn-"]:hover,
a[class*="btn-"]:focus,
button:hover,
button:focus {
    text-decoration: none !important;
}

/* Fluid type scale: minimum at 320px, maximum at 1920px. */
.rdo-home :is(h1, .heading-1),
.rdo-about :is(h1, .heading-1),
.rdo-svc :is(h1, .heading-1) {
    font-size: clamp(2.25rem, 1.9rem + 1.75vw, 4rem) !important;
    line-height: 1.2 !important;
}
.rdo-home :is(h2, .heading-2),
.rdo-about :is(h2, .heading-2),
.rdo-svc :is(h2, .heading-2) {
    font-size: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) !important;
    line-height: 1.2 !important;
}
.rdo-home :is(h3, .heading-3),
.rdo-about :is(h3, .heading-3),
.rdo-svc :is(h3, .heading-3) {
    font-size: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem) !important;
    line-height: 1.2 !important;
}
.rdo-home :is(h4, .heading-4),
.rdo-about :is(h4, .heading-4),
.rdo-svc :is(h4, .heading-4) {
    font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem) !important;
    line-height: 1.2 !important;
}
.rdo-home :is(h5, .heading-5),
.rdo-about :is(h5, .heading-5),
.rdo-svc :is(h5, .heading-5) {
    font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem) !important;
    line-height: 1.2 !important;
}
.rdo-home :is(h6, .heading-6),
.rdo-about :is(h6, .heading-6),
.rdo-svc :is(h6, .heading-6) {
    font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem) !important;
    line-height: 1.2 !important;
}

/* Keep body copy readable without allowing old fixed sizes to dominate. */
.rdo-home :is(p, li),
.rdo-about :is(p, li),
.rdo-svc :is(p, li) {
    font-size: clamp(0.9375rem, 0.9125rem + 0.125vw, 1.0625rem);
}

/* Remove the unintended solid/radial color entering from the left of About hero. */
.rdo-about .rdo-hero::after {
    content: none !important;
    display: none !important;
}

/* Consistent reference palette and vertical rhythm. */
.rdo-home,
.rdo-about,
.rdo-svc {
    color: #1a1a2e;
    background-color: #ffffff;
}
.rdo-home :is(.rdo-hm-about, .rdo-hm-oman, .rdo-hm-global),
.rdo-about :is(.rdo-services, .rdo-leadership, .rdo-cta),
.rdo-svc :is(.rdo-intro, .rdo-safe, .rdo-faq, .rdo-cta) {
    padding-top: clamp(3rem, 2.4rem + 3vw, 6rem);
    padding-bottom: clamp(3rem, 2.4rem + 3vw, 6rem);
}
.rdo-home :is(.rdo-hm-caps, .rdo-hm-hse),
.rdo-about .rdo-committed,
.rdo-svc :is(.rdo-ops, .rdo-supply) {
    background-color: #1a1a2e;
}
.rdo-home :is(.rdo-hm-about-grid, .rdo-hm-oman-grid, .rdo-hm-hse-grid),
.rdo-about :is(.rdo-overview-top, .rdo-services-grid, .rdo-leaders),
.rdo-svc :is(.rdo-intro-grid, .rdo-wf-grid, .rdo-safe-grid, .rdo-supply-top, .rdo-faq-grid) {
    column-gap: clamp(1.5rem, 1rem + 2.5vw, 4rem);
    row-gap: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
}

@media (max-width: 480px) {
    .rdo-home,
    .rdo-about,
    .rdo-svc {
        overflow-x: clip;
    }
}

/* ========================================================
   ABOUT PAGE REFINEMENT  REFERENCE GROUP 8458
   Layout dimensions use fixed/percentage values.
   clamp() is used only for font-size.
   ======================================================== */

.rdo-about .rdo-hero h1 {
    max-width: none !important;
    width: auto !important;
    white-space: nowrap;
    font-size: clamp(2rem, 1.65rem + 1.75vw, 3.75rem) !important;
}

/* Service foundation: matching translucent side cards and smaller arrows. */
.rdo-about .rdo-card--teal,
.rdo-about .rdo-card--blue {
    background: #4DB6AC1A !important;
}
.rdo-about .rdo-card--teal h3 {
    white-space: nowrap;
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem) !important;
}
.rdo-about .rdo-card li::before {
    content: "�";
    width: auto;
    height: auto;
    margin-top: 0;
    color: #ff8b00;
    background: transparent;
    border-radius: 0;
    font-size: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);
    line-height: 1.2;
    font-weight: 700;
}

/* Leadership reference: split header and three equal portrait cards. */
.rdo-about .rdo-leadership {
    padding-top: 72px;
    padding-bottom: 72px;
}
.rdo-about .rdo-leadership-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    gap: 32px;
    margin-bottom: 40px;
}
.rdo-about .rdo-leadership-header h2 {
    font-size: clamp(2rem, 1.7rem + 1.5vw, 3.5rem) !important;
    line-height: 1.2 !important;
}
.rdo-about .rdo-leadership-header p {
    width: 100%;
    max-width: 600px;
    justify-self: end;
    font-size: clamp(0.9375rem, 0.9rem + 0.1875vw, 1.125rem);
    line-height: 1.5;
}
.rdo-about .rdo-leaders,
.rdo-about .rdo-leaders.wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    align-items: stretch;
}
.rdo-about .rdo-leaders > .wp-block-column {
    width: 100%;
    margin: 0;
}
.rdo-about .rdo-leader.wp-block-cover {
    width: 100%;
    max-width: none;
    height: 454px;
    min-height: 454px !important;
    aspect-ratio: auto;
    border-radius: 12px;
}
.rdo-about .rdo-leader .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.rdo-about .rdo-leader .wp-block-cover__background {
    background: linear-gradient(to top, rgba(26,26,46,.94) 0%, rgba(26,26,46,.58) 22%, rgba(26,26,46,0) 58%) !important;
}
.rdo-about .rdo-leader .wp-block-cover__inner-container {
    padding: 16px;
}
.rdo-about .rdo-leader h3 {
    font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 8px;
}
.rdo-about .rdo-leader p {
    font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
    line-height: 1.2;
    opacity: 1;
}

@media (max-width: 1024px) {
    .rdo-about .rdo-leaders,
    .rdo-about .rdo-leaders.wp-block-columns {
        gap: 20px;
    }
    .rdo-about .rdo-leader.wp-block-cover {
        height: 390px;
        min-height: 390px !important;
    }
}
@media (max-width: 768px) {
    .rdo-about .rdo-hero h1 {
        white-space: normal;
    }
    .rdo-about .rdo-leadership {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .rdo-about .rdo-leadership-header {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 28px;
    }
    .rdo-about .rdo-leadership-header p {
        max-width: none;
        justify-self: start;
    }
    .rdo-about .rdo-leaders,
    .rdo-about .rdo-leaders.wp-block-columns {
        grid-template-columns: 1fr;
    }
    .rdo-about .rdo-leader.wp-block-cover {
        height: 440px;
        min-height: 440px !important;
    }
}
@media (max-width: 480px) {
    .rdo-about .rdo-card--teal h3 {
        white-space: normal;
    }
    .rdo-about .rdo-leader.wp-block-cover {
        height: 360px;
        min-height: 360px !important;
    }
}

/* ========================================================
   ABOUT HEADINGS + HOME HERO REFERENCE ALIGNMENT
   clamp() is used only for font-size.
   ======================================================== */

/* About: controlled two-line committed title and one-color CTA heading. */
.rdo-about .rdo-committed h2 {
    width: 560px;
    max-width: 100%;
    line-height: 1.2 !important;
}
.rdo-about .rdo-cta h2,
.rdo-about .rdo-cta h2 .accent {
    color: #1a1a2e !important;
}
.rdo-about .rdo-cta h2 .accent {
    font-weight: inherit;
}

/* Home hero reference: first row title + thumbnail, second row title + CTA. */
.rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "hero-title hero-title"
        "hero-line hero-button";
    align-items: center;
    column-gap: 32px;
    row-gap: 12px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 56px;
}
.rdo-home .rdo-hm-title {
    grid-area: hero-title;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
    width: 100%;
}
.rdo-home .rdo-hm-title h1 {
    margin: 0 !important;
    white-space: nowrap;
    font-size: clamp(2rem, 1.55rem + 2.25vw, 4.25rem) !important;
    font-weight: 400;
    line-height: 1.2 !important;
}
.rdo-home .rdo-hm-port {
    width: 208px;
    height: 120px;
    max-width: 208px;
    border-radius: 16px;
    margin: 0;
    object-fit: cover;
}
.rdo-home .rdo-hm-line2 {
    grid-area: hero-line;
    margin: 0 0 0 225px !important;
    white-space: nowrap;
    font-size: clamp(2rem, 1.55rem + 2.25vw, 4.25rem) !important;
    font-weight: 400;
    line-height: 1.2 !important;
}
.rdo-home .rdo-hm-hero .wp-block-buttons {
    grid-area: hero-button;
    justify-content: flex-end;
    margin: 0;
}
.rdo-home .rdo-hm-hero .rdo-btn .wp-block-button__link {
    min-width: 150px;
    justify-content: center;
    padding: 16px 28px;
}
.rdo-home .rdo-hm-badge {
    display: none;
}

@media (max-width: 1200px) {
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .rdo-home .rdo-hm-title h1,
    .rdo-home .rdo-hm-line2 {
        white-space: normal;
    }
    .rdo-home .rdo-hm-line2 {
        margin-left: 120px !important;
    }
}
@media (max-width: 768px) {
    .rdo-about .rdo-committed h2 {
        width: 100%;
    }
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        row-gap: 18px;
    }
    .rdo-home .rdo-hm-title {
        display: contents;
    }
    .rdo-home .rdo-hm-title h1 {
        order: 1;
    }
    .rdo-home .rdo-hm-line2 {
        order: 2;
        margin-left: 0 !important;
    }
    .rdo-home .rdo-hm-port {
        display: block;
        order: 3;
        width: 100%;
/*         height: 180px; */
        max-width: none;
    }
    .rdo-home .rdo-hm-hero .wp-block-buttons {
        order: 4;
    }
    .rdo-home .rdo-hm-hero .wp-block-buttons,
    .rdo-home .rdo-hm-hero .rdo-btn,
    .rdo-home .rdo-hm-hero .rdo-btn .wp-block-button__link {
        width: 100%;
    }
}

/* ========================================================
   HOME FIGMA/REFERENCE  HERO + SECOND SECTION
   ======================================================== */

.rdo-home .rdo-hm-hero.wp-block-cover {
    min-height: 620px !important;
}
.rdo-home .rdo-hm-hero .wp-block-cover__background {
background: linear-gradient(180deg, rgba(26, 26, 46, 0) 60%, rgba(26, 26, 46, 0.6) 71.24%, #1A1A2E 100%) !important;
    opacity: 1 !important;
}
.rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
    max-width: 1440px;
}
.rdo-home .rdo-hm-title {
    justify-content: center;
}
.rdo-home .rdo-hm-title h1,
.rdo-home .rdo-hm-line2 {
    letter-spacing: -0.03em;
    color: #fff !important;
}
.rdo-home .rdo-hm-line2 {
    text-align: center;
}

/* Second section: exact two-column composition with overlap badge. */
.rdo-home .rdo-hm-about {
    position: relative;
    padding-top: 88px;
    padding-bottom: 88px;
    overflow: hidden;
}
.rdo-home .rdo-hm-about-grid,
.rdo-home .rdo-hm-about-grid.wp-block-columns {
    grid-template-columns: 0.92fr 1.08fr;
    gap: 72px;
    align-items: start;
}
.rdo-home .rdo-hm-about-grid > .wp-block-column {
    position: relative;
    min-width: 0;
}
.rdo-home .rdo-hm-about-grid > .wp-block-column:first-child {
    padding-bottom: 120px;
}
.rdo-home .rdo-hm-about-grid > .wp-block-column:first-child::after {
    content: "";
    position: absolute;
    left: -40px;
    bottom: -20px;
    width: 330px;
    height: 220px;
    background: url("/wp-content/uploads/2026/09/industrial-refining-newer-bg.svg") left bottom / contain no-repeat;
    opacity: .08;
    pointer-events: none;
}
.rdo-home .rdo-hm-about h2 {
    width: 520px;
    max-width: 100%;
    margin: 0 0 24px;
    font-size: clamp(2rem, 1.75rem + 1.25vw, 3.25rem) !important;
    font-weight: 400;
    line-height: 1.2 !important;
    color: #1a1a2e;
}
.rdo-home .rdo-hm-about p {
    width: 540px;
    max-width: 100%;
    margin: 0 0 18px;
    line-height: 1.55;
    color: #475569;
}
.rdo-home .rdo-hm-about figure,
.rdo-home .rdo-hm-about img {
    width: 100%;
    max-width: none;
}
.rdo-home .rdo-hm-about img {
    height: 314px;
    border-radius: 8px;
    object-fit: cover;
}
.rdo-home .rdo-hm-about-grid > .wp-block-column:last-child .rdo-hm-badge {
    display: inline-block;
    position: absolute;
    left: -108px;
    top: 235px;
    width: 232px;
    min-height: 136px;
    margin: 0;
    padding: 18px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 16px;
    background: #4DB6AC;
    color: #fff;
    font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
    font-weight: 500;
    line-height: 1.35;
    z-index: 3;
}
.rdo-home .rdo-hm-list {
    margin: 22px 0 0 180px;
    display: grid;
    gap: 12px;
}
.rdo-home .rdo-hm-list li {
    padding: 0;
    color: #1a1a2e;
    font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
    line-height: 1.4;
}
.rdo-home .rdo-hm-list li::before {
    width: 16px;
    height: 16px;
    border-color: #f5a800;
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px #f5a800;
}

@media (max-width: 1200px) {
    .rdo-home .rdo-hm-about-grid,
    .rdo-home .rdo-hm-about-grid.wp-block-columns {
        gap: 48px;
    }
    .rdo-home .rdo-hm-about-grid > .wp-block-column:last-child .rdo-hm-badge {
        left: -64px;
    }
}
@media (max-width: 1024px) {
    .rdo-home .rdo-hm-about {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .rdo-home .rdo-hm-about-grid,
    .rdo-home .rdo-hm-about-grid.wp-block-columns {
        grid-template-columns: 1fr;
    }
    .rdo-home .rdo-hm-about-grid > .wp-block-column:first-child {
        padding-bottom: 0;
    }
    .rdo-home .rdo-hm-about-grid > .wp-block-column:first-child::after {
        display: none;
    }
    .rdo-home .rdo-hm-about-grid > .wp-block-column:last-child .rdo-hm-badge {
        position: static;
        width: 100%;
        min-height: 0;
        margin-top: 16px;
    }
    .rdo-home .rdo-hm-list {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .rdo-home .rdo-hm-hero.wp-block-cover {
        min-height: 520px !important;
    }
    .rdo-home .rdo-hm-about {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .rdo-home .rdo-hm-about img {
        height: 260px;
    }
}
@media (max-width: 480px) {
    .rdo-home .rdo-hm-hero.wp-block-cover {
        min-height: 460px !important;
    }
    .rdo-home .rdo-hm-about img {
        height: 220px;
    }
}


/* ========================================================
   HOME TYPOGRAPHY + ICON AUDIT
   ======================================================== */

.rdo-home .rdo-hm-caps { padding-top: 72px; padding-bottom: 72px; }
.rdo-home .rdo-hm-caps h2,
.rdo-home .rdo-hm-oman h2,
.rdo-home .rdo-hm-hse h2,
.rdo-home .rdo-hm-global h2 {
    font-size: clamp(1.75rem, 1.56rem + 0.94vw, 2.75rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em;
}
.rdo-home .rdo-hm-card { position: relative; overflow: hidden; }
.rdo-home .rdo-hm-card .wp-block-cover__background {
    background: linear-gradient(to bottom, rgba(17,24,39,.04) 35%, rgba(19,78,74,.92) 100%) !important;
    opacity: 1 !important;
}
.rdo-home .rdo-hm-card::after {
    content: "↗"; position: absolute; top: 16px; right: 16px; z-index: 3;
    display: grid; width: 32px; height: 32px; place-items: center;
    border: 1px solid rgba(255,255,255,.65); border-radius: 50%;
    background: rgba(255,255,255,.16); color: #fff;
    font-size: clamp(0.75rem, 0.70rem + 0.25vw, 1rem); line-height: 1;
}
.rdo-home .rdo-hm-card h3 {
    position: relative; z-index: 2; margin: 0 !important;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1.125rem) !important;
    font-weight: 500; line-height: 1.25 !important; letter-spacing: -0.01em;
}
.rdo-home .rdo-hm-oman { padding-top: 88px; padding-bottom: 88px; }
.rdo-home .rdo-hm-stat { position: relative; padding: 42px 18px 18px !important; }
.rdo-home .rdo-hm-stat::before {
    content: "↗"; position: absolute; top: 14px; left: 18px;
    color: #ff9d00; font-size: 30px;
    font-weight: 700; line-height: 1;
}
.rdo-home .rdo-hm-stat h4 {
    margin: 0 !important; font-size: clamp(0.75rem, 0.71rem + 0.19vw, 0.9375rem) !important;
    font-weight: 600; line-height: 1.3 !important;
}
.rdo-home .rdo-hm-hse { padding-top: 88px; padding-bottom: 88px; }
.rdo-home .rdo-hm-hcard { position: relative; padding-top: 44px !important; }
.rdo-home .rdo-hm-hcard::before {
    content: "✓"; position: absolute; top: 14px; left: 18px;
    display: grid; width: 20px; height: 20px; place-items: center;
    border: 1px solid #f5a800; border-radius: 50%; color: #f5a800;
    font-size: clamp(0.625rem, 0.60rem + 0.13vw, 0.75rem); line-height: 1;
}
.rdo-home .rdo-hm-hcard h4 {
    font-size: clamp(0.8125rem, 0.77rem + 0.21vw, 1rem) !important;
    line-height: 1.3 !important;
}
.rdo-home .rdo-hm-global { padding-top: 80px; padding-bottom: 80px; }
.rdo-home .rdo-hm-global p,
.rdo-home .rdo-hm-oman p,
.rdo-home .rdo-hm-hse p {
    font-size: clamp(0.875rem, 0.85rem + 0.13vw, 1rem);
    line-height: 1.55;
}
@media (max-width: 1024px) {
    .rdo-home .rdo-hm-caps, .rdo-home .rdo-hm-oman,
    .rdo-home .rdo-hm-hse, .rdo-home .rdo-hm-global {
        padding-top: 64px; padding-bottom: 64px;
    }
}
@media (max-width: 600px) {
    .rdo-home .rdo-hm-caps, .rdo-home .rdo-hm-oman,
    .rdo-home .rdo-hm-hse, .rdo-home .rdo-hm-global {
        padding-top: 48px; padding-bottom: 48px;
    }
    .rdo-home .rdo-hm-card::after {
        top: 12px; right: 12px; width: 28px; height: 28px;
    }
}


/* ========================================================
   HOME OMAN SECTION - RIGHT IMAGE CARD ONLY
   ======================================================== */
.rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child {
    position: relative;
    min-width: 0;
}
.rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child figure {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
}
.rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img {
    display: block;
    width: 100%;
    height: 461px;
    border-radius: 16px;
    object-fit: cover;
}
.rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child > p {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 2;
    margin: 0;
    padding: 16px 20px;
    border-radius: 16px;
    background: #4DB6AC;
    color: #ffffff;
    font-size: clamp(0.875rem, 0.82rem + 0.28vw, 1.125rem);
    line-height: 1.35;
}
@media (max-width: 1024px) {
    .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img {
        height: 420px;
    }
}
@media (max-width: 600px) {
    .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img {
        height: 320px;
    }
    .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child > p {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 12px 14px;
        border-radius: 12px;
    }
}


/* ========================================================
   HOME HSE - FOUR CARD DETAIL ONLY
   ======================================================== */
.rdo-home .rdo-hm-hse-cards.wp-block-columns {
    gap: 16px;
}
.rdo-home .rdo-hm-hcard {
    position: relative;
    min-height: 112px;
    padding: 46px 18px 18px !important;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 16px;
    background: rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.rdo-home .rdo-hm-hcard::before {
    content: "✓";
    position: absolute;
    top: 15px;
    left: 18px;
    display: grid;
    width: 17px;
    height: 17px;
    place-items: center;
    border: 1.5px solid #F5B800;
    border-radius: 50%;
    color: #F5B800;
    background: transparent;
    font-size: clamp(0.5625rem, 0.54rem + 0.10vw, 0.6875rem);
    font-weight: 700;
    line-height: 1;
}
.rdo-home .rdo-hm-hcard h4 {
    display: block;
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(0.8125rem, 0.77rem + 0.21vw, 1rem) !important;
    font-weight: 500;
    line-height: 1.35 !important;
}
.rdo-home .rdo-hm-hcard h4::before {
    display: none !important;
    content: none !important;
}
@media (max-width: 600px) {
    .rdo-home .rdo-hm-hse-cards.wp-block-columns {
        gap: 12px;
    }
    .rdo-home .rdo-hm-hcard {
        min-height: 104px;
        padding: 42px 16px 16px !important;
        border-radius: 14px;
    }
    .rdo-home .rdo-hm-hcard::before {
        top: 13px;
        left: 16px;
    }
}


/* HOME HSE CARD GRID GAP ONLY */
.rdo-home .rdo-hm-hse-cards.wp-block-columns {
    gap: 0 16px !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
}
.rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard:nth-child(1),
.rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard:nth-child(2) {
    margin-bottom: 16px !important;
}
@media (max-width: 768px) {
    .rdo-home .rdo-hm-hse-cards.wp-block-columns {
        gap: 0 !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
    }
    .rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard:nth-child(1),
    .rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard:nth-child(2),
    .rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard:nth-child(3) {
        margin-bottom: 12px !important;
    }
    .rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard:nth-child(4) {
        margin-bottom: 0 !important;
    }
}


/* ========================================================
   ABOUT PAGE - FULL REFERENCE ALIGNMENT
   ======================================================== */
.rdo-about {
    overflow-x: clip;
}
.rdo-about .rdo-inner {
    width: min(1440px, calc(100% - 80px));
    padding-left: 0;
    padding-right: 0;
}
.rdo-about .rdo-hero.wp-block-cover {
    min-height: 700px !important;
}
.rdo-about .rdo-hero::before {
    background: linear-gradient(to bottom, rgba(12,18,36,.06) 35%, rgba(20,24,45,.94) 100%);
}
.rdo-about .rdo-hero .wp-block-cover__image-background {
    object-position: center 48%;
}
.rdo-about .rdo-hero .wp-block-cover__inner-container {
    max-width: 1440px;
    padding: 0 40px 42px;
}
.rdo-about .rdo-hero h1 {
    white-space: nowrap;
    font-size: clamp(2rem, 1.5rem + 2.5vw, 4.5rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.035em;
}
.rdo-about .rdo-btn-hero .wp-block-button__link {
    font-size: clamp(0.8125rem, 0.77rem + .21vw, 1rem) !important;
}

.rdo-about .rdo-overview {
    padding: 88px 0 80px;
    background: #f5f7fa;
}
.rdo-about .rdo-overview-top,
.rdo-about .rdo-overview-top.wp-block-columns {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 56px;
}
.rdo-about .rdo-overview h2,
.rdo-about .rdo-services h2,
.rdo-about .rdo-leadership h2,
.rdo-about .rdo-committed h2,
.rdo-about .rdo-cta h2 {
    font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em;
}
.rdo-about .rdo-overview-copy {
    gap: 14px;
}
.rdo-about .rdo-overview-copy p {
    font-size: clamp(0.875rem, 0.84rem + .18vw, 1.0625rem);
    line-height: 1.5;
}
.rdo-about .rdo-stats {
    margin: 34px 0 0 336px;
    padding-left: 0;
}
.rdo-about .rdo-stat {
    min-width: 0;
}
.rdo-about .rdo-stat .rdo-stat-inner {
    gap: 10px;
    padding: 16px 24px 20px;
}
.rdo-about .rdo-stat-icon {
    position: relative;
    width: 34px !important;
    height: 34px !important;
}
.rdo-about .rdo-stat-icon::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: #1a1a2e;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.rdo-about .rdo-stat:nth-child(1) .rdo-stat-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0v2H4v-2Z'/%3E%3Cpath d='M2.5 15h19v3h-19zM9 5v7m6-7v7'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0v2H4v-2Z'/%3E%3Cpath d='M2.5 15h19v3h-19zM9 5v7m6-7v7'/%3E%3C/svg%3E");
}
.rdo-about .rdo-stat:nth-child(2) .rdo-stat-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M3 6h12v11H3zM15 10h4l2 3v4h-6z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M3 6h12v11H3zM15 10h4l2 3v4h-6z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E");
}
.rdo-about .rdo-stat:nth-child(3) .rdo-stat-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 2 20 5v6c0 5-3.4 9-8 11-4.6-2-8-6-8-11V5l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Cpath d='M12 2 20 5v6c0 5-3.4 9-8 11-4.6-2-8-6-8-11V5l8-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}
.rdo-about .rdo-stat p {
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem);
    line-height: 1.35;
}

.rdo-about .rdo-services {
    padding: 88px 0;
}
.rdo-about .rdo-services-sub {
    max-width: 920px;
    margin: 14px auto 34px;
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem);
    line-height: 1.5;
}
.rdo-about .rdo-services-grid,
.rdo-about .rdo-services-grid.wp-block-columns {
    grid-template-columns: 1fr .88fr 1fr;
    gap: 18px !important;
}
.rdo-about .rdo-card,
.rdo-about .rdo-services-image {
    min-height: 310px;
    border-radius: 16px;
}
.rdo-about .rdo-card {
    padding: 34px;
}
.rdo-about .rdo-card--teal,
.rdo-about .rdo-card--blue {
    background: #4DB6AC1A !important;
}
.rdo-about .rdo-card h3 {
    margin-bottom: 26px;
    white-space: nowrap;
    font-size: clamp(0.9375rem, .9rem + .19vw, 1.125rem) !important;
    line-height: 1.2 !important;
}
.rdo-about .rdo-services-list {
    grid-template-columns: 1fr 1fr;
    gap: 22px 18px;
}
.rdo-about .rdo-card li {
    gap: 7px;
    font-size: clamp(1rem, .71rem + .19vw, 1.125rem);
    line-height: 1.3;
    letter-spacing: 0;
}
.rdo-about .rdo-card li::before {
    content: "↗";
    width: auto;
    height: auto;
    margin-top: 8px;
    border-radius: 0;
    background: transparent;
    color: #ff8b00;
/*     font-size: clamp(0.875rem, .84rem + .18vw, 1.0625rem); */
font-size:20px;
    font-weight: 700;
    line-height: 1;
}
.rdo-about .rdo-services-image img {
    min-height: 310px;
    border-radius: 16px;
}
.rdo-about .rdo-card--blue {
    justify-content: center;
}
.rdo-about .rdo-card--blue p {
    font-size: clamp(0.8125rem, .77rem + .21vw, 1rem);
    line-height: 1.65;
}

.rdo-about .rdo-leadership {
    padding: 72px 0 88px;
}
.rdo-about .rdo-leadership-header {
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    margin-bottom: 34px;
}
.rdo-about .rdo-leadership-header p {
    max-width: 620px;
    justify-self: end;
    font-size: clamp(0.875rem, .84rem + .18vw, 1.0625rem);
    line-height: 1.5;
}
.rdo-about .rdo-leaders,
.rdo-about .rdo-leaders.wp-block-columns {
    gap: 30px;
}
.rdo-about .rdo-leader.wp-block-cover {
    height: 440px;
    min-height: 440px !important;
    aspect-ratio: auto;
    border-radius: 12px;
}
.rdo-about .rdo-leader .wp-block-cover__inner-container {
    padding: 18px;
}
.rdo-about .rdo-leader h3 {
    margin-bottom: 6px;
    font-size: clamp(1.0625rem, 1rem + .31vw, 1.375rem) !important;
}
.rdo-about .rdo-leader p {
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem);
}

.rdo-about .rdo-committed.wp-block-cover {
    min-height: 620px !important;
}
.rdo-about .rdo-committed .wp-block-cover__background {
    background: linear-gradient(90deg, rgba(20,27,52,.90) 0%, rgba(20,27,52,.55) 42%, rgba(20,27,52,.08) 72%) !important;
}
.rdo-about .rdo-committed .wp-block-cover__inner-container {
    min-height: 620px;
    padding: 44px 40px 54px;
}
.rdo-about .rdo-committed-text {
    max-width: 570px;
}
.rdo-about .rdo-committed h2 {
    width: 560px;
    max-width: 100%;
    margin-bottom: 14px;
}
.rdo-about .rdo-committed-text p {
    font-size: clamp(0.8125rem, .77rem + .21vw, 1rem);
    line-height: 1.55;
}
.rdo-about .rdo-committed-card {
    max-width: 380px;
    margin-left: auto;
    padding: 30px;
    border-radius: 22px;
}
.rdo-about .rdo-committed-card p {
    font-size: clamp(0.8125rem, .77rem + .21vw, 1rem);
    line-height: 1.55;
}

.rdo-about .rdo-cta {
    padding: 88px 0;
}
.rdo-about .rdo-cta-box {
    padding: 58px 32px;
    gap: 20px;
    border: 1px solid #e4e8ee;
    border-radius: 22px;
    background: #f5f7fa;
}
.rdo-about .rdo-cta h2,
.rdo-about .rdo-cta h2 .accent {
    color: #1a1a2e !important;
}
.rdo-about .rdo-cta-box > p {
    max-width: 620px;
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem);
    line-height: 1.5;
}
.rdo-about .rdo-btn-cta .wp-block-button__link {
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem) !important;
}

@media (max-width: 1024px) {
    .rdo-about .rdo-inner {
        width: min(100% - 48px, 1440px);
    }
    .rdo-about .rdo-hero.wp-block-cover {
        min-height: 560px !important;
    }
    .rdo-about .rdo-hero h1 {
        white-space: normal;
    }
    .rdo-about .rdo-overview-top,
    .rdo-about .rdo-overview-top.wp-block-columns {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 36px;
    }
    .rdo-about .rdo-stats {
        margin-left: 256px;
    }
    .rdo-about .rdo-services-grid,
    .rdo-about .rdo-services-grid.wp-block-columns {
        grid-template-columns: 1fr 1fr;
    }
    .rdo-about .rdo-services-grid > .wp-block-column:last-child {
        grid-column: 1 / -1;
    }
    .rdo-about .rdo-card--blue {
        min-height: 180px;
    }
    .rdo-about .rdo-leader.wp-block-cover {
        height: 380px;
        min-height: 380px !important;
    }
}
@media (max-width: 768px) {
    .rdo-about .rdo-inner {
        width: min(100% - 40px, 1440px);
    }
    .rdo-about .rdo-hero.wp-block-cover {
        min-height: 500px !important;
    }
    .rdo-about .rdo-hero .wp-block-cover__inner-container {
        padding: 0 20px 34px;
    }
    .rdo-about .rdo-hero .wp-block-buttons,
    .rdo-about .rdo-btn-hero,
    .rdo-about .rdo-btn-hero .wp-block-button__link {
        width: 100%;
    }
    .rdo-about .rdo-btn-hero .wp-block-button__link {
        justify-content: center;
    }
    .rdo-about .rdo-overview,
    .rdo-about .rdo-services,
    .rdo-about .rdo-leadership,
    .rdo-about .rdo-cta {
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .rdo-about .rdo-overview-top,
    .rdo-about .rdo-overview-top.wp-block-columns {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .rdo-about .rdo-stats,
    .rdo-about .rdo-stats.wp-block-columns {
        margin-left: 0;
        grid-template-columns: 1fr !important;
        gap: 0;
    }
    .rdo-about .rdo-stats > .wp-block-column:last-child {
        grid-column: auto;
    }
    .rdo-about .rdo-stat::before,
    .rdo-about .rdo-stats > .wp-block-column:last-child.rdo-stat::before {
        width: 1px;
        height: auto;
        background: #9aa1ad;
    }
    .rdo-about .rdo-services-grid,
    .rdo-about .rdo-services-grid.wp-block-columns {
        grid-template-columns: 1fr;
    }
    .rdo-about .rdo-services-grid > .wp-block-column:last-child {
        grid-column: auto;
    }
    .rdo-about .rdo-card,
    .rdo-about .rdo-services-image,
    .rdo-about .rdo-services-image img {
        min-height: 120px;
    }
    .rdo-about .rdo-leadership-header {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .rdo-about .rdo-leadership-header p {
        justify-self: start;
    }
    .rdo-about .rdo-leaders,
    .rdo-about .rdo-leaders.wp-block-columns {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .rdo-about .rdo-leader.wp-block-cover {
        height: 440px;
        min-height: 440px !important;
    }
    .rdo-about .rdo-committed.wp-block-cover,
    .rdo-about .rdo-committed .wp-block-cover__inner-container {
        min-height: 560px !important;
    }
    .rdo-about .rdo-committed .wp-block-cover__inner-container {
        padding: 40px 20px;
    }
    .rdo-about .rdo-committed-card {
        max-width: 100%;
        margin-left: 0;
        padding: 24px;
    }
}
@media (max-width: 480px) {
    .rdo-about .rdo-inner {
        width: min(100% - 32px, 1440px);
    }
    .rdo-about .rdo-hero.wp-block-cover {
        min-height: 440px !important;
    }
    .rdo-about .rdo-services-list {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .rdo-about .rdo-card {
        padding: 24px;
    }
    .rdo-about .rdo-card h3 {
        white-space: normal;
    }
    .rdo-about .rdo-leader.wp-block-cover {
        height: 360px;
        min-height: 360px !important;
    }
    .rdo-about .rdo-committed.wp-block-cover,
    .rdo-about .rdo-committed .wp-block-cover__inner-container {
        min-height: 300px !important;
    }
    .rdo-about .rdo-cta-box {
        padding: 40px 18px;
    }
}


/* ========================================================
   ABOUT HERO CTA + SERVICE LIST SPACING
   ======================================================== */
.rdo-about .rdo-hero .wp-block-cover__inner-container {
    width: min(1440px, calc(100% - 80px));
    max-width: 1440px;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
}
.rdo-about .rdo-hero h1 {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 250px) !important;
    white-space: normal;
}
.rdo-about .rdo-hero .wp-block-buttons {
    flex: 0 0 auto;
    margin: 0;
}
.rdo-about .rdo-btn-hero,
.rdo-about .rdo-btn-hero .wp-block-button__link {
    flex-shrink: 0;
}
.rdo-about .rdo-services-list {
    column-gap: 28px;
}
.rdo-about .rdo-card li {
    gap: 12px;
}
.rdo-about .rdo-card li::before {
    flex: 0 0 auto;
}
@media (max-width: 1200px) {
    .rdo-about .rdo-hero .wp-block-cover__inner-container {
        width: min(100% - 64px, 1440px);
    }
    .rdo-about .rdo-hero h1 {
        max-width: calc(100% - 220px) !important;
    }
}
@media (max-width: 900px) {
    .rdo-about .rdo-hero .wp-block-cover__inner-container {
        width: min(100% - 48px, 1440px);
        flex-direction: column;
        align-items: flex-start;
    }
    .rdo-about .rdo-hero h1 {
        max-width: 100% !important;
    }
}
@media (max-width: 768px) {
    .rdo-about .rdo-hero .wp-block-cover__inner-container {
        width: min(100% - 40px, 1440px);
        padding-right: 0;
        padding-left: 0;
    }
    .rdo-about .rdo-hero .wp-block-buttons,
    .rdo-about .rdo-btn-hero,
    .rdo-about .rdo-btn-hero .wp-block-button__link {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .rdo-about .rdo-hero .wp-block-cover__inner-container {
        width: min(100% - 32px, 1440px);
    }
    .rdo-about .rdo-services-list {
        column-gap: 0;
    }
    .rdo-about .rdo-card li {
        gap: 10px;
    }
}


/* ========================================================
   REFINERY LOGISTICS PAGE - REFERENCE ALIGNMENT
   ======================================================== */
body:is(.page-id-173,.page-id-212) main {
    overflow-x: clip;
    color: #1a1a2e;
}
body:is(.page-id-173,.page-id-212) main *,
body:is(.page-id-173,.page-id-212) main *::before,
body:is(.page-id-173,.page-id-212) main *::after {
    box-sizing: border-box;
}
body:is(.page-id-173,.page-id-212) main .pdng-lt-rt {
    padding-left: max(40px, calc((100% - 1440px) / 2));
    padding-right: max(40px, calc((100% - 1440px) / 2));
}
body:is(.page-id-173,.page-id-212) main .pdng-tp-btm {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
}
body:is(.page-id-173,.page-id-212) main .pdng-btm {
    padding-bottom: 88px !important;
}
body:is(.page-id-173,.page-id-212) main .heading-1 {
    font-size: clamp(2.25rem, 1.9rem + 1.75vw, 4rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em;
}
body:is(.page-id-173,.page-id-212) main .heading-2 {
    font-size: clamp(1.75rem, 1.52rem + 1.15vw, 2.9rem) !important;
    font-weight: 500;
    line-height: 1.2 !important;
    letter-spacing: -0.025em;
}
body:is(.page-id-173,.page-id-212) main :is(p, li, .all-heading-new, .all-heading-new-white) {
    font-size: clamp(0.875rem, .84rem + .18vw, 1.0625rem);
    line-height: 1.55;
}
body:is(.page-id-173,.page-id-212) main .highlight {
    color: #ec2633;
}
body:is(.page-id-173,.page-id-212) main .hero-section {
    position: relative;
    width: 100%;
    height: 700px;
    min-height: 700px;
    padding-top: 0;
    padding-bottom: 58px;
    display: flex;
    align-items: flex-end;
    background-position: center;
    background-size: cover;
}
body:is(.page-id-173,.page-id-212) main .hero-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(7,17,38,.05) 38%, rgba(22,24,48,.97) 100%);
    pointer-events: none;
}
body:is(.page-id-173,.page-id-212) main .hero-section .overlay-left {
    display: none;
}
body:is(.page-id-173,.page-id-212) main .hero-content-left {
    position: relative;
    z-index: 2;
    width: min(760px, 62%);
    padding: 0;
}
body:is(.page-id-173,.page-id-212) main .accent-row {
    margin-bottom: 12px !important;
}
body:is(.page-id-173,.page-id-212) main .accent-text,
body:is(.page-id-173,.page-id-212) main .new-sec-uac,
body:is(.page-id-173,.page-id-212) main .red-label-slash {
    font-size: clamp(0.6875rem, .66rem + .14vw, .8125rem);
    letter-spacing: .12em;
    font-weight: 600;
}
body:is(.page-id-173,.page-id-212) main .hero-content-left .heading-1 {
    margin-bottom: 18px !important;
}
body:is(.page-id-173,.page-id-212) main .hero-border-left {
    max-width: 640px;
    margin-bottom: 26px !important;
    padding-left: 18px;
}
body:is(.page-id-173,.page-id-212) main .hero-subtitle {
    font-size: clamp(0.875rem, .83rem + .23vw, 1.0625rem);
    line-height: 1.5;
}
body:is(.page-id-173,.page-id-212) main .btn-primary {
    display: inline-flex;
    min-height: 46px;
    padding: 12px 22px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #ec2633;
    color: #fff;
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem);
    font-weight: 500;
    text-decoration: none;
}
body:is(.page-id-173,.page-id-212) main .intro-text {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
    border-bottom: 1px solid #eef1f5;
}
body:is(.page-id-173,.page-id-212) main .intro-text p {
    max-width: 980px;
    line-height: 1.55;
}
body:is(.page-id-173,.page-id-212) main .flex-row {
    align-items: center;
}
body:is(.page-id-173,.page-id-212) main .gap-53,
body:is(.page-id-173,.page-id-212) main .gap-64,
body:is(.page-id-173,.page-id-212) main .gap-96, body:is(.page-id-312,.page-id-242) main .gap-53,
body:is(.page-id-312,.page-id-242) main .gap-64,
body:is(.page-id-312,.page-id-242) main .gap-96  {
    gap: 64px !important;max-width:1440px;margin: 0 auto;
}
body:is(.page-id-173,.page-id-212) main .img-fluid {
    width: 100%;
    display: block;
    border-radius: 14px;
    object-fit: cover;
}
body:is(.page-id-173,.page-id-212) main .h-450 {
    height: 430px;
}
body:is(.page-id-173,.page-id-212) main .exaction-new-arm {
    min-width: 0;
}
body:is(.page-id-173,.page-id-212) main .new-sec-uac {
    margin-bottom: 10px;
    color: #ec2633;
}
body:is(.page-id-173,.page-id-212) main .content-border-left {
    margin-top: 22px;
    padding-left: 20px;
    border-left: 2px solid #e3e7ed;
}
body:is(.page-id-173,.page-id-212) main .content-border-left p {
    margin-bottom: 14px;
}
body:is(.page-id-173,.page-id-212) main .split-section-bleed {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(420px, .95fr);
    min-height: 540px;
    background: #1a1b27 !important;
}
body:is(.page-id-173,.page-id-212) main .split-left-content, body:is(.page-id-312,.page-id-242) main .split-left-content {
    width: 100%;
    padding: 72px max(40px, calc((100vw - 1440px) / 2));
    padding-right: 64px;
    gap: 14px;
    justify-content: center;
}
body:is(.page-id-173,.page-id-212) main .split-right-img {
    width: 100%;
    min-height: 540px;
    background-position: center;
    background-size: cover;
}
body:is(.page-id-173,.page-id-212) main .grid-2x2 {
    gap: 14px;
    margin-top: 20px;
}
body:is(.page-id-173,.page-id-212) main .dark-card-solid {
    min-height: 90px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    background: rgba(10,17,40,.72);
}
body:is(.page-id-173,.page-id-212) main .icon-box-circle {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
}
body:is(.page-id-173,.page-id-212) main .icon-box-circle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
body:is(.page-id-173,.page-id-212) main .all-heading-new-white {
    margin: 2px 0 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.35;
}
body:is(.page-id-173,.page-id-212) main .bordered-text-box {
    margin-top: 4px;
    padding: 14px 20px;
    border: 1px solid rgba(77,182,172,.5);
    border-radius: 12px;
    background: #4db6ac;
}
body:is(.page-id-173,.page-id-212) main .bordered-text-box p {
    margin: 0;
    color: #fff;
    text-align: center;
}
body:is(.page-id-173,.page-id-212) main .bg-light {
    background: #f5f7fa;
}
body:is(.page-id-173,.page-id-212) main .light-card-center {
    min-height: 146px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
/*     align-items: center;
    justify-content: center; */
    gap: 14px;
    border-left: 2px solid #e6eaf0 !important;
    border-radius: 0px;
    background: transparent;
}
body:is(.page-id-173,.page-id-212) main .icon-box-light {
    width:70px;
    height:70px;
    margin: 0;
}
body:is(.page-id-173,.page-id-212) main .icon-box-light img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
body:is(.page-id-173,.page-id-212) main .all-heading-new {
    color: #1a1a2e;
    font-weight: 500;
/*     text-align: center; */
}
body:is(.page-id-173,.page-id-212) main .bg-dark {
    position: relative;
    background: #17172d;
}
body:is(.page-id-173,.page-id-212) main .bg-dark .flex-row {
    align-items: flex-start;
}
body:is(.page-id-173,.page-id-212) main .text-light-gray {
    color: rgba(255,255,255,.82);
}
body:is(.page-id-173,.page-id-212) main .supply-chain-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 22px;
}
body:is(.page-id-173,.page-id-212) main .supply-item {
    min-width: 0;
    padding-left: 22px;
    border-left: 1px solid rgba(255,255,255,.36);
}
body:is(.page-id-173,.page-id-212) main .supply-icon-box {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
}
body:is(.page-id-173,.page-id-212) main .supply-icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
body:is(.page-id-173,.page-id-212) main .supply-item .heading-5 {
    margin: 0;
    font-size: clamp(0.875rem, .82rem + .28vw, 1.125rem) !important;
    line-height: 1.3;
}
body:is(.page-id-173,.page-id-212) main .max-w-400 {
    max-width: 440px;
}
body:is(.page-id-173,.page-id-212) main .faq-item,
body:is(.page-id-173,.page-id-212) main .faq-item-expanded {
    margin-bottom: 12px;
    border: 1px solid #dde3ea;
    border-radius: 12px;
}
body:is(.page-id-173,.page-id-212) main .faq-item {
    min-height: 58px;
    padding:0px;
    font-size: clamp(0.875rem, .84rem + .18vw, 1.0625rem);
}
body:is(.page-id-173,.page-id-212) main .faq-item-expanded {
    padding: 0px;
}
body:is(.page-id-173,.page-id-212) main .faq-item-expanded .faq-title {
    font-size: clamp(0.875rem, .82rem + .28vw, 1.125rem);
}
body:is(.page-id-173,.page-id-212) main .faq-item-expanded .faq-body {
    font-size: clamp(0.8125rem, .78rem + .16vw, .9375rem);
}
main .faq-item .faq-body, main .faq-item-expanded .faq-body {display: none;transition:all 0.5s ease;}
main .faq-item.is-open .faq-body,main .faq-item-expanded.is-open .faq-body{display:block;}
body:is(.page-id-173,.page-id-212) main .cta-card {
    max-width: 1440px;
    margin: 0 auto;
    padding: 58px 32px;
    border: 1px solid #e3e8ee;
    border-radius: 20px;
    background: #f5f7fa;
}
body:is(.page-id-173,.page-id-212) main .cta-card .heading-2 {
    margin: 10px 0 14px;
}
body:is(.page-id-173,.page-id-212) main .cta-description {
    max-width: 660px;
    margin: 0 auto 24px;
}

@media (max-width: 1100px) {
    body:is(.page-id-173,.page-id-212) main .pdng-lt-rt {
        padding-left: 32px;
        padding-right: 32px;
    }
    body:is(.page-id-173,.page-id-212) main .hero-section {
        height: 600px;
        min-height: 600px;
        padding-bottom: 48px;
    }
    body:is(.page-id-173,.page-id-212) main .hero-content-left {
        width: min(720px, 76%);
    }
    body:is(.page-id-173,.page-id-212) main .gap-53,
    body:is(.page-id-173,.page-id-212) main .gap-64,
    body:is(.page-id-173,.page-id-212) main .gap-96 {
        gap: 40px !important;
    }
    body:is(.page-id-173,.page-id-212) main .split-section-bleed {
        grid-template-columns: 1.15fr .85fr;
    }
    body:is(.page-id-173,.page-id-212) main .split-left-content {
        padding: 56px 40px;
    }
}
@media (max-width: 900px) {
    body:is(.page-id-173,.page-id-212) main .pdng-tp-btm {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
    body:is(.page-id-173,.page-id-212) main .pdng-btm {
        padding-bottom: 64px !important;
    }
    body:is(.page-id-173,.page-id-212) main .flex-row {
        flex-direction: column;
        align-items: stretch;
    }
    body:is(.page-id-173,.page-id-212) main .flex-40,
    body:is(.page-id-173,.page-id-212) main .flex-50,
    body:is(.page-id-173,.page-id-212) main .flex-60 {
        width: 100%;
        flex: 1 1 auto;
    }
    body:is(.page-id-173,.page-id-212) main .split-section-bleed {
        grid-template-columns: 1fr;
    }
    body:is(.page-id-173,.page-id-212) main .split-right-img {
        min-height: 420px;
    }
    body:is(.page-id-173,.page-id-212) main .supply-chain-grid {
        margin-top: 30px;
    }
}
@media (max-width: 650px) {
    body:is(.page-id-173,.page-id-212) main .pdng-lt-rt {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    body:is(.page-id-173,.page-id-212) main .pdng-tp-btm {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
    body:is(.page-id-173,.page-id-212) main .pdng-btm {
        padding-bottom: 52px !important;
    }
    body:is(.page-id-173,.page-id-212) main .hero-section {
        height: 520px;
        min-height: 520px;
        padding-bottom: 34px;
    }
    body:is(.page-id-173,.page-id-212) main .hero-content-left {
        width: 100%;
    }
    body:is(.page-id-173,.page-id-212) main .hero-content-left .heading-1 br {
        display: none;
    }
    body:is(.page-id-173,.page-id-212) main .btn-primary {
        width: 100%;
    }
    body:is(.page-id-173,.page-id-212) main .intro-text {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    body:is(.page-id-173,.page-id-212) main .h-450 {
        height: 300px;
    }
    body:is(.page-id-173,.page-id-212) main .content-border-left {
        padding-left: 14px;
    }
    body:is(.page-id-173,.page-id-212) main .split-left-content {
        padding: 48px 20px;
    }
    body:is(.page-id-173,.page-id-212) main .split-right-img {
        min-height: 320px;
    }
    body:is(.page-id-173,.page-id-212) main .grid-2x2 {
        grid-template-columns: 1fr !important;
    }
    body:is(.page-id-173,.page-id-212) main .dark-card-solid,
    body:is(.page-id-173,.page-id-212) main .light-card-center {
        min-height: 110px;
    }
    body:is(.page-id-173,.page-id-212) main .supply-chain-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    body:is(.page-id-173,.page-id-212) main .supply-item {
        padding: 0 0 18px;
        border-left: 0;
        border-bottom: 1px solid rgba(255,255,255,.28);
    }
    body:is(.page-id-173,.page-id-212) main .supply-item:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }
    body:is(.page-id-173,.page-id-212) main .cta-card {
        padding: 40px 18px;
        border-radius: 16px;
    }
    body:is(.page-id-173,.page-id-212) main .cta-card .heading-2 br {
        display: none;
    }
}
@media (max-width: 380px) {
    body:is(.page-id-173,.page-id-212) main .pdng-lt-rt {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    body:is(.page-id-173,.page-id-212) main .hero-section {
        height: 480px;
        min-height: 480px;
    }
    body:is(.page-id-173,.page-id-212) main .split-left-content {
        padding-right: 16px;
        padding-left: 16px;
    }
}


/* ========================================================
   REFINERY SECTION VISIBILITY + BACKGROUND FALLBACKS
   ======================================================== */
body:is(.page-id-173,.page-id-212) main .hero-section.bg-refinery {
    background-color: #10172b;
    background-image: url("../../uploads/2026/04/refinery-new-banner1.webp") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
body:is(.page-id-173,.page-id-212) main .intro-text.bg-light {
    display: block;
    background-color: #f5f7fa !important;
    color: #1a1a2e;
}
body:is(.page-id-173,.page-id-212) main section.pdng-tp-btm.pdng-lt-rt:not(.bg-light):not(.bg-dark) {
    display: block;
    background-color: #ffffff;
}
body:is(.page-id-173,.page-id-212) main section.bg-light {
    display: block;
    background-color: #f5f7fa !important;
}
body:is(.page-id-173,.page-id-212) main section.bg-white {
    display: block;
    background-color: #ffffff !important;
}
body:is(.page-id-173,.page-id-212) main section.bg-dark {
    display: block;
    background-color: #17172d !important;
}
body:is(.page-id-173,.page-id-212) main .split-section-bleed {
    display: grid;
    background-color: #17172d !important;
}
body:is(.page-id-173,.page-id-212) main .split-right-img.bg-split-warehouse {
    display: block;
    background-color: #d9e1e8;
    background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/refinery-new-imge.webp") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
body:is(.page-id-173,.page-id-212) main .img-fluid {
    min-height: 240px;
    background-color: #e8edf2;
}
body:is(.page-id-173,.page-id-212) main .bg-white :is(.heading-1, .heading-2, .heading-3, .heading-4, .heading-5),
body:is(.page-id-173,.page-id-212) main .bg-light :is(.heading-1, .heading-2, .heading-3, .heading-4, .heading-5) {
    color: #1a1a2e;
}
body:is(.page-id-173,.page-id-212) main .bg-white :is(.text-gray, p),
body:is(.page-id-173,.page-id-212) main .bg-light :is(.text-gray, p) {
    color: #475569;
}
body:is(.page-id-173,.page-id-212) main .bg-dark :is(.text-white, .heading-2, .heading-5) {
    color: #ffffff !important;
}
body:is(.page-id-173,.page-id-212) main .bg-dark p,
body:is(.page-id-173,.page-id-212) main .split-section-bleed p {
    color: rgba(255,255,255,.84);
}
body:is(.page-id-173,.page-id-212) main .dark-card-solid,
body:is(.page-id-173,.page-id-212) main .light-card-center,
body:is(.page-id-173,.page-id-212) main .faq-item,
body:is(.page-id-173,.page-id-212) main .faq-item-expanded,
body:is(.page-id-173,.page-id-212) main .cta-card {
    visibility: visible;
    opacity: 1;
}

/* Header navigation: centred desktop menu and reliable click/touch dropdown. */
.hdr-pill { position: relative; }
.hdr-pill .menu-item-has-children { display: flex; align-items: center; }
.hdr-pill .submenu-toggle { width:32px; height:40px; margin-left:-10px; padding:0; border:0; background:transparent; color:#121221; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.hdr-pill .submenu-toggle span { width:7px; height:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translate(-1px,1px); transition:transform .2s ease; }
.hdr-pill .menu-item-has-children > a::after { display:none; }
.hdr-pill .menu-item-has-children.submenu-open .submenu-toggle span { transform:rotate(225deg) translate(-1px,1px); }
.hdr-pill .menu-item-has-children:hover > .sub-menu,
.hdr-pill .menu-item-has-children:focus-within > .sub-menu,
.hdr-pill .menu-item-has-children.submenu-open > .sub-menu { display:block; }
.hdr-pill .primary-menu .sub-menu { top:100%; overflow:visible; }
@media screen and (min-width:1101px) {
  .hdr-pill .primary-menu { position:absolute; left:50%; transform:translateX(-50%); }
  .hdr-pill .nav-links { margin-left:auto; }
}
@media screen and (max-width:1100px) {
  .hdr-pill .menu-item-has-children { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 48px; }
  .hdr-pill .submenu-toggle { width:48px; height:44px; margin:0; border-radius:8px; }
  .hdr-pill .submenu-toggle:hover,
  .hdr-pill .submenu-toggle:focus-visible { background:#f5f7fa; outline:2px solid #e31b23; outline-offset:-2px; }
  .hdr-pill .primary-menu .sub-menu { grid-column:1/-1; }
  .hdr-pill .primary-menu .menu-item-has-children:hover:not(.submenu-open) > .sub-menu,
  .hdr-pill .primary-menu .menu-item-has-children:focus-within:not(.submenu-open) > .sub-menu { display:none; }
}


/* ========================================================
   HOME RESPONSIVE FLOW + MOBILE SWIPE ROWS
   ======================================================== */
@media (max-width: 768px) {
    .rdo-home { overflow-x: clip; }

    /* Hero: first heading -> image -> second heading -> CTA. */
    .rdo-home .rdo-hm-title h1 { order: 1; }
    .rdo-home .rdo-hm-port {
        order: 2; display: block; width: 100%; max-width: none;
        margin: 0; object-fit: cover;
    }
    .rdo-home .rdo-hm-line2 { order: 3; }
    .rdo-home .rdo-hm-hero .wp-block-buttons { order: 4; }

    /* Integrated support: heading -> image -> paragraphs -> supporting content. */
    .rdo-home .rdo-hm-about-grid,
    .rdo-home .rdo-hm-about-grid.wp-block-columns {
        display: flex !important; flex-direction: column; gap: 0;
    }
    .rdo-home .rdo-hm-about-grid > .wp-block-column { display: contents; }
    .rdo-home .rdo-hm-about-grid h2 { order: 1; margin-bottom: 22px; }
    .rdo-home .rdo-hm-about-grid figure { order: 2; margin-bottom: 22px; }
    .rdo-home .rdo-hm-about-grid > .wp-block-column:first-child > p { order: 3; }
    .rdo-home .rdo-hm-about-grid .rdo-hm-badge { order: 4; margin: 4px 0 20px !important; }
    .rdo-home .rdo-hm-about-grid .rdo-hm-list { order: 5; margin-top: 0; }

    /* Oman growth: heading -> image -> body copy -> service cards. */
    .rdo-home .rdo-hm-oman-grid,
    .rdo-home .rdo-hm-oman-grid.wp-block-columns {
        display: flex !important; flex-direction: column; gap: 0;
    }
    .rdo-home .rdo-hm-oman-grid > .wp-block-column { display: contents; }
    .rdo-home .rdo-hm-oman-grid h2 { order: 1; margin-bottom: 22px; }
    .rdo-home .rdo-hm-oman-grid figure { order: 2; margin-bottom: 22px; }
    .rdo-home .rdo-hm-oman-grid > .wp-block-column:first-child > p { order: 3; }
    .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child > p {
        order: 4; position: static; margin: 0 0 22px; padding: 0;
        color: #475569; background: transparent;
    }
    .rdo-home .rdo-hm-oman-grid .rdo-hm-stats { order: 5; }

    /* Desktop card rows remain swipeable on touch devices. */
    .rdo-home .rdo-hm-track-wrap { margin-right: -20px; overflow: visible; }
    .rdo-home .rdo-hm-track,
    .rdo-home .rdo-hm-stats.wp-block-columns,
    .rdo-home .rdo-hm-gstats.wp-block-columns,
    .rdo-home .rdo-hm-hse-cards.wp-block-columns {
        display: flex !important; grid-template-columns: none !important;
        flex-wrap: nowrap !important; gap: 14px !important;
        overflow-x: auto; overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory; scroll-padding-inline: 20px;
        -webkit-overflow-scrolling: touch; scrollbar-width: none;
    }
    .rdo-home .rdo-hm-track::-webkit-scrollbar,
    .rdo-home .rdo-hm-stats::-webkit-scrollbar,
    .rdo-home .rdo-hm-gstats::-webkit-scrollbar,
    .rdo-home .rdo-hm-hse-cards::-webkit-scrollbar { display: none; }
    .rdo-home .rdo-hm-track > .wp-block-column,
    .rdo-home .rdo-hm-stats > .wp-block-column,
    .rdo-home .rdo-hm-gstats > .wp-block-column,
    .rdo-home .rdo-hm-hse-cards > .wp-block-column {
        flex: 0 0 min(82vw, 320px) !important;
        width: min(82vw, 320px) !important; min-width: 0;
        margin: 0 !important; scroll-snap-align: start;
    }
    .rdo-home .rdo-hm-stats,
    .rdo-home .rdo-hm-gstats { width: calc(100% + 20px); padding-right: 20px; }
    .rdo-home .rdo-hm-hse-cards { width: 100%; margin-bottom: 12px !important; }
    .rdo-home .rdo-hm-hse-cards > .rdo-hm-hcard { margin-bottom: 0 !important; }
}

@media (max-width: 480px) {
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container { gap: 14px; padding-bottom: 28px; }
    .rdo-home .rdo-hm-about,
    .rdo-home .rdo-hm-oman,
    .rdo-home .rdo-hm-caps,
    .rdo-home .rdo-hm-hse,
    .rdo-home .rdo-hm-global { padding-top: 44px; padding-bottom: 44px; }
}

/* HOME MOBILE CORRECTION: continuous hero title and only core capabilities scrolls. */
@media (max-width: 768px) {
    /* Keep both hero heading lines together; the image must not split the title. */
    .rdo-home .rdo-hm-title h1 { order: 1; margin-bottom: 0 !important; }
    .rdo-home .rdo-hm-line2 {
        order: 2;
        margin: -6px 0 0 !important;
        text-align: left;
    }
    .rdo-home .rdo-hm-port { order: 3; }
    .rdo-home .rdo-hm-hero .wp-block-buttons { order: 4; }

    /* All card groups except Core Operational Capabilities use two columns. */
    .rdo-home .rdo-hm-stats.wp-block-columns,
    .rdo-home .rdo-hm-gstats.wp-block-columns,
    .rdo-home .rdo-hm-hse-cards.wp-block-columns {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100%;
        padding-right: 0;
        gap: 12px !important;
        overflow: visible;
        scroll-snap-type: none;
    }
    .rdo-home .rdo-hm-stats > .wp-block-column,
    .rdo-home .rdo-hm-gstats > .wp-block-column,
    .rdo-home .rdo-hm-hse-cards > .wp-block-column {
        width: 100% !important;
        min-width: 0;
        max-width: none;
        margin: 0 !important;
    }
    .rdo-home .rdo-hm-hse-cards {
        margin-bottom: 12px !important;
    }

    /* Core capabilities is the only swipe/arrow-controlled row. */
    .rdo-home .rdo-hm-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
}

/* HOME MOBILE SPACING + FULL-WIDTH NORMALIZATION */
@media (max-width: 768px) {
    /* Consistent mobile page gutters. */
    .rdo-home .rdo-wrap,
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container,
    .rdo-home .rdo-hm-hse .wp-block-cover__inner-container {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    /* Consistent section spacing. */
    .rdo-home .rdo-hm-about,
    .rdo-home .rdo-hm-caps,
    .rdo-home .rdo-hm-oman,
    .rdo-home .rdo-hm-hse,
    .rdo-home .rdo-hm-global {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding-top: 60px;
        padding-bottom: 60px;
        box-sizing: border-box;
    }

    /* Full-width mobile content with no inherited column margins. */
    .rdo-home .rdo-hm-about-grid,
    .rdo-home .rdo-hm-oman-grid,
    .rdo-home .rdo-hm-hse-grid,
    .rdo-home .rdo-hm-about-grid > .wp-block-column,
    .rdo-home .rdo-hm-oman-grid > .wp-block-column,
    .rdo-home .rdo-hm-hse-grid > .wp-block-column,
    .rdo-home figure,
    .rdo-home figure img,
    .rdo-home .rdo-hm-badge {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    /* Reduced padding inside mobile cards. */
    .rdo-home .rdo-hm-stat,
    .rdo-home .rdo-hm-hcard {
        padding: 38px 12px 12px !important;
    }
    .rdo-home .rdo-hm-hcard::before {
        top: 12px;
        left: 12px;
    }
    .rdo-home .rdo-hm-card .wp-block-cover__inner-container {
        padding: 16px;
    }
    .rdo-home .rdo-hm-badge {
        padding: 14px !important;
    }
    .rdo-home .rdo-hm-cos span {
        padding: 7px 11px;
    }

    /* Keep only the Core Capabilities track wider than its viewport. */
    .rdo-home .rdo-hm-track-wrap {
        width: calc(100% + 16px);
        min-width: 0;
        max-width: none;
        margin: 0 -16px 0 0;
    }
    .rdo-home .rdo-hm-track {
        margin: 0;
        padding-right: 16px;
    }
    .rdo-home .rdo-hm-track > .wp-block-column {
        flex: 0 0 min(82vw, 320px) !important;
        width: min(82vw, 320px) !important;
        min-width: 0;
        max-width: 320px;
        margin: 0 !important;
    }
}

/* HOME MOBILE SINGLE-PADDING FIX */
@media (max-width: 768px) {
    /* WordPress Cover adds 1em by default; remove it so the inner 16px gutter is the only gutter. */
    .rdo-home .rdo-hm-hero.wp-block-cover,
    .rdo-home .rdo-hm-hse.wp-block-cover,
    .rdo-home .rdo-hm-card.wp-block-cover {
        padding: 0 !important;
    }

    /* Hero needs enough height for both headings, image and CTA without clipping. */
    .rdo-home .rdo-hm-hero.wp-block-cover {
        min-height: 650px !important;
    }
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        padding: 40px 16px !important;
    }

    /* HSE uses one 60px vertical space on its inner wrapper, not 60px twice. */
    .rdo-home .rdo-hm-hse {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .rdo-home .rdo-hm-hse .wp-block-cover__inner-container {
        padding: 60px 16px !important;
    }

    /* Card cover content receives one compact inset only. */
    .rdo-home .rdo-hm-card .wp-block-cover__inner-container {
        padding: 14px !important;
    }
}

/* ========================================================
   HOME FINAL RESPONSIVE POLISH
   ======================================================== */
.rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
    width: min(100% - 80px, 1440px);
    padding-left: 0;
    padding-right: 0;
}
.rdo-home .rdo-hm-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 208px;
    gap: 24px;
}
.rdo-home .rdo-hm-title h1,
.rdo-home .rdo-hm-line2 {
    min-width: 0;
    white-space: normal;
}
.rdo-home .rdo-hm-line2 { margin-left: 0 !important; }

@media (max-width: 768px) {
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container { width: 100%; }
    .rdo-home .rdo-hm-about-grid,
    .rdo-home .rdo-hm-about-grid.wp-block-columns {
        display: flex !important;
        flex-direction: column;
        gap: 0 !important;
    }
    .rdo-home .rdo-hm-about-grid > .wp-block-column { display: contents; }
    .rdo-home .rdo-hm-about-grid h2 { order: 1; margin: 0 0 22px; }
    .rdo-home .rdo-hm-about-grid figure { order: 2; margin: 0 0 22px; }
    .rdo-home .rdo-hm-about-grid > .wp-block-column:first-child > p { order: 3; }
    .rdo-home .rdo-hm-about-grid .rdo-hm-badge { order: 4; }
    .rdo-home .rdo-hm-about-grid .rdo-hm-list { order: 5; }
}

@media (max-width: 480px) {
    .rdo-home .rdo-hm-about img {
        height: auto;
        aspect-ratio: 16 / 10;
    }
    .rdo-home .rdo-hm-about p,
    .rdo-home .rdo-hm-list li { font-size: 0.9375rem; }
}
@media (max-width: 768px) {
    .rdo-home .rdo-hm-title { display: contents; }
    .rdo-home .rdo-hm-title h1 { order: 1; }
    .rdo-home .rdo-hm-port {
        order: 2;
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }
    .rdo-home .rdo-hm-line2 { order: 3; }
    .rdo-home .rdo-hm-hero .wp-block-buttons { order: 4; }
}

/* ========================================================
   SITE-WIDE MOBILE CONTENT PRIORITY
   Mobile section flow: heading -> primary image -> body copy -> supporting UI.
   ======================================================== */
@media (max-width: 768px) {
    /* About: integrated services section. */
    .rdo-about .rdo-services .rdo-inner,
    .rdo-about .rdo-services-grid {
        display: flex !important;
        flex-direction: column;
        gap: 0 !important;
    }
    .rdo-about .rdo-services-grid > .wp-block-column {
        display: contents;
    }
    .rdo-about .rdo-services h2 {
        order: 1;
        margin-bottom: 22px;
    }
    .rdo-about .rdo-services-image,
    .rdo-about .rdo-services-image figure {
        order: 2;
        width: 100%;
        margin: 0 0 22px;
    }
    .rdo-about .rdo-services-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }
    .rdo-about .rdo-services-sub {
        order: 3;
        margin-bottom: 22px;
    }
    .rdo-about .rdo-services-grid > .wp-block-column:first-child {
        order: 4;
    }
    .rdo-about .rdo-services-grid > .wp-block-column:last-child {
        order: 5;
    }
    .rdo-about .rdo-services .rdo-card {
        margin-bottom: 16px;
    }

    /* All service-page split sections containing a primary inline image. */
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:has(img.img-fluid) {
        display: flex !important;
        flex-direction: column;
        gap: 0 !important;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:has(img.img-fluid) > .exaction-new-arm {
        display: contents;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:has(img.img-fluid) .new-sec-uac,
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:has(img.img-fluid) .heading-2 {
        order: 1;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:has(img.img-fluid) > div:has(> img.img-fluid) {
        order: 2;
        width: 100%;
        margin: 20px 0 24px;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:has(img.img-fluid) :is(.content-border-left, .exaction-new-arm > p) {
        order: 3;
    }

    /* Service-page dark split: heading -> feature image -> copy -> cards. */
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-section-bleed {
        display: flex !important;
        flex-direction: column;
        padding: 48px 20px;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-left-content {
        display: contents;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-left-content > .heading-2 {
        order: 1;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-right-img {
        order: 2;
        width: calc(100% + 40px);
        min-height: 260px;
        margin: 20px -20px 24px;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-left-content > p {
        order: 3;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-left-content > .grid-2x2 {
        order: 4;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main .split-left-content > .bordered-text-box {
        order: 5;
    }

    /* Text-and-card service sections: copy remains before supporting cards. */
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:not(:has(img.img-fluid)) > .exaction-new-arm {
        order: 1;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main section .flex-row:not(:has(img.img-fluid)) > div:not(.exaction-new-arm) {
        order: 2;
    }

    /* Stable media proportions and touch-friendly actions. */
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main img.img-fluid {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }
    body:is(.page-id-173,.page-id-212,.page-id-242,.page-id-312,.page-id-310,.page-id-283)
    main :is(.btn-primary, .wp-block-button__link) {
        min-height: 48px;
    }
}

@media (max-width: 768px) {
    /* WordPress block wrappers must not interrupt the About mobile reading order. */
    .rdo-about .rdo-services-grid {
        display: contents !important;
    }
    .rdo-about .rdo-services-image {
        display: contents !important;
    }
    .rdo-about .rdo-services-image figure {
        order: 2;
    }
    .rdo-about .rdo-services-grid .rdo-card--teal {
        order: 4;
    }
    .rdo-about .rdo-services-grid .rdo-card--blue {
        order: 5;
    }
}

@media (max-width: 768px) {
    .rdo-about .rdo-services-grid {
        display: contents !important;
    }
    .rdo-about .rdo-services-grid > .wp-block-column,
    .rdo-about .rdo-services-image {
        display: block !important;
    }
    .rdo-about .rdo-services-grid > .wp-block-column:first-child { order: 4; }
    .rdo-about .rdo-services-grid > .rdo-services-image { order: 2; }
    .rdo-about .rdo-services-grid > .wp-block-column:last-child { order: 5; }
}

@media (max-width: 768px) {
    body .rdo-about .rdo-services .rdo-services-grid {
        display: contents !important;
    }
}

/* ========================================================
   HOME BANNER + SECOND SECTION IMAGE FRAMING
   Keep the approved design; prevent artificial image zoom/cropping.
   ======================================================== */
.rdo-home .rdo-hm-hero .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transform: none !important;
    scale: 1 !important;
}
.rdo-home .rdo-hm-port {
    overflow: hidden;
    transform: none !important;
}
.rdo-home .rdo-hm-port img {
    display: block;
    width: 100% !important;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
    transform: none !important;
    scale: 1 !important;
}
.rdo-home .rdo-hm-about figure {
    overflow: hidden;
    border-radius: 8px;
}
.rdo-home .rdo-hm-about img {
    display: block;
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain;
    object-position: 50% 50%;
    transform: none !important;
    scale: 1 !important;
}

@media (max-width: 768px) {
    .rdo-home .rdo-hm-port {
        height: auto !important;
        aspect-ratio: 16 / 9;
    }
    .rdo-home .rdo-hm-about figure,
    .rdo-home .rdo-hm-about img {
        width: 100%;
        height: auto !important;
        aspect-ratio: auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rdo-home .rdo-hm-hero .wp-block-cover__image-background,
    .rdo-home .rdo-hm-port img,
    .rdo-home .rdo-hm-about img {
        transition: none !important;
        animation: none !important;
    }
}

/* ========================================================
   HOME DESIGN LOCK
   Restore the approved image dimensions; prevent zoom only.
   ======================================================== */
.rdo-home .rdo-hm-about img {
    width: 100%;
    height: 314px !important;
    aspect-ratio: auto !important;
    object-fit: cover;
    object-position: 50% 50%;
    transform: none !important;
    scale: 1 !important;
}
.rdo-home .rdo-hm-port {
    width: 208px;
    height: 120px !important;
    max-width: 208px;
    aspect-ratio: auto;
}
.rdo-home .rdo-hm-port img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .rdo-home .rdo-hm-port {
        width: 100%;
        max-width: 100%;
        height: auto !important;
        aspect-ratio: 16 / 9;
    }
    .rdo-home .rdo-hm-about img {
        height: 260px !important;
        aspect-ratio: auto !important;
        object-fit: cover;
    }
}
@media (max-width: 480px) {
    .rdo-home .rdo-hm-about img {
        height: 220px !important;
    }
}

/* ========================================================
   HOME HERO — REFERENCE-MATCHED BANNER
   Scoped to the homepage banner only.
   ======================================================== */
.rdo-home .rdo-hm-hero.wp-block-cover {
    min-height: 620px !important;
    background: #080f24;
}
.rdo-home .rdo-hm-hero > .wp-block-cover__image-background {
    content: url("../../uploads/2026/04/industry-baaner-new.webp");
    object-fit: cover;
    object-position: 50% 50%;
}
.rdo-home .rdo-hm-hero .wp-block-cover__background {
    background: linear-gradient(
        to bottom,
        rgba(8, 15, 36, 0.08) 0%,
        rgba(8, 15, 36, 0.22) 45%,
        rgba(8, 15, 36, 0.92) 100%
    ) !important;
    opacity: 1 !important;
}
.rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
    width: min(calc(100% - 160px), 1280px);
    max-width: 1280px;
    padding: 0 0 56px !important;
    column-gap: 28px;
    row-gap: 10px;
}
.rdo-home .rdo-hm-title {
    display: grid;
    grid-template-columns: auto 208px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.rdo-home .rdo-hm-title h1,
.rdo-home .rdo-hm-line2 {
    font-size: clamp(2.25rem, 1.72rem + 1.7vw, 3.75rem) !important;
    font-weight: 400;
    line-height: 1.12 !important;
    letter-spacing: -0.035em;
}
.rdo-home .rdo-hm-title h1 {
    width: auto;
    white-space: nowrap;
}
.rdo-home .rdo-hm-port {
    width: 208px;
    height: 104px !important;
    max-width: 208px;
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
}
.rdo-home .rdo-hm-port img {
    content: url("../../uploads/2026/04/new-img3.webp");
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.rdo-home .rdo-hm-line2 {
    margin: 0 !important;
    text-align: center;
    white-space: nowrap;
}
.rdo-home .rdo-hm-hero .wp-block-buttons {
    align-self: center;
    justify-self: end;
}
.rdo-home .rdo-hm-hero .rdo-btn .wp-block-button__link {
    min-width: 142px;
    padding: 15px 26px;
}

@media (max-width: 1200px) {
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        width: calc(100% - 80px);
    }
    .rdo-home .rdo-hm-title h1,
    .rdo-home .rdo-hm-line2 {
        white-space: normal;
    }
}

@media (max-width: 768px) {
    .rdo-home .rdo-hm-hero.wp-block-cover {
        min-height: 650px !important;
    }
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        width: 100%;
        padding: 40px 16px !important;
        gap: 14px;
    }
    .rdo-home .rdo-hm-title {
        display: contents;
    }
    .rdo-home .rdo-hm-title h1 {
        order: 1;
        width: 100%;
        white-space: normal;
    }
    .rdo-home .rdo-hm-port {
        order: 2;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        aspect-ratio: 16 / 9;
        border-radius: 16px;
    }
    .rdo-home .rdo-hm-line2 {
        order: 3;
        width: 100%;
        white-space: normal;
        text-align: left;
    }
    .rdo-home .rdo-hm-hero .wp-block-buttons {
        order: 4;
        width: 100%;
    }
}

/* Final desktop hero width lock for reference alignment. */
@media (min-width: 1201px) {
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        width: calc(100% - 160px) !important;
        max-width: 1280px !important;
        justify-self: center;
    }
}

/* Ensure the reference banner asset loads reliably from the site root. */
.rdo-home .rdo-hm-hero.wp-block-cover {
    background-image: url("/wp-content/uploads/2026/09/industry-baaner-newer-scaled.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.rdo-home .rdo-hm-hero > .wp-block-cover__image-background {
    opacity: 0 !important;
}
@media (min-width: 1201px) {
    .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ========================================================
   HOMEPAGE FIGMA MATCH — FINAL SCOPED PRESENTATION LAYER
   Keep the existing Gutenberg structure and visible copy.
   ======================================================== */
body.home {
    --rdo-home-navy: #191a32;
    --rdo-home-ink: #20213b;
    --rdo-home-muted: #5d6473;
    --rdo-home-red: #ec2633;
    --rdo-home-teal: #4db6ac;
    --rdo-home-yellow: #f5b800;
}

body.home .hdr-menu-main {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    padding: 10px 0;
    background: transparent;
}

body.home .hdr-menu-main .container, .hdr-menu-main .container {
    width: min(calc(100% - 32px), 1440px) !important;
    max-width: 1440px !important;
    margin-inline: auto;
}

body.home .hdr-pill {
    min-height: 62px;
    padding: 7px 10px 7px 18px;
    border: 1px solid rgba(25, 26, 50, .08);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(10, 17, 41, .14);
}

body.home .hdr-pill .logo img {
    width: auto;
    height: 48px;
}

body.home .hdr-pill .nav-links {
    gap: clamp(20px, 2.8vw, 48px);
}

body.home .hdr-pill .nav-links > a,
body.home .hdr-pill .primary-menu > li > a {
    color: var(--rdo-home-ink);
    font-weight: 500;
    letter-spacing: -.01em;
}

body.home .hdr-pill .btn-navy {
    min-height: 42px;
    padding: 11px 21px;
    border-radius: 999px;
    background: var(--rdo-home-navy);
    color: #fff;
    transition: background-color .2s ease, transform .2s ease;
}

body.home .hdr-pill .btn-navy:hover,
body.home .hdr-pill .btn-navy:focus-visible {
    background:#ec2633;
    transform: translateY(-1px);    color: #fff !important;
}

body.home .rdo-home {
    overflow-x: clip;
    color: var(--rdo-home-ink);
}

body.home .rdo-home :where(h1, h2, h3, h4, p, li, a, button) {
    font-family: "Geist", sans-serif;
}

body.home .rdo-home :where(h1, h2, h3, h4) {
    text-wrap: balance;
}

body.home .rdo-home .rdo-wrap,
body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container,
body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container {
    width: min(calc(100% - clamp(32px, 5vw, 80px)), 1440px);
    max-width: 1440px;
    margin-inline: auto;
}

body.home .rdo-home .rdo-hm-hero.wp-block-cover {
    min-height: 700px !important;
    padding: 0;
    background-color: #080f24;
}

body.home .rdo-home .rdo-hm-hero > .wp-block-cover__image-background {
    content: url("/wp-content/uploads/2026/04/hero-sec-new-banner1.webp");
    object-position: center center;
}

body.home .rdo-home .rdo-hm-hero .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(8, 15, 36, .06) 18%, rgba(8, 15, 36, .24) 53%, rgba(8, 15, 36, .92) 100%) !important;
}

body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
    display: grid;
    align-content: end;
    gap: 12px;
    padding: 0 0 54px !important;
}

body.home .rdo-home .rdo-hm-title {
    display: grid;
    grid-template-columns: minmax(0, 760px) clamp(160px, 14.5vw, 208px);
    align-items: center;
    justify-content: start;
    gap: clamp(16px, 2vw, 28px);
    width: 100%;
    margin-inline: 0;
}

body.home .rdo-home .rdo-hm-title h1,
body.home .rdo-home .rdo-hm-line2 {
    margin: 0 !important;
    color: #fff;
    font-size: clamp(2.25rem, 1.64rem + 1.8vw, 3.6rem) !important;
    font-weight: 400;
    line-height: 1.1 !important;
    letter-spacing: -.045em;
}

body.home .rdo-home .rdo-hm-title h1 {
    white-space: nowrap;
    text-align: left;
}

body.home .rdo-home .rdo-hm-port {
    width: clamp(160px, 14.5vw, 208px);
    max-width: none;
    height: clamp(86px, 7.2vw, 104px) !important;
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
}

body.home .rdo-home .rdo-hm-port img {
    content: url("https://vipaccounts.in/delta-oman//wp-content/uploads/2026/09/new-updated-imgoman-banner.webp");
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

body.home .rdo-home .rdo-hm-line2 {
    text-align: center;
    white-space: nowrap;
    transform: translateX(clamp(0px, 4.5vw, 68px));
}

body.home .rdo-home .rdo-hm-hero .wp-block-buttons {
    justify-self: end;
    margin: 0;
}

body.home .rdo-home .rdo-hm-hero .rdo-btn .wp-block-button__link {
    min-width: 142px;
    min-height: 48px;
    padding: 14px 25px;
    border-radius: 999px;
    background: var(--rdo-home-red);
    box-shadow: 0 8px 18px rgba(236, 38, 51, .22);
    transition: background-color .2s ease, transform .2s ease;
}

body.home .rdo-home .rdo-hm-hero .rdo-btn .wp-block-button__link:hover,
body.home .rdo-home .rdo-hm-hero .rdo-btn .wp-block-button__link:focus-visible {
    background: #d81f2b;
    transform: translateY(-1px);
}

body.home .rdo-home :is(.rdo-hm-about, .rdo-hm-oman, .rdo-hm-global) {
    background: #fff;
}

body.home .rdo-home .rdo-hm-about {
/*     padding: clamp(72px, 8vw, 112px) 0 clamp(78px, 8vw, 116px); 
	padding-bottom:0px;*/
}

body.home .rdo-home .rdo-hm-about-grid,
body.home .rdo-home .rdo-hm-oman-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: clamp(44px, 6vw, 88px);
}

body.home .rdo-home .rdo-hm-about h2,
body.home .rdo-home .rdo-hm-oman h2 {
    color: var(--rdo-home-ink);
    font-size: clamp(2rem, 1.46rem + 1.4vw, 3rem) !important;
    font-weight: 400;
    line-height: 1.12 !important;
    letter-spacing: -.045em;
}

body.home .rdo-home .rdo-hm-about p,
body.home .rdo-home .rdo-hm-oman p,
body.home .rdo-home .rdo-hm-global > .rdo-wrap > p {
    color: var(--rdo-home-muted);
    font-size: clamp(.9rem, .86rem + .12vw, 1rem);
    line-height: 1.55;
}

body.home .rdo-home .rdo-hm-about figure,
body.home .rdo-home .rdo-hm-about img {
    border-radius: 16px;
}

body.home .rdo-home .rdo-hm-about img {
    height: clamp(280px, 22vw, 354px) !important;
    object-fit: cover;
    object-position: center;
}

body.home .rdo-home .rdo-hm-about-grid > .wp-block-column:last-child .rdo-hm-badge {
    left: -10%;
    top: clamp(218px, 16vw, 250px);
    width: clamp(210px, 15vw, 240px);
    min-height: 136px !important;
    padding: 18px 20px !important;
    border-radius: 16px;
    background: var(--rdo-home-teal);
    box-shadow: 0 12px 24px rgba(21, 91, 88, .14);
    color: #fff;
    font-size: clamp(.8rem, .73rem + .18vw, .95rem);
    line-height: 1.35;
    height: auto !important;
}

body.home .rdo-home .rdo-hm-list {
    gap: 12px;
    margin-top: 24px;
}

body.home .rdo-home .rdo-hm-list li {
    color: var(--rdo-home-ink);
}

body.home .rdo-home .rdo-hm-list li::before {
    border-color: var(--rdo-home-yellow);
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px var(--rdo-home-yellow);
}

body.home .rdo-home .rdo-hm-caps {
    padding: clamp(64px, 5.2vw, 76px) 0 clamp(70px, 5.5vw, 80px);
    background: var(--rdo-home-navy);
}

body.home .rdo-home .rdo-hm-caps h2 {
    color: #fff;
    font-size: clamp(2rem, 1.46rem + 1.4vw, 3rem) !important;
    font-weight: 400;
    line-height: 1.12 !important;
    letter-spacing: -.045em;
}

body.home .rdo-home .rdo-hm-caps-head {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

body.home .rdo-home .rdo-hm-prev,
body.home .rdo-home .rdo-hm-next {
/*     width: 38px;
    height: 38px; */
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

body.home .rdo-home :is(.rdo-hm-prev, .rdo-hm-next):hover,
body.home .rdo-home :is(.rdo-hm-prev, .rdo-hm-next):focus-visible {
    border-color: #fff;
    background: rgba(255, 255, 255, .14);
    transform: translateY(-1px);
}

body.home .rdo-home .rdo-hm-track-wrap {
/*     margin-right: calc((min(100vw, 1520px) - min(100vw - clamp(32px, 5vw, 80px), 1440px)) / -2); */
    overflow: visible;width:100%;
}

body.home .rdo-home .rdo-hm-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    padding: 0 0 12px;
    scrollbar-width: none;
/*     scroll-snap-type: x mandatory; */
    scroll-snap-type: none !important;
}

body.home .rdo-home .rdo-hm-track::-webkit-scrollbar { display: none; }

body.home .rdo-home .rdo-hm-track > .wp-block-column {
/*     flex: 0 0 clamp(220px, 20.5vw, 350px); */
    min-width: 0;
    scroll-snap-align: start;
}

body.home .rdo-home .rdo-hm-card {
    min-height: clamp(300px, 26.5vw, 406px) !important;
    border-radius: 16px;
    background: #26304a;
}

body.home .rdo-home .rdo-hm-card .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

body.home .rdo-home .rdo-hm-card:hover .wp-block-cover__image-background {
    transform: scale(1.03);
}

body.home .rdo-home .rdo-hm-card .wp-block-cover__background {
    background: linear-gradient(180deg, rgba(13, 20, 42, .04) 30%, rgba(34, 145, 137, .9) 100%) !important;
}

body.home .rdo-home .rdo-hm-card .wp-block-cover__inner-container {
    padding: 20px;
}

body.home .rdo-home .rdo-hm-card h3 {
    color: #fff;
    font-size: clamp(.95rem, .87rem + .22vw, 1.12rem) !important;
    line-height: 1.25 !important;
}

body.home .rdo-home .rdo-hm-card::after {
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    border-color: rgba(255, 255, 255, .6);
}

body.home .rdo-home .rdo-hm-oman {
    padding: clamp(76px, 7vw, 100px) 0;
}

body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:first-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child {
    position: relative;
}

body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child figure,
body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img {
    border-radius: 16px;
}

body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img {
    height: clamp(330px, 30vw, 470px);
    object-fit: cover;
    object-position: center;
    content: url("/wp-content/uploads/2026/09/Oman-industrial-growth-new.webp");
}

body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child > p {
    right: 16px;
    bottom: 16px;
    left: 16px;
    padding: 15px 18px;
    border-radius: 14px;
    background: rgba(77, 182, 172, .94);
    color: #fff;
    font-size: clamp(.85rem, .8rem + .18vw, 1rem);
    line-height: 1.35;
}

body.home .rdo-home .rdo-hm-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 42px;
}

body.home .rdo-home .rdo-hm-stat {
    min-height: 92px;
    padding: 75px 14px 14px !important;
    border-radius: 16px;
}

body.home .rdo-home .rdo-hm-stat:nth-child(1) { background: #e3f2f7; }
body.home .rdo-home .rdo-hm-stat:nth-child(2) { background: #e8f4f3; }
body.home .rdo-home .rdo-hm-stat:nth-child(3) { background: #e7f1fb; }
body.home .rdo-home .rdo-hm-stat:nth-child(4) { background: #fff7e7; }

body.home .rdo-home .rdo-hm-stat::before {
    top: 14px;
    left: 14px;
    color: #ff9800;
}

body.home .rdo-home .rdo-hm-hse.wp-block-cover {
    min-height: 650px !important;
    padding: 0;
    background: #243049;
}

body.home .rdo-home .rdo-hm-hse > .wp-block-cover__image-background {
    object-position: center center;
}

body.home .rdo-home .rdo-hm-hse .wp-block-cover__background {
    background: linear-gradient(90deg, rgba(14, 18, 38, .82) 0%, rgba(14, 18, 38, .52) 52%, rgba(14, 18, 38, .42) 100%) !important;
    opacity: 1 !important;
}

body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container {
    display: flex;
    align-items: center;
    min-height: 650px;
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

body.home .rdo-home .rdo-hm-hse-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .75fr);
    align-items: center;
    gap: clamp(48px, 8vw, 150px);
    width: 100%;
}

body.home .rdo-home .rdo-hm-hse h2 {
    max-width: 640px;
    color: #fff;
    font-size: clamp(2rem, 1.46rem + 1.4vw, 3rem) !important;
    font-weight: 400;
    line-height: 1.12 !important;
    letter-spacing: -.045em;
}

body.home .rdo-home .rdo-hm-hse p {
    max-width: 620px;
    color: rgba(255, 255, 255, .86);
    line-height: 1.55;
}

body.home .rdo-home .rdo-hm-hse-cards.wp-block-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
}

body.home .rdo-home .rdo-hm-hcard {
    min-height: 118px;
    padding: 46px 18px 18px !important;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 12px;
    background: rgba(255, 255, 255, .17);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
}

body.home .rdo-home .rdo-hm-hcard::before {
    top: 15px;
    left: 18px;
    color: var(--rdo-home-yellow);
    border-color: var(--rdo-home-yellow);
}

body.home .rdo-home .rdo-hm-hcard h4 {
    color: #fff !important;
    font-size: clamp(.8rem, .74rem + .18vw, .98rem) !important;
    line-height: 1.35 !important;
}

body.home .rdo-home .rdo-hm-global {
    padding: clamp(64px, 5vw, 72px) 0 clamp(66px, 5vw, 74px);
    text-align: center;
}

body.home .rdo-home .rdo-hm-global > .rdo-wrap {
    position: relative;
    isolation: isolate;
}

body.home .rdo-home .rdo-hm-global h2 {
    color: var(--rdo-home-ink);
    font-size: clamp(2rem, 1.46rem + 1.4vw, 3rem) !important;
    font-weight: 400;
    line-height: 1.12 !important;
    letter-spacing: -.045em;
}

body.home .rdo-home .rdo-hm-global > .rdo-wrap > p {
    width: min(100%, 900px);
    margin-inline: auto;
}

body.home .rdo-home .rdo-hm-gstats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    width: 100%;
    min-height: clamp(310px, 26vw, 380px);
    margin: 24px auto 16px;
    position: relative;
    isolation: isolate;
}

body.home .rdo-home .rdo-hm-gstats::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0 14%;
    background: url("/wp-content/uploads/2026/09/delta-map-sec-bg-new-scaled-1.webp") center / contain no-repeat;
    pointer-events: none;display:none;
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column:first-child {
    text-align: left;
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column:last-child {
    text-align: right;
}

body.home .rdo-home .rdo-hm-gstats .has-text-align-center {
    text-align: inherit;
}

body.home .rdo-home .rdo-hm-count {
    margin: 0;
    color: var(--rdo-home-ink);
    font-size: clamp(3rem, 2.2rem + 2vw, 4.5rem) !important;
    font-weight: 500;
    line-height: .95 !important;
    letter-spacing: -.06em;
    font-variant-numeric: tabular-nums;
}

body.home .rdo-home .rdo-hm-gstats p {
    margin: 10px 0 0;
    color: var(--rdo-home-ink);
    font-size: .8rem;
}

body.home .rdo-home .rdo-hm-cos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 8px auto 0;
}

body.home .rdo-home .rdo-hm-cos span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 20px;
    border: 1px solid rgba(32, 33, 59, .1);
    border-radius: 999px;
    background: #fafbfc;
    color: #3e4352;
    font-size: clamp(.8rem, .7rem + .3vw, 1rem);
    line-height: 1;
}

body.home .site-footer {
    background: #1A1A2E;
    padding-top: 20px;
}

body.home .site-footer .container {
    width: min(calc(100% - clamp(32px, 5vw, 80px)), 1440px);
    max-width: 1440px;
    margin-inline: auto;
}

body.home .site-footer .footer-top {
    align-items: center;
    gap: clamp(24px, 5vw, 92px);
    padding: 20px 0 16px;
}

body.home .site-footer .footer-brand img {
    width: auto;
    height: 54px;
}

body.home .site-footer .footer-intro,
body.home .site-footer a,
body.home .site-footer li,
body.home .site-footer .footer-copy,
body.home .site-footer .privacy-term-label {
    font-family: "Geist", sans-serif;
}

body.home .site-footer .footer-intro {
    max-width: 560px;
    color: rgba(255, 255, 255, .76);
    line-height: 1.45;
}

body.home .site-footer .footer-mid {
    padding: 0px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

body.home .site-footer .footer-bottom {
    padding: 10px 0 12px;
}
@media screen and (max-width:1600px) {
body.home .rdo-home .rdo-wrap, body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container, body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container {width: 100%;max-width: 100%; margin-inline: auto;}
.rdo-home .rdo-wrap{max-width:100%;margin:0 auto;padding:0 clamp(20px,6vw,80px);}
/* .rdo-home .rdo-hm-caps .rdo-wrap {padding-right: 0px !important;} */

}


@media (max-width: 1100px) {
    body.home .hdr-pill .nav-links { gap: 18px; }
    body.home .rdo-home .rdo-hm-title { grid-template-columns: minmax(0, 1fr) clamp(150px, 17vw, 180px); }
    body.home .rdo-home .rdo-hm-title h1 { font-size: clamp(2.25rem, 4.25vw, 3rem) !important; }
    body.home .rdo-home .rdo-hm-line2 { transform: none; font-size: clamp(2.25rem, 4.25vw, 3rem) !important; }
    body.home .rdo-home .rdo-hm-about-grid,
    body.home .rdo-home .rdo-hm-oman-grid { gap: 44px; }
    body.home .rdo-home .rdo-hm-hse-grid { gap: 48px; }
}

@media (max-width: 768px) {
    body.home .hdr-menu-main { padding: 8px 0; }
    body.home .hdr-menu-main .container { width: calc(100% - 24px); }
    body.home .hdr-pill { min-height: 56px; padding: 5px 8px 5px 12px; }
    body.home .hdr-pill .logo img { height: 42px; }

    body.home .rdo-home .rdo-wrap,
    body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container,
    body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container {
        width: calc(100% - 32px);
    }

    body.home .rdo-home .rdo-hm-hero.wp-block-cover { min-height: 620px !important; }
    body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        display: flex !important;
        flex-direction: column;
        align-content: end;
        align-items: stretch;
        gap: 14px;
        padding: 0 0 32px !important;
    }
    body.home .rdo-home .rdo-hm-title { display: contents; }
    body.home .rdo-home .rdo-hm-title h1,
    body.home .rdo-home .rdo-hm-line2 {
        width: 100%;
        white-space: normal;
        text-align: left;
        transform: none;
    }
    body.home .rdo-home .rdo-hm-title h1 { order: 1; }
    body.home .rdo-home .rdo-hm-port {
        order: 2;
        width: min(100%, 280px);
        height: auto !important;
        aspect-ratio: 16 / 9;
    }
    body.home .rdo-home .rdo-hm-line2 { order: 3; }
    body.home .rdo-home .rdo-hm-hero .wp-block-buttons { order: 4; justify-self: start; }

    body.home .rdo-home .rdo-hm-about,
    body.home .rdo-home .rdo-hm-oman,
    body.home .rdo-home .rdo-hm-global { padding-top: 64px; padding-bottom: 68px; }
    body.home .rdo-home .rdo-hm-about-grid,
    body.home .rdo-home .rdo-hm-oman-grid,
    body.home .rdo-home .rdo-hm-hse-grid {
        display: flex !important;
        flex-direction: column;
        gap: 0;
    }
    body.home .rdo-home .rdo-hm-about-grid > .wp-block-column,
    body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column,
    body.home .rdo-home .rdo-hm-hse-grid > .wp-block-column { width: 100%; }
    body.home .rdo-home .rdo-hm-about-grid > .wp-block-column:first-child { padding-bottom: 0; }
    body.home .rdo-home .rdo-hm-about-grid > .wp-block-column:first-child::after { display: none; }
    body.home .rdo-home .rdo-hm-about-grid > .wp-block-column:last-child .rdo-hm-badge {
        position: static;
        width: 100%;
        margin: 14px 0 0 !important;
    }
    body.home .rdo-home .rdo-hm-list { margin-left: 0; }
    body.home .rdo-home .rdo-hm-about img { height: auto !important; aspect-ratio: 16 / 10; }

    body.home .rdo-home .rdo-hm-caps { padding: 64px 0 68px; }
    body.home .rdo-home .rdo-hm-track-wrap { width: calc(100% + 16px); margin-right: -16px; }
    body.home .rdo-home .rdo-hm-track { padding-right: 16px; }
    body.home .rdo-home .rdo-hm-track > .wp-block-column { flex-basis: min(82vw, 320px); }

    body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child { order: 2; }
    body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:first-child { order: 1; }
    body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img { height: auto; aspect-ratio: 16 / 10; }
    body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child > p {
        position: static;
        margin: 12px 0 0;
    }
    body.home .rdo-home .rdo-hm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 26px; }

    body.home .rdo-home .rdo-hm-hse.wp-block-cover,
    body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container { min-height: 0; }
    body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container { padding-top: 64px !important; padding-bottom: 64px !important; }
    body.home .rdo-home .rdo-hm-hse-grid { gap: 28px; }
    body.home .rdo-home .rdo-hm-hse-cards.wp-block-columns { gap: 12px !important; }
    body.home .rdo-home .rdo-hm-hcard { min-height: 104px; padding: 43px 14px 14px !important; }

    body.home .rdo-home .rdo-hm-gstats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        min-height: clamp(230px, 42vw, 330px);
    }
    body.home .rdo-home .rdo-hm-gstats::before { inset: 0 5%; }

    body.home .site-footer .footer-top,
    body.home .site-footer .footer-mid,
    body.home .site-footer .footer-bottom { display: grid; gap: 22px; }
    body.home .site-footer .footer-top { padding: 28px 0 24px; }
}

@media (max-width: 480px) {
    body.home .rdo-home .rdo-wrap,
    body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container,
    body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container { width: 100%; }
    body.home .rdo-home .rdo-hm-hero.wp-block-cover { min-height: 590px !important; }
    body.home .rdo-home .rdo-hm-title h1,
    body.home .rdo-home .rdo-hm-line2 { font-size: clamp(1.9rem, 8vw, 2.35rem) !important; }
    body.home .rdo-home .rdo-hm-port { width: min(100%, 240px); }
    body.home .rdo-home .rdo-hm-about,
    body.home .rdo-home .rdo-hm-caps,
    body.home .rdo-home .rdo-hm-oman,
    body.home .rdo-home .rdo-hm-global { padding-top: 50px; padding-bottom: 50px; }
    body.home .rdo-home .rdo-hm-caps-head { margin-bottom: 18px; }
    body.home .rdo-home .rdo-hm-prev,
    body.home .rdo-home .rdo-hm-next { width: 34px; height: 34px; }
    body.home .rdo-home .rdo-hm-hse-cards.wp-block-columns { grid-template-columns: 1fr; }
    body.home .rdo-home .rdo-hm-gstats { margin-top: 28px; }
    body.home .rdo-home .rdo-hm-count { font-size: 3rem !important; }
    body.home .rdo-home .rdo-hm-gstats { min-height: 230px; }
    body.home .rdo-home .rdo-hm-gstats::before { inset: 38px 0; opacity: .75; }
    body.home .rdo-home .rdo-hm-gstats p { font-size: .72rem; }
    body.home .rdo-home .rdo-hm-cos { gap: 8px; }
    body.home .rdo-home .rdo-hm-cos span { min-height: 34px; padding: 7px 12px; }
    body.home .site-footer .container { width: calc(100% - 24px); }
    body.home .rdo-home .p2-global-presence-content {display: flex;flex-direction: column;padding: 0px;}


}

@media (prefers-reduced-motion: reduce) {
    body.home .rdo-home *,
    body.home .site-footer * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Our Business map motion: a restrained, fluid drift keeps the existing asset alive without changing layout. */
body.home .rdo-home .rdo-hm-gstats::before {
    transform-origin: center;
    will-change: transform, opacity;
}

body.home .rdo-home .rdo-hm-global.is-visible .rdo-hm-gstats::before {
    animation: rdo-home-map-drift 8s ease-in-out .15s infinite alternate;
}

@keyframes rdo-home-map-drift {
    0% {
        opacity: .82;
        transform: scale(.985) translate3d(0, 3px, 0);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .9;
        transform: scale(1.015) translate3d(0, -3px, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .rdo-home .rdo-hm-global.is-visible .rdo-hm-gstats::before {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

/* Pointer-responsive map layer, with the existing background map retained as a fallback. */
body.home .rdo-home .rdo-hm-gstats {
    overflow: hidden;
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column {
    position: relative;
    z-index: 1;
}

body.home .rdo-home .rdo-hm-map-canvas {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}

body.home .rdo-home .rdo-hm-gstats.has-fluid-map .rdo-hm-map-canvas {
    opacity: 1;
    pointer-events: auto;
}

body.home .rdo-home .rdo-hm-gstats.has-fluid-map::before {
    opacity: 0;
    animation: none;
}

@media (prefers-reduced-motion: reduce) {
    body.home .rdo-home .rdo-hm-map-canvas {
        transition: none;
    }
}

/* Homepage text reveal: front-end only, with the original layout retained. */
html.rdo-js body.home .rdo-home .rdo-reveal {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, transform;
}

/* Global Presence section: reference-aligned desktop composition with fluid mobile fallbacks. */
body.home .rdo-home .rdo-hm-global {
    padding: clamp(52px, 5vw, 78px) 0 clamp(58px, 5vw, 76px);
    background: #fff;
}

body.home .rdo-home .rdo-hm-global h2 {
    margin: 0 0 clamp(18px, 1.6vw, 28px);
    font-size: clamp(2.65rem, 3.35vw, 4.15rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em;
}

body.home .rdo-home .rdo-hm-global > .rdo-wrap > p:not(.rdo-hm-cos) {
    width: min(100%, 1440px);
    margin: 0 auto;
    color: #292a31;
    font-size: clamp(1rem, 1.22vw, 1.55rem);
    line-height: 1.28;
}

body.home .rdo-home .rdo-hm-gstats {
    grid-template-columns: minmax(180px, 13vw) minmax(180px, 13vw);
    justify-content: space-between;
    gap: clamp(20px, 4vw, 72px);
    min-height: clamp(320px, 27vw, 430px);
    margin: clamp(34px, 3vw, 52px) auto 18px;
}

body.home .rdo-home .rdo-hm-gstats::before {
    display: block;
    inset: 0 clamp(6%, 10vw, 14%);
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column {
    z-index: 2;
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column:first-child {
    align-items: flex-start;
}

body.home .rdo-home .rdo-hm-gstats > .wp-block-column:last-child {
    align-items: flex-end;
}

body.home .rdo-home .rdo-hm-count {
    font-size: clamp(3.5rem, 4.7vw, 5.25rem) !important;
    line-height: .92 !important;
}

body.home .rdo-home .rdo-hm-gstats p {
    margin-top: 12px;
    font-size: clamp(1rem, 1.2vw, 1.45rem);
    line-height: 1.12;
}

body.home .rdo-home .rdo-hm-cos {
    width: min(100%, 1410px);
    margin-top: 10px;
    gap: 12px 18px;
}

body.home .rdo-home .rdo-hm-cos-top {
    width: min(100%, 1410px) !important;
    max-width: none !important;
}

body.home .rdo-home .rdo-hm-cos-bottom {
    max-width: 980px;
    margin-top: 14px;
}

body.home .rdo-home .rdo-hm-cos span {
    min-height: 52px;
    padding: 10px 26px;
    background: #f8f8f8;
    color: #1e1f2b;
    font-size: clamp(1rem, 1.15vw, 1.35rem);
    line-height: 1.1;
}

@media (max-width: 900px) {
    body.home .rdo-home .rdo-hm-gstats {
        grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr);
        min-height: clamp(280px, 42vw, 360px);
    }

    body.home .rdo-home .rdo-hm-gstats::before {
        inset: 0 2%;
    }

    body.home .rdo-home .rdo-hm-cos span {
        padding-inline: 18px;
    }
}

@media (max-width: 600px) {
    body.home .rdo-home .rdo-hm-global {
        padding: 52px 0 58px;
    }

    body.home .rdo-home .rdo-hm-global h2 {
        font-size: clamp(2.35rem, 10vw, 3.2rem) !important;
    }

    body.home .rdo-home .rdo-hm-global > .rdo-wrap > p:not(.rdo-hm-cos) {
        font-size: 1rem;
        line-height: 1.4;
    }

    body.home .rdo-home .rdo-hm-gstats {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        min-height: 248px;
        margin-top: 30px;
    }

    body.home .rdo-home .rdo-hm-gstats::before {
        inset: 28px 0;
    }

    body.home .rdo-home .rdo-hm-count {
        font-size: clamp(2.5rem, 13vw, 4rem) !important;
    }

    body.home .rdo-home .rdo-hm-gstats p {
        max-width: 120px;
        margin-top: 9px;
        font-size: .82rem;
    }

    body.home .rdo-home .rdo-hm-cos {
        gap: 8px;
        margin-top: 8px;
    }

    body.home .rdo-home .rdo-hm-cos-bottom {
        margin-top: 8px;
    }

    body.home .rdo-home .rdo-hm-cos span {
        min-height: 38px;
        padding: 8px 13px;
        font-size: .86rem;
    }
}

/* Requested three-part Global Presence structure: stat / canvas / stat. */
body.home .rdo-home .p2-global-presence-content {
    display: grid;
    grid-template-columns: minmax(180px, 13vw) minmax(0, 1fr) minmax(180px, 13vw);
    align-items: center;
    width: 100%;
    max-width: none;
    min-height: clamp(320px, 27vw, 430px);
    margin: clamp(34px, 3vw, 52px) auto 18px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

body.home .rdo-home .p2-global-presence-content .stats-left,
body.home .rdo-home .p2-global-presence-content .stats-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 3;
}

body.home .rdo-home .p2-global-presence-content .stats-left {
    grid-column: 1;
    align-items: flex-start;
    text-align: left;
}

body.home .rdo-home .p2-global-presence-content .stats-right {
    grid-column: 3;
    align-items: flex-end;
    text-align: right;
}

body.home .rdo-home .p2-global-presence-content .stats-left > strong,
body.home .rdo-home .p2-global-presence-content .stats-right > strong {
    display: block;
    margin: 0;
    color: var(--rdo-home-ink);
    font-size: clamp(3.5rem, 4.7vw, 5.25rem) !important;
    font-weight: 500;
    line-height: .92;
    letter-spacing: -.06em;
    font-variant-numeric: tabular-nums;
}

body.home .rdo-home .p2-global-presence-content .stats-left > p,
body.home .rdo-home .p2-global-presence-content .stats-right > p {
    margin: 12px 0 0;
    color: var(--rdo-home-ink);
    font-size: clamp(1rem, 1.2vw, 1.45rem);
    line-height: 1.12;
}

body.home .rdo-home .p2-global-presence-content .map-center {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.home .rdo-home .p2-global-presence-content .map-center canvas {
    display: block;
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 900px) {
    body.home .rdo-home .p2-global-presence-content {
        grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) !important;
        min-height: clamp(280px, 42vw, 360px);
    }

    body.home .rdo-home .p2-global-presence-content .stats-left {
        grid-column: 1;
    }

    body.home .rdo-home .p2-global-presence-content .stats-right {
        grid-column: 2;
    }
}

/* Homepage hero video: keep the approved cover composition and swap only the background media. */
body.home .rdo-home .rdo-hm-hero > .wp-block-cover__video-background {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 1;
}

body.home .rdo-home .rdo-hm-hero > .wp-block-cover__image-background {
    display: none;
}

body.home .rdo-home .rdo-hm-hero .wp-block-buttons {
    margin-top: clamp(16px, 1.8vw, 28px) !important;
    margin-left: clamp(14px, 1.8vw, 32px) !important;
}

@media (max-width: 768px) {
    body.home .rdo-home .rdo-hm-hero .wp-block-buttons {
        margin-top: 14px !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 769px) {
    body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title title"
            "line2 button";
        column-gap: clamp(20px, 2.8vw, 48px);
        row-gap: clamp(16px, 1.8vw, 28px);
    }

    body.home .rdo-home .rdo-hm-title {
        grid-area: title;
    }

    body.home .rdo-home .rdo-hm-line2 {
        grid-area: line2;
        margin: 0 !important;
        text-align: right;
        transform: none;
    }

    body.home .rdo-home .rdo-hm-hero .wp-block-buttons {
        grid-area: button;
        margin: 0 !important;
        justify-self: end;
        align-self: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .rdo-home .rdo-hm-hero > .wp-block-cover__video-background {
        display: none;
    }

    body.home .rdo-home .rdo-hm-hero {
        background-image: url("/wp-content/uploads/2026/04/hero-sec-new-banner1.webp") !important;
    }
}

/* Leadership page: match the reference's editorial hero, philosophy block, circular team cards, and dark enquiry panel. */
.rdo-about.rdo-leadership-reference {
    background: #f7f6f1;
    color: #1a1a2e;
}

.rdo-leadership-reference .rdo-lp-inner {
    width: min(calc(100% - clamp(32px, 8vw, 160px)), 1440px);
    max-width: 1440px;
    margin-inline: auto;
}

.rdo-leadership-reference .rdo-lp-hero {
    position: relative;
    min-height: clamp(480px, 42vw, 680px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: #191a32;
}

.rdo-leadership-reference .rdo-lp-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(25, 26, 50, .98) 0%, rgba(25, 26, 50, .82) 28%, rgba(25, 26, 50, .18) 75%, rgba(25, 26, 50, .06) 100%),
        linear-gradient(0deg, rgba(25, 26, 50, .84) 0%, rgba(25, 26, 50, 0) 55%);
}

.rdo-leadership-reference .rdo-lp-hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.rdo-leadership-reference .rdo-lp-hero-inner {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(32px, 8vw, 160px)), 1440px);
    margin: 0 auto;
    padding-bottom: clamp(48px, 7vw, 92px);
}

.rdo-leadership-reference .rdo-lp-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: clamp(22px, 3vw, 38px);
    color: rgba(255, 255, 255, .78);
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: .13em;
    line-height: 1.4;
    text-transform: uppercase;
}

.rdo-leadership-reference .rdo-lp-breadcrumb a {
    color: inherit;
}

.rdo-leadership-reference .rdo-lp-hero h1 {
    max-width: 1050px;
    color: #fff;
    font-size: clamp(3.1rem, 5.2vw, 6.35rem);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.065em;
    text-wrap: balance;
}

.rdo-leadership-reference .rdo-lp-philosophy {
    padding: clamp(78px, 10vw, 148px) 0 clamp(88px, 11vw, 168px);
    background: #f7f6f1;
}

.rdo-leadership-reference .rdo-lp-eyebrow {
    margin: 0 0 22px;
    color: #d92335;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.rdo-leadership-reference .rdo-lp-eyebrow::after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    margin-top: 14px;
    background: #d92335;
}

.rdo-leadership-reference .rdo-lp-philosophy h2,
.rdo-leadership-reference .rdo-lp-section-head h2 {
    max-width: 1230px;
    margin: 0;
    color: #1a1a2e;
    font-size: clamp(2.45rem, 4.3vw, 5rem);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.rdo-leadership-reference .rdo-lp-body {
    max-width: 1180px;
    margin: clamp(30px, 4vw, 54px) 0 0;
    color: #50515a;
    font-size: clamp(1.05rem, 1.25vw, 1.35rem);
    line-height: 1.55;
}

.rdo-leadership-reference .rdo-lp-team {
    padding: clamp(78px, 9vw, 132px) 0 clamp(92px, 11vw, 164px);
    border-top: 1px solid rgba(26, 26, 46, .16);
    background: #f7f6f1;
}

.rdo-leadership-reference .rdo-lp-section-head {
    margin-bottom: clamp(42px, 5vw, 74px);
}

.rdo-leadership-reference .rdo-lp-section-head h2 {
    max-width: 960px;
}

.rdo-leadership-reference .rdo-lp-team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 68px);
}

.rdo-leadership-reference .rdo-lp-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.rdo-leadership-reference .rdo-lp-member-photo {
    width: min(100%, 390px);
    aspect-ratio: 1;
    margin-bottom: clamp(22px, 2.3vw, 32px);
    overflow: hidden;
    border-radius: 50%;
    background: #e4e3de;
}

.rdo-leadership-reference .rdo-lp-member-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.rdo-leadership-reference .rdo-lp-member h3 {
    margin: 0;
    color: #1a1a2e;
    font-size: clamp(1.15rem, 1.3vw, 1.55rem);
    font-weight: 600;
    line-height: 1.2;
}

.rdo-leadership-reference .rdo-lp-member p {
    margin: 16px 0 0;
    color: #5d5e67;
    font-size: clamp(1rem, 1.1vw, 1.2rem);
    line-height: 1.3;
}

.rdo-leadership-reference .rdo-lp-member a {
    margin-top: 32px;
    color: #d92335;
    font-size: .95rem;
    font-weight: 600;
    text-decoration: none;
}

.rdo-leadership-reference .rdo-lp-member a span {
    display: inline-block;
    margin-left: 4px;
    transition: transform .2s ease;
}

.rdo-leadership-reference .rdo-lp-member a:hover span,
.rdo-leadership-reference .rdo-lp-member a:focus-visible span {
    transform: translateX(4px);
}

.rdo-leadership-reference .rdo-lp-build {
    padding: clamp(72px, 8vw, 124px) 0;
    background: #191a32;
    color: #fff;
}

.rdo-leadership-reference .rdo-lp-build-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: clamp(36px, 7vw, 110px);
    align-items: center;
}

.rdo-leadership-reference .rdo-lp-build .rdo-lp-eyebrow {
    margin-bottom: 28px;
}

.rdo-leadership-reference .rdo-lp-build h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.6rem, 4.5vw, 5.1rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.rdo-leadership-reference .rdo-lp-build-copy > p:not(.rdo-lp-eyebrow) {
    max-width: 570px;
    margin: 30px 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: clamp(1rem, 1.2vw, 1.25rem);
    line-height: 1.55;
}

.rdo-leadership-reference .rdo-lp-build-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 38px;
    padding: 16px 22px;
    background: #d92335;
    color: #fff;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease, transform .2s ease;
}

.rdo-leadership-reference .rdo-lp-build-button:hover,
.rdo-leadership-reference .rdo-lp-build-button:focus-visible {
    background: #b91d2d;
    transform: translateY(-2px);
}

.rdo-leadership-reference .rdo-lp-build-image img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.rdo-leadership-reference .rdo-lp-build-image p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .64);
    font-size: .95rem;
    line-height: 1.5;
}

@media (max-width: 900px) {
    .rdo-leadership-reference .rdo-lp-team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .rdo-leadership-reference .rdo-lp-member:last-child {
        grid-column: 1 / -1;
        max-width: calc((100% - clamp(24px, 4vw, 68px)) / 2);
        margin-inline: auto;
    }

    .rdo-leadership-reference .rdo-lp-build-grid {
        grid-template-columns: 1fr;
    }

    .rdo-leadership-reference .rdo-lp-build-image {
        max-width: 720px;
    }
}

@media (max-width: 600px) {
    .rdo-leadership-reference .rdo-lp-inner,
    .rdo-leadership-reference .rdo-lp-hero-inner {
        width: calc(100% - 32px);
    }

    .rdo-leadership-reference .rdo-lp-hero {
        min-height: 520px;
    }

    .rdo-leadership-reference .rdo-lp-breadcrumb {
        gap: 7px;
        font-size: .62rem;
    }

    .rdo-leadership-reference .rdo-lp-hero h1 {
        font-size: clamp(2.8rem, 13vw, 4.4rem);
    }

    .rdo-leadership-reference .rdo-lp-team-grid {
        grid-template-columns: 1fr;
        gap: 54px;
    }

    .rdo-leadership-reference .rdo-lp-member:last-child {
        grid-column: auto;
        max-width: none;
    }

    .rdo-leadership-reference .rdo-lp-member-photo {
        width: min(82vw, 340px);
    }
}

/* Keep the reference page readable even when an observer is delayed or disabled. */
.rdo-leadership-reference .rdo-reveal,
.rdo-leadership-reference .rdo-reveal.is-visible {
    opacity: 1;
    transform: none;
}

html.rdo-modal-open,
body.rdo-modal-open {
    overflow: hidden;
}

.rdo-leadership-reference .rdo-lp-member button.rdo-lp-bio-trigger {
    margin-top: 32px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #d92335;
    font: 600 .95rem/1.3 "Geist", sans-serif;
    letter-spacing: .04em;
    cursor: pointer;
}

.rdo-leadership-reference .rdo-lp-member button.rdo-lp-bio-trigger span {
    display: inline-block;
    margin-left: 4px;
    transition: transform .2s ease;
}

.rdo-leadership-reference .rdo-lp-member button.rdo-lp-bio-trigger:hover span,
.rdo-leadership-reference .rdo-lp-member button.rdo-lp-bio-trigger:focus-visible span {
    transform: translateX(4px);
}

.rdo-lp-modal[hidden] {
    display: none;
}

.rdo-lp-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: 24px;
}

.rdo-lp-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(12, 13, 27, .78);
    cursor: pointer;
}

.rdo-lp-modal-panel {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(220px, .72fr) minmax(0, 1fr);
    width: min(100%, 940px);
    max-height: min(720px, calc(100vh - 48px));
    overflow: auto;
    background: #fff;
    color: #1a1a2e;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .32);
}

.rdo-lp-modal-panel > img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;padding-left:30px;
}

.rdo-lp-modal-copy {
    position: relative;
    padding: clamp(28px, 5vw, 50px);
}

.rdo-lp-modal-close {
    position: absolute;
    top: clamp(20px, 3vw, 34px);
    right: clamp(20px, 3vw, 34px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 13px 0 17px;
    border: 1px solid rgba(26, 26, 46, .28);
    border-radius: 999px;
    background: rgba(247, 246, 241, .76);
    color: #1a1a2e;
    font: 600 .78rem/1.2 "Geist", sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.rdo-lp-modal-close span {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    font-size: 1.35rem;
    font-weight: 300;
    line-height: 1;
}

.rdo-lp-modal-close:hover,
.rdo-lp-modal-close:focus-visible {
    border-color: #d92335;
    background: #d92335;
    color: #fff;
    transform: translateY(-1px);
}

.rdo-lp-modal-close:focus-visible {
    outline: 3px solid rgba(217, 35, 53, .28);
    outline-offset: 3px;
}

.rdo-lp-modal-copy h2 {
    margin: 0;
    color: #1a1a2e;
    font-size: clamp(2.15rem, 4vw, 4rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.rdo-lp-modal-copy .rdo-lp-modal-role {
    margin: 18px 0 28px;
    color: #d92335;
    font: 600 .78rem/1.2 "Geist", sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.rdo-lp-modal-copy .rdo-lp-modal-body {
    margin: 0;
    color: #50515a;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    line-height: 1.55;
}

@media (max-width: 640px) {
    .rdo-lp-modal {
        padding: 14px;
    }

    .rdo-lp-modal-panel {
        grid-template-columns: 1fr;
        max-height: calc(100vh - 28px);
    }

    .rdo-lp-modal-panel > img {
        height: 220px;
        min-height: 0;
    }

    .rdo-lp-modal-copy {
        padding: 86px 22px 32px;
    }

    .rdo-lp-modal-close {
        top: 20px;
        right: 22px;
    }
}

@media (max-width: 600px) {
    body.home .rdo-home .p2-global-presence-content {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        min-height: 248px;
        margin-top: 30px;
    }

    body.home .rdo-home .p2-global-presence-content .stats-left > strong,
    body.home .rdo-home .p2-global-presence-content .stats-right > strong {
        font-size: clamp(2.5rem, 13vw, 4rem) !important;
    }

    body.home .rdo-home .p2-global-presence-content .stats-left > p,
    body.home .rdo-home .p2-global-presence-content .stats-right > p {
        max-width: 120px;
        margin-top: 9px;
        font-size: .82rem;
    }
}

html.rdo-js body.home .rdo-home .rdo-reveal.is-visible {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    html.rdo-js body.home .rdo-home .rdo-reveal,
    html.rdo-js body.home .rdo-home .rdo-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/*
 * Root Delta Oman — shared luxury editorial refinement layer.
 *
 * This file is intentionally scoped to the existing page structures. It adds
 * visual hierarchy, predictable spacing, responsive behavior, and accessible
 * interaction states without changing copy, URLs, or the global header.
 */

:root {
    --rdo-lux-navy: #1a1a2e;
    --rdo-lux-navy-deep: #0b1022;
    --rdo-lux-red: #ec2633;
    --rdo-lux-cream: #f7f6f1;
    --rdo-lux-paper: #fcfbf8;
    --rdo-lux-ink: #1a1a2e;
    --rdo-lux-muted: #626573;
    --rdo-lux-border: rgba(26, 26, 46, .14);
    --rdo-lux-border-light: rgba(255, 255, 255, .18);
    --rdo-lux-radius: 18px;
    --rdo-lux-radius-sm: 12px;
    --rdo-lux-shadow: 0 24px 70px rgba(15, 20, 40, .12);
    --rdo-lux-ease: cubic-bezier(.22, .61, .36, 1);
}

body.home,
body.page-id-2,
body.page-id-13,
body.page-id-17,
body.page-id-173,
body.page-id-212,
body.page-id-242,
body.page-id-283,
body.page-id-310,
body.page-id-312,
body.page-id-396,
body.page-id-563,
body.page-id-594 {
    background:#fff !important;
    color: var(--rdo-lux-ink);
    overflow-x: hidden;
}

body.home main,
body.page-id-2 main,
body.page-id-13 main,
body.page-id-17 main,
body.page-id-173 main,
body.page-id-212 main,
body.page-id-242 main,
body.page-id-283 main,
body.page-id-310 main,
body.page-id-312 main,
body.page-id-396 main,
body.page-id-563 main,
body.page-id-594 main {
    overflow: hidden;
}

/* Keep interactive controls easy to use and clearly visible when keyboarded. */
body.home :is(a, button, input, textarea, select):focus-visible,
body.page-id-2 :is(a, button, input, textarea, select):focus-visible,
body.page-id-13 :is(a, button, input, textarea, select):focus-visible,
body.page-id-17 :is(a, button, input, textarea, select):focus-visible,
body.page-id-173 :is(a, button, input, textarea, select):focus-visible,
body.page-id-212 :is(a, button, input, textarea, select):focus-visible,
body.page-id-242 :is(a, button, input, textarea, select):focus-visible,
body.page-id-283 :is(a, button, input, textarea, select):focus-visible,
body.page-id-310 :is(a, button, input, textarea, select):focus-visible,
body.page-id-312 :is(a, button, input, textarea, select):focus-visible,
body.page-id-396 :is(a, button, input, textarea, select):focus-visible,
body.page-id-563 :is(a, button, input, textarea, select):focus-visible,
body.page-id-594 :is(a, button, input, textarea, select):focus-visible {
    outline: 3px solid var(--rdo-lux-red);
    outline-offset: 4px;
}

body.home :is(img, video),
body.page-id-2 :is(img, video),
body.page-id-13 :is(img, video),
body.page-id-17 :is(img, video),
body.page-id-173 :is(img, video),
body.page-id-212 :is(img, video),
body.page-id-242 :is(img, video),
body.page-id-283 :is(img, video),
body.page-id-310 :is(img, video),
body.page-id-312 :is(img, video),
body.page-id-396 :is(img, video),
body.page-id-563 :is(img, video),
body.page-id-594 :is(img, video) {
    max-width: 100%;
}

/* Shared rhythm for the existing section wrappers. */
body.home .rdo-home > .wp-block-group,
body.page-id-17 .rdo-about > .wp-block-group {
    position: relative;
}

body.home .rdo-home .rdo-wrap,
body.page-id-17 .rdo-about .rdo-inner {
    width: min(100% - 48px, 1440px);
    margin-inline: auto;
}

body.home .rdo-home .rdo-hm-about,
body.home .rdo-home .rdo-hm-caps,
body.home .rdo-home .rdo-hm-oman,
body.home .rdo-home .rdo-hm-global,
body.page-id-17 .rdo-about .rdo-overview,
body.page-id-17 .rdo-about .rdo-services,
body.page-id-17 .rdo-about .rdo-leadership,
body.page-id-17 .rdo-about .rdo-cta {
    padding-block: clamp(60px, 8vw, 100px);
}
body.page-id-17 .rdo-about .rdo-leadership{padding-top:0px !important;}

body.home .rdo-home :is(h2, h3) {
/*     color: var(--rdo-lux-ink); */
    letter-spacing: -.035em;
    line-height: 1.08;
}
body.home .rdo-home :is(p, li),
body.page-id-17 .rdo-about :is(p, li) {
/*     color: var(--rdo-lux-muted); */
    line-height: 1.65;
}

body.home .rdo-home .rdo-hm-about-grid,
body.home .rdo-home .rdo-hm-oman-grid,
body.home .rdo-home .rdo-hm-hse-grid,
body.page-id-17 .rdo-about :is(.rdo-overview-top, .rdo-services-grid) {
    gap: clamp(28px, 5vw, 88px);
}

body.home .rdo-home :is(.rdo-hm-card, .rdo-hm-hcard),
body.page-id-17 .rdo-about :is(.rdo-card, .rdo-committed-card, .rdo-cta-box),
body.page-id-396 :is(.location-card, .cta-card),
body.page-id-2 :is(.discipline-card, .cap-card, .gov-card, .cta-card),
body.page-id-13 :is(.env-card, .light-card-hz, .dark-card-hz, .cta-card),
body.page-id-173 :is(.light-card-center, .dark-card-solid, .cta-card),
body.page-id-212 :is(.light-card-center, .dark-card-solid, .cta-card),
body.page-id-242 :is(.icon-box-outline, .light-card-center, .cta-card),
body.page-id-312 :is(.env-handling-item, .bordered-text-box, .cta-card),
body.page-id-283 :is(.cta-card),
body.page-id-310 :is(.cta-card) {
    border-radius: var(--rdo-lux-radius-sm);
    transition: transform 240ms var(--rdo-lux-ease), box-shadow 240ms var(--rdo-lux-ease), border-color 240ms var(--rdo-lux-ease);
}

body.home .rdo-home :is(.rdo-hm-card, .rdo-hm-hcard):hover,
body.page-id-17 .rdo-about :is(.rdo-card, .rdo-committed-card, .rdo-cta-box):hover,
body.page-id-2 :is(.discipline-card, .cap-card, .gov-card):hover,
body.page-id-13 :is(.env-card, .light-card-hz, .dark-card-hz):hover,
body.page-id-173 :is(.light-card-center, .dark-card-solid):hover,
body.page-id-212 :is(.light-card-center, .dark-card-solid):hover,
body.page-id-242 .icon-box-outline:hover,
body.page-id-312 :is(.env-handling-item, .bordered-text-box):hover {
    transform: translateY(-3px);
    box-shadow: var(--rdo-lux-shadow);
}

/* Home: protect the approved hero composition while improving its rhythm. */
body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {
    padding-block: clamp(96px, 15vh, 180px) clamp(56px, 8vh, 104px);
}

body.home .rdo-home .rdo-hm-hero .wp-block-buttons {
    margin-top: 0px !important;
    gap: 12px;
}

body.home .rdo-home .rdo-hm-hero .rdo-btn,
body.page-id-17 .rdo-about :is(.rdo-btn-hero, .rdo-btn-cta),
body.page-id-396 .rdo-btn {
    min-height: 48px;
    padding-inline: 24px;
}

body.home .rdo-home .rdo-hm-hero > .wp-block-cover__video-background {
    object-fit: cover;
    object-position: center;
}

body.home .rdo-home .rdo-hm-hero > .wp-block-cover__video-background.rdo-video-reduced {
    opacity: 0;
}

body.home .rdo-home .rdo-hm-caps-head {
    gap: 20px;
    margin-bottom: clamp(24px, 4vw, 48px);
}

body.home .rdo-home .rdo-hm-global {
    background: #fff;
}

/* About: use a calmer editorial grid without changing the supplied layout. */
body.page-id-17 .rdo-about .rdo-overview-top,
body.page-id-17 .rdo-about .rdo-services-grid {
    align-items: center;
}

body.page-id-17 .rdo-about .rdo-overview-copy,
body.page-id-17 .rdo-about .rdo-services-image,
body.page-id-17 .rdo-about .rdo-committed-text {
    min-width: 0;
}

body.page-id-17 .rdo-about :is(.rdo-overview-copy img, .rdo-services-image img, .rdo-committed img),
body.page-id-17 .rdo-about .wp-block-cover__image-background {
    border-radius: var(--rdo-lux-radius);
}

body.page-id-17 .rdo-about .rdo-stats,
body.page-id-17 .rdo-about .rdo-leaders {
    gap: 16px;
}

/* Leadership keeps its reference composition but receives stable image sizing. */
body.page-id-594 .rdo-leadership-reference .rdo-lp-member-photo,
body.page-id-594 .rdo-leadership-reference .rdo-lp-member-photo img {
    aspect-ratio: 1;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-member-photo img {
    object-fit: cover;
}

/* Shared treatment for the older utility/service templates. */
body.page-id-2 .hero,
body.page-id-13 .hero,
body.page-id-173 .hero-section,
body.page-id-212 .hero-section,
body.page-id-242 .hero,
body.page-id-312 .hero,
body.page-id-283 .hero,
body.page-id-310 .hero {
    isolation: isolate;
    overflow: hidden;
}

body.page-id-2 .hero-content-wrapper,
body.page-id-13 .hero-content-wrapper,
body.page-id-173 .hero-content-left,
body.page-id-212 .hero-content-left,
body.page-id-242 .hero-content-wrapper,
body.page-id-312 .hero-content-wrapper,
body.page-id-283 .hero-content-wrapper,
body.page-id-310 .hero-content-wrapper {
    max-width: 900px;
}

body.page-id-2 :is(.discipline-grid, .cap-grid, .gov-grid),
body.page-id-13 :is(.grid-2, .grid-3, .grid-4),
body.page-id-173 :is(.grid-2x2, .supply-chain-grid),
body.page-id-212 :is(.grid-2x2, .grid-2x2.new-grid),
body.page-id-242 .grid-2x2,
body.page-id-312 .grid-2x2 {
    gap: clamp(16px, 2vw, 28px);
}

body.page-id-2 :is(.discipline-card, .cap-card, .gov-card),
body.page-id-13 :is(.env-card, .light-card-hz, .dark-card-hz),
body.page-id-173 :is(.light-card-center, .dark-card-solid),
body.page-id-212 :is(.light-card-center, .dark-card-solid),
body.page-id-242 .icon-box-outline,
body.page-id-312 :is(.env-handling-item, .bordered-text-box) {
    min-width: 0;
}

body.page-id-173 .split-section-bleed,
body.page-id-212 .split-section-bleed,
body.page-id-242 .split-section-bleed,
body.page-id-312 .split-section-bleed {
    overflow: hidden;
}

body.page-id-173 .split-left-content,
body.page-id-212 .split-left-content,
body.page-id-242 .split-left-content,
body.page-id-312 .split-left-content {
    padding-block: clamp(56px, 7vw, 96px);
}

body.page-id-173 .split-right-img,
body.page-id-212 .split-right-img,
body.page-id-242 .split-right-img,
body.page-id-312 .split-right-img {
    min-height: 360px;
}

/* FAQ rows are shared by the four service pages. */
body.page-id-173 :is(.faq-section, .rdo-faq),
body.page-id-212 :is(.faq-section, .rdo-faq),
body.page-id-242 :is(.faq-section, .rdo-faq),
body.page-id-312 :is(.faq-section, .rdo-faq) {
    padding-block: clamp(64px, 8vw, 112px);
}

body.page-id-173 .faq-item,
body.page-id-212 .faq-item,
body.page-id-242 .faq-item,
body.page-id-312 .faq-item {
    border-bottom: 1px solid var(--rdo-lux-border);
}

body.page-id-173 .faq-question,
body.page-id-212 .faq-question,
body.page-id-242 .faq-question,
body.page-id-312 .faq-question {
    min-height: 56px;
    padding-block: 16px;
    text-align: left;
}

/* Contact and legal pages remain functional, but inherit the same rhythm. */
body.page-id-396 .location-card {
    min-height: 100%;
    box-shadow: 0 12px 36px rgba(15, 20, 40, .06);
}

body.page-id-396 :is(.grid-3, .location-grid) {
    gap: clamp(16px, 2vw, 28px);
}

body.page-id-563 .entry-content,
body.page-id-10 .entry-content,
body.page-id-15 .entry-content {
    width: min(100% - 48px, 1000px);
    margin-inline: auto;
    padding-block: clamp(80px, 10vw, 140px);
}

/* Responsive rhythm: 4/8-based gaps, one-column cards, and no horizontal bleed. */
@media (max-width: 900px) {
    body.home .rdo-home .rdo-wrap,
    body.page-id-17 .rdo-about .rdo-inner,
    body.page-id-563 .entry-content,
    body.page-id-10 .entry-content,
    body.page-id-15 .entry-content {
        width: min(100% - 40px, 720px);
    }

    body.home .rdo-home .rdo-hm-about-grid,
    body.home .rdo-home .rdo-hm-oman-grid,
    body.home .rdo-home .rdo-hm-hse-grid,
    body.page-id-17 .rdo-about :is(.rdo-overview-top, .rdo-services-grid) {
        gap: 36px;
    }

    body.page-id-173 .split-section-bleed,
    body.page-id-212 .split-section-bleed,
    body.page-id-242 .split-section-bleed,
    body.page-id-312 .split-section-bleed {
        flex-direction: column;
    }

    body.page-id-173 .split-left-content,
    body.page-id-212 .split-left-content,
    body.page-id-242 .split-left-content,
    body.page-id-312 .split-left-content,
    body.page-id-173 .split-right-img,
    body.page-id-212 .split-right-img,
    body.page-id-242 .split-right-img,
    body.page-id-312 .split-right-img {
        width: 100%;
    }
}

@media (max-width: 640px) {
    body.home .rdo-home .rdo-wrap{width: 100%;}
    body.page-id-17 .rdo-about .rdo-inner,
    body.page-id-563 .entry-content,
    body.page-id-10 .entry-content,
    body.page-id-15 .entry-content {width: min(100% - 40px, 720px);}

    body.home .rdo-home .rdo-hm-about,
    body.home .rdo-home .rdo-hm-caps,
    body.home .rdo-home .rdo-hm-oman,
    body.home .rdo-home .rdo-hm-global,
    body.page-id-17 .rdo-about .rdo-overview,
    body.page-id-17 .rdo-about .rdo-services,
    body.page-id-17 .rdo-about .rdo-leadership,
    body.page-id-17 .rdo-about .rdo-cta {
        padding-block: 64px;
    }

    body.page-id-2 :is(.discipline-grid, .cap-grid, .gov-grid),
    body.page-id-13 :is(.grid-2, .grid-3, .grid-4),
    body.page-id-173 :is(.grid-2x2, .supply-chain-grid),
    body.page-id-212 :is(.grid-2x2, .grid-2x2.new-grid),
    body.page-id-242 .grid-2x2,
    body.page-id-312 .grid-2x2,
    body.page-id-396 :is(.grid-3, .location-grid) {
        grid-template-columns: 1fr !important;
    }
.career-form {display: flex;flex-wrap: wrap;gap: 26px 26px;}

    body.page-id-173 .split-left-content,
    body.page-id-212 .split-left-content,
    body.page-id-242 .split-left-content,
    body.page-id-312 .split-left-content {
        padding: 52px 24px;
    }

    body.page-id-173 .split-right-img,
    body.page-id-212 .split-right-img,
    body.page-id-242 .split-right-img,
    body.page-id-312 .split-right-img {
        min-height: 280px;
    }
}

@media (max-width: 480px) {
.rdo-home .rdo-hm-hse-grid.wp-block-columns .rdo-hm-hse-cards-main {left: 0%;}
}
@media (prefers-reduced-motion: reduce) {
    body.home .rdo-home *,
    body.page-id-2 *,
    body.page-id-13 *,
    body.page-id-17 *,
    body.page-id-173 *,
    body.page-id-212 *,
    body.page-id-242 *,
    body.page-id-283 *,
    body.page-id-310 *,
    body.page-id-312 *,
    body.page-id-396 *,
    body.page-id-563 *,
    body.page-id-594 * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container{ padding-left: 16px !important;padding-right: 16px !important;}
.rdo-home .rdo-wrap {padding: 0 16px !important;}
body.home .rdo-home .rdo-hm-oman-grid{gap:0px !important;}
.site-footer .footer-mid .footer-col:first-child ul {column-count: 2;}
	body.home .rdo-home .rdo-hm-hero .rdo-btn{padding-inline: 0px;}

}

/* Readability corrections for text on image and brand-color surfaces. */
body.page-id-17 .rdo-about .rdo-committed-text :is(h2, h3) {
    color: #fff !important;
}

body.page-id-17 .rdo-about .rdo-committed-text :is(p, li) {
    color: rgba(255, 255, 255, .84) !important;
}

body.page-id-17 .rdo-about .rdo-committed-card :is(p, li) {
    color: var(--rdo-lux-ink) !important;
}

body:is(.page-id-173, .page-id-212) main .bordered-text-box {
    background: #145d59 !important;
    border-color: rgba(255, 255, 255, .28);
}

body:is(.page-id-173, .page-id-212) main .bordered-text-box p {
    color: #fff !important;
}

body.page-id-312 .bg-port-safety-section .text-light-gray-muted {
    color: rgba(255, 255, 255, .88) !important;
}

/* Leadership: share the About page's paper, ink, spacing, and type system. */
body.page-id-594,
body.page-id-594 .rdo-leadership-reference {
    background: var(--rdo-lux-paper) !important;
    color: var(--rdo-lux-ink);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-inner,
body.page-id-594 .rdo-leadership-reference .rdo-lp-hero-inner {
    width: min(calc(100% - 48px), 1440px);
    max-width: 1440px;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-hero {
    min-height: 700px;
    background: var(--rdo-lux-navy);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-hero::after {
    background: linear-gradient(to bottom, rgba(12, 18, 36, .06) 35%, rgba(20, 24, 45, .94) 100%);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-hero h1 {
    max-width: calc(100% - 250px);
    font-size: clamp(2rem, 1.5rem + 2.5vw, 4.5rem);
    line-height: 1.2;
    letter-spacing: -.035em;
}

body.page-id-594 .rdo-leadership-reference :is(.rdo-lp-philosophy, .rdo-lp-team) {
    background:#fff;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-philosophy,
body.page-id-594 .rdo-leadership-reference .rdo-lp-team {
    padding-block: clamp(60px, 8vw, 100px);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-eyebrow {
    color: var(--rdo-lux-red);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-eyebrow::after {
    background: var(--rdo-lux-red);
}

body.page-id-594 .rdo-leadership-reference :is(.rdo-lp-philosophy h2, .rdo-lp-section-head h2, .rdo-lp-build h2) {
    max-width: 960px;
    color: var(--rdo-lux-ink);
    font-size: clamp(1.75rem, 1.5rem + 1.25vw, 3rem);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.025em;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-body {
    max-width: 60ch;
    margin-top: clamp(24px, 3vw, 40px);
    color: var(--rdo-lux-muted);
    font-size: clamp(.875rem, .84rem + .18vw, 1.0625rem);
    line-height: 1.65;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-section-head {
    margin-bottom: clamp(32px, 4vw, 56px);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-member-photo {
    width: min(100%, 360px);
    margin-bottom: clamp(18px, 2vw, 28px);
    background: #e4e3de;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-member h3 {
    color: var(--rdo-lux-ink);
    font-size: clamp(1rem, .92rem + .28vw, 1.25rem);
    font-weight: 500;
    line-height: 1.3;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-member p {
    margin-top: 10px;
    color: var(--rdo-lux-muted);
    font-size: clamp(.875rem, .84rem + .18vw, 1.0625rem);
    line-height: 1.5;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-member button.rdo-lp-bio-trigger {
    min-height: 44px;
    margin-top: 20px;
    color: var(--rdo-lux-red);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-build {
    padding-block: clamp(60px, 8vw, 100px);
    background: var(--rdo-lux-navy);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-build h2 {
    color: #fff;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-build-copy > p:not(.rdo-lp-eyebrow) {
    max-width: 52ch;
    margin-top: clamp(24px, 3vw, 40px);
    color: rgba(255, 255, 255, .84);
    font-size: clamp(.875rem, .84rem + .18vw, 1.0625rem);
    line-height: 1.65;
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-build-button {
    min-height: 48px;
    margin-top: clamp(24px, 3vw, 40px);
    padding: 12px 24px;
    border-radius: 8px;
    background: var(--rdo-lux-red);
}

body.page-id-594 .rdo-leadership-reference .rdo-lp-build-image img {
    border-radius: var(--rdo-lux-radius);
}

@media (max-width: 900px) {
    body.page-id-594 .rdo-leadership-reference .rdo-lp-hero {
        min-height: 560px;
    }

    body.page-id-594 .rdo-leadership-reference .rdo-lp-hero h1 {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    body.page-id-594 .rdo-leadership-reference .rdo-lp-inner,
    body.page-id-594 .rdo-leadership-reference .rdo-lp-hero-inner {
        width: calc(100% - 32px);
    }

    body.page-id-594 .rdo-leadership-reference .rdo-lp-hero {
        min-height: 520px;
    }
}

/* Homepage reveals use the same movement and timing as the About page. */
html.rdo-js body.home .rdo-home .rdo-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease, transform .7s ease;
}

html.rdo-js body.home .rdo-home .rdo-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ========================================================
   FINAL RESPONSIVE CONTAINERS + ABOUT TEAM PORTRAITS
   ======================================================== */

/* Keep full-bleed section backgrounds, while giving their content a stable
   1,440px frame with the requested 80px desktop gutters below 1,600px. */
@media (min-width: 901px) and (max-width: 1600px) {
body.home .hdr-menu-main .container,.hdr-menu-main .container {width: 100% !important; max-width: 100% !important;margin-inline: auto;padding: 0 80px 0px 80px;}
body.home .site-footer .container, .site-footer .container {width: 100% !important; max-width: 100% !important;margin-inline: auto;padding: 0 80px 0px 80px;}
    body.home .rdo-home :is(.rdo-wrap, .rdo-hm-hero .wp-block-cover__inner-container, .rdo-hm-hse .wp-block-cover__inner-container),
    body.page-id-17 .rdo-about :is(.rdo-inner, .rdo-hero .wp-block-cover__inner-container, .rdo-committed .wp-block-cover__inner-container),
    body.page-id-594 .rdo-leadership-reference :is(.rdo-lp-inner, .rdo-lp-hero-inner),
    main .rdo-svc :is(.rdo-wrap, .rdo-hero .wp-block-cover__inner-container, .rdo-ops > .rdo-wrap) {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        padding-left: 80px;
        padding-right: 80px;
        box-sizing: border-box;
    }
body.page-id-594 .rdo-leadership-reference .rdo-lp-inner, body.page-id-594 .rdo-leadership-reference .rdo-lp-hero-inner {width: 100%;max-width: 100%;}
body:is(.page-id-173,.page-id-212) main .gap-53, body:is(.page-id-173,.page-id-212) main .gap-64, body:is(.page-id-173,.page-id-212) main .gap-96 {gap: 64px !important;max-width:100%;margin:0 auto;}
body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container {padding: 0 clamp(20px, 6vw, 80px) 50px !important;max-width: 100% !important;margin: 0 !important;float: none;width: 100% !important;}
    /* Explicit hero selectors keep the gutters in place when Gutenberg or a
       theme rule writes a shorthand padding value on the cover container. */
    body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container,
    body.home .rdo-home .rdo-hm-hse .wp-block-cover__inner-container,
    body.page-id-17 .rdo-about .rdo-hero .wp-block-cover__inner-container,
    body.page-id-17 .rdo-about .rdo-committed .wp-block-cover__inner-container,
    main .rdo-svc .rdo-hero .wp-block-cover__inner-container {
        width: 100%;
        max-width: 1440px;
        padding-left: 80px !important;
        padding-right: 80px !important;
        box-sizing: border-box;
    }
.rdo-home .rdo-wrap {max-width: 100%;margin: 0 auto;padding: 0 clamp(20px, 6vw, 80px);}
.cta-card {padding: 80px 40px;max-width: 100%;margin: 0 auto;}
}

/* The mobile menu keeps the existing pill header and only makes its open
   state explicit, so it cannot be hidden by a later display rule. */
@media (max-width: 1100px) {
    .hdr-pill .nav-links.is-open {
        display: flex !important;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .hdr-pill .nav-links:not(.is-open) {
        visibility: hidden;
        pointer-events: none;
    }

    .hdr-pill .nav-toggle.is-open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .hdr-pill .nav-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .hdr-pill .nav-toggle.is-open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
}

/* About → Meet Our Team: use the same circular portrait and content-below
   treatment as the Leadership page, without changing the page structure. */
body.page-id-17 .rdo-about .rdo-leaders,
body.page-id-17 .rdo-about .rdo-leaders.wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: clamp(1.5rem, 2.5vw, 3.5rem);
}

body.page-id-17 .rdo-about .rdo-leaders > .wp-block-column {
    min-width: 0;
    margin: 0;
}

body.page-id-17 .rdo-about .rdo-leader.wp-block-cover {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 0 !important;
    aspect-ratio: auto;
    padding: 0 !important;
    overflow: visible;
    border-radius: 0;
    background: transparent !important;
    text-align: center;
}

body.page-id-17 .rdo-about .rdo-leader .wp-block-cover__image-background {
    position: static !important;
    inset: auto !important;
    display: block;
    width: min(100%, 360px);
    height: auto !important;
    aspect-ratio: 1;
    margin: 0 auto clamp(1.125rem, 1.5vw, 1.75rem);
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

body.page-id-17 .rdo-about .rdo-leader .wp-block-cover__background {
    display: none !important;
}

body.page-id-17 .rdo-about .rdo-leader .wp-block-cover__inner-container {
    width: 100%;
    padding: 0;
    margin: 0;
}

body.page-id-17 .rdo-about .rdo-leader h3 {
    color: #1a1a2e;
    font-size: clamp(1.05rem, .95rem + .25vw, 1.25rem);
    font-weight: 500;
    line-height: 1.3;
}

body.page-id-17 .rdo-about .rdo-leader p {
    margin-top: .6rem;
    color: #667085;
    font-size: clamp(.875rem, .84rem + .18vw, 1.0625rem);
    line-height: 1.5;
    opacity: 1;
}

@media (min-width: 601px) and (max-width: 900px) {
    body.page-id-17 .rdo-about .rdo-leaders,
    body.page-id-17 .rdo-about .rdo-leaders.wp-block-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    body.page-id-17 .rdo-about .rdo-leaders,
    body.page-id-17 .rdo-about .rdo-leaders.wp-block-columns {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    body.page-id-17 .rdo-about .rdo-leader .wp-block-cover__image-background {
        width: min(100%, 300px);
    }
}

/* Homepage hero: remove only the horizontal inner-container padding. */
body.home .rdo-home .rdo-hm-hero .wp-block-cover__inner-container { /*padding: 0 clamp(20px, 6vw, 80px) 50px !important;*/max-width: 1440px !important;margin: 0 !important;float: none;width: 100% !important;}


/* Remove horizontal padding from the page shell */
.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;
    padding-inline-start: 0px;
}

/* Site-wide mobile header parity with the homepage only */
@media (max-width: 1100px) {
    .hdr-pill .nav-links { gap: 18px; }
}
@media (max-width: 768px) {
    .hdr-menu-main { padding: 8px 0 !important; }
    .hdr-menu-main .container { width: calc(100% - 24px) !important; }
    .hdr-pill { min-height: 56px; padding: 5px 8px 5px 12px; }
    .hdr-pill .logo img { height: 42px; }
}


/* Keep HSE operational imagery on the Oman subdirectory. */
body.page-id-13 .hero.pdng-lt-rt {
    background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/hse-operational-approach-banner-image-scaled.webp") !important;
}



/* Correct remaining root-relative media used by the homepage stylesheet. */
.rdo-home .rdo-hm-about-grid > .wp-block-column:first-child::after {
    background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/industrial-refining-newer-bg.svg") !important;
}
.rdo-home .rdo-hm-hero.wp-block-cover {
    background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/industry-baaner-newer-scaled.webp") !important;
}
body.home .rdo-home .rdo-hm-hero > .wp-block-cover__image-background {
    content: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/hero-sec-new-banner1.webp") !important;
}
body.home .rdo-home .rdo-hm-port img {
    content: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/new-updated-imgoman-banner.webp") !important;
}
body.home .rdo-home .rdo-hm-oman-grid > .wp-block-column:last-child img {
    content: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/Oman-industrial-growth-new.webp") !important;
}
body.home .rdo-home .rdo-hm-gstats::before {
    display: block !important;
    opacity: 1 !important;
    background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/delta-map-sec-bg-new-scaled-1.webp") !important;
}
@media (prefers-reduced-motion: reduce) {
    body.home .rdo-home .rdo-hm-hero {
        background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/04/hero-sec-new-banner1.webp") !important;
    }
}


/* Match the homepage header shell on every page at tablet and mobile widths. */
@media (min-width: 769px) and (max-width: 1100px) {
    .hdr-menu-main {
        padding: 10px 0;
        background: transparent;
    }
    .hdr-menu-main .container {
        width: calc(100% - 32px) !important;
        max-width: 1440px !important;
        margin-inline: auto;
    }
    .hdr-pill {
        min-height: 62px;
        padding: 7px 10px 7px 18px;
        border: 1px solid rgba(25, 26, 50, .08);
        border-radius: 999px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(10, 17, 41, .14);
    }
    .hdr-pill .logo img { height: 48px; }
    .hdr-pill .nav-links { gap: 18px; }
}

@media (max-width: 768px) {
    .hdr-menu-main {
        padding: 8px 0 !important;
        background: transparent !important;
    }
    .hdr-menu-main .container,
    .hdr-menu-main .nav-wrapper,
    .hdr-menu-main .container.nav-wrapper {
        width: calc(100% - 24px) !important;
        max-width: 1440px !important;
        margin-inline: auto !important;
    }
    .hdr-pill {
        width: 100% !important;
        max-width: none !important;
        min-height: 56px;
        padding: 5px 8px 5px 12px !important;
        border: 1px solid rgba(25, 26, 50, .08);
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 12px 28px rgba(10, 17, 41, .14);
    }
    .hdr-pill .logo img { height: 42px; }
}


/* HSE Operational Approach: match the Refinery Logistics hero banner. */
body.page-id-13 .hero.pdng-lt-rt {
    position: relative;
    height: 700px;
    min-height: 700px;
    padding: 0 max(40px, calc((100% - 1440px) / 2)) 58px !important;
    display: flex;
    align-items: flex-start;
    background-image: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/hse-operational-approach-banner-image-scaled.webp") !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;justify-content: end;
}

body.page-id-13 .hero.pdng-lt-rt::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(7, 17, 38, .05) 38%, rgba(22, 24, 48, .97) 100%);
}

body.page-id-13 .hero.pdng-lt-rt .hero-content-wrapper {
    position: relative;
    z-index: 2;
    width: min(760px, 62%);
    max-width: 760px;
    margin: 0;
    padding: 0;
    align-items: flex-start;
    gap: 0;
    text-align: left;
}

body.page-id-13 .hero.pdng-lt-rt .hero-container {
    display: block;
    width: 100%;
    margin: 0;
}

body.page-id-13 .hero.pdng-lt-rt .hero-accent-col {
    display: none;
}

body.page-id-13 .hero.pdng-lt-rt .hero-content {
    max-width: 760px;
    gap: 0;
}

body.page-id-13 .hero.pdng-lt-rt .hero-pretitle {
    margin: 0 0 12px;
}

body.page-id-13 .hero.pdng-lt-rt .heading-1 {
    max-width: 760px;
    margin: 0 0 18px !important;
    font-size: clamp(2.25rem, 1.9rem + 1.75vw, 4rem) !important;
    line-height: 1.08 !important;
}

body.page-id-13 .hero.pdng-lt-rt .hero-subtitle {
    max-width: 640px;
    margin: 0;
    font-size: clamp(.875rem, .83rem + .23vw, 1.0625rem);
    line-height: 1.5;
}

@media (max-width: 1100px) {
    body.page-id-13 .hero.pdng-lt-rt {
        height: 600px;
        min-height: 600px;
        padding-left: 32px !important;
        padding-right: 32px !important;
        padding-bottom: 48px !important;
    }

    body.page-id-13 .hero.pdng-lt-rt .hero-content-wrapper {
        width: min(720px, 76%);
    }
}

@media (max-width: 650px) {
    body.page-id-13 .hero.pdng-lt-rt {
        height: 520px;
        min-height: 520px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 34px !important;
    }

    body.page-id-13 .hero.pdng-lt-rt .hero-content-wrapper,
    body.page-id-13 .hero.pdng-lt-rt .hero-content {
        width: 100%;
        max-width: none;
    }

    body.page-id-13 .hero.pdng-lt-rt .heading-1 {
        font-size: clamp(2rem, 8vw, 3rem) !important;
    }
}

@media (max-width: 380px) {
    body.page-id-13 .hero.pdng-lt-rt {
        height: 480px;
        min-height: 480px;
    }
}


/* Keep the desktop HSE content gutter identical to Refinery Logistics. */
@media (min-width: 1101px) {
    body.page-id-13 .hero.pdng-lt-rt {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}


/* Mobile service cards: stack fixed desktop grids instead of clipping the second column. */
@media (max-width: 600px) {
    body:is(.page-id-13, .page-id-173, .page-id-212, .page-id-242, .page-id-312) main :is(.grid-2x2, .grid-2, .grid-3, .grid-4) {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        gap: 16px;
    }

    body:is(.page-id-13, .page-id-173, .page-id-212, .page-id-242, .page-id-312) main :is(.grid-2x2, .grid-2, .grid-3, .grid-4) > * {
        min-width: 0;
        width: 100%;
    }
    .split-left {padding: 50px 20px;}

}


/* Leadership bio popup: preserve the complete transparent portrait instead of cropping it. */
.rdo-lp-modal-panel > img {
    object-fit: contain;
    object-position: center;
    background: #fff;
}

/* Leadership page: remove only the breadcrumb row from the hero. */
body.page-id-594 .rdo-lp-breadcrumb {display: none !important;}



/* Header Contact Us hover: keep the label readable on the red hover state. */
.hdr-pill :is(a.btn-navy, button.btn-navy):is(:hover, :focus-visible) {
    background-color: #ec2633 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.hdr-pill :is(a.btn-navy, button.btn-navy):is(:hover, :focus-visible) * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Homepage Global Presence: compact mobile composition matching the supplied reference. */
@media (max-width: 768px) {
    body.home .rdo-home .rdo-hm-global {
        padding: 48px 0 44px !important;
        text-align: center;
    }

    body.home .rdo-home .rdo-hm-global > .rdo-wrap {
        width: min(calc(100% - 24px), 520px) !important;
        max-width: 520px !important;
        margin-inline: auto;
        padding-inline: 0 !important;
    }

    body.home .rdo-home .rdo-hm-global > .rdo-wrap > h2 {
        margin: 0 0 10px !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.03em;
    }

    body.home .rdo-home .rdo-hm-global > .rdo-wrap > p:not(.rdo-hm-cos) {
        width: min(100%, 310px);
        margin: 0 auto !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    body.home .rdo-home .p2-global-presence-content {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-areas: "left right" "map map";
        align-items: start;
        gap: 0 16px;
        width: 100% !important;
        min-height: 0 !important;
        margin: 24px auto 8px !important;
        overflow: visible !important;
    }

    body.home .rdo-home .p2-global-presence-content::before {
        display: none !important;
    }

    body.home .rdo-home .p2-global-presence-content .stats-left,
    body.home .rdo-home .p2-global-presence-content .stats-right {
        display: block;
        width: 100%;
        min-width: 0;
        text-align: left;
    }

    body.home .rdo-home .p2-global-presence-content .stats-left { grid-area: left; }
    body.home .rdo-home .p2-global-presence-content .stats-right { grid-area: right; }

    body.home .rdo-home .p2-global-presence-content .stats-left > strong,
    body.home .rdo-home .p2-global-presence-content .stats-right > strong {
        display: block;
        margin: 0;
        font-size: 18px !important;
        line-height: 1.1 !important;
        font-weight: 500;
        letter-spacing: -0.03em;
    }

    body.home .rdo-home .p2-global-presence-content .stats-left > p,
    body.home .rdo-home .p2-global-presence-content .stats-right > p {
        margin: 6px 0 0;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    body.home .rdo-home .p2-global-presence-content .map-center {
        grid-area: map;
        position: relative;
        inset: auto;
        z-index: 1;
        width: 100%;
        height: 112px;
        margin: 8px 0 6px;
        background: url("https://vipaccounts.in/delta-oman/wp-content/uploads/2026/09/delta-map-sec-bg-new-scaled-1.webp") center / contain no-repeat;
    }

    body.home .rdo-home .rdo-hm-cos {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start;
        align-items: center;
        width: 100% !important;
        max-width: none !important;
        gap: 8px;
        margin: 0 !important;
        text-align: left;
    }

    body.home .rdo-home .rdo-hm-cos-top { margin-top: 0 !important; }
    body.home .rdo-home .rdo-hm-cos-bottom { margin-top: 8px !important; }

    body.home .rdo-home .rdo-hm-cos span {
        display: inline-flex;
        align-items: center;
        min-height: 26px;
        padding: 6px 9px;
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 999px;
        background: #f4f4f4;
        color: #50515a;
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap;
    }
}


/* Leadership bio popup: keep the Close Bio control clear of the name heading. */
@media (min-width: 641px) {
    .rdo-lp-modal-close {
        top: 18px;
        right: 24px;
    }

    .rdo-lp-modal-copy h2 {
        max-width: calc(100% - 190px);
    }
}


/* Final desktop guard: create vertical clearance so the title never shares the button row. */
@media (min-width: 641px) {
    .rdo-lp-modal-copy h2 {
        max-width: none;
        margin-top: 16px !important;
    }
}



/* Leadership bio popup: match the Delta Ports side-drawer model on every screen. */
.rdo-lp-modal {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    padding: 0;
}

.rdo-lp-modal-backdrop {
    background: rgba(12, 13, 27, .86);
}

.rdo-lp-modal-panel {
    display: block;
    width: min(100%, 1000px);
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
    background: #fff;
    box-shadow: -24px 0 70px rgba(0, 0, 0, .18);
}

.rdo-lp-modal-panel > img {
    display: none;
}

.rdo-lp-modal-copy {
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 56px 64px 72px 48px;
}

.rdo-lp-modal-close {
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #1a1a2e;
    color: #fff;
    font-size: 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
}

.rdo-lp-modal-close span {
    width: 100%;
    height: 100%;
    font-size: 1.35rem;
    line-height: 1;
}

.rdo-lp-modal-close:hover,
.rdo-lp-modal-close:focus-visible {
    background: #d92335;
    color: #fff;
    transform: none;
}

.rdo-lp-modal-copy h2 {
    max-width: none;
    margin: 0 0 8px !important;
    color: #1a1a2e;
    font-size: clamp(2.15rem, 4vw, 3.2rem);
    line-height: 1.08;
    letter-spacing: -.045em;
}

.rdo-lp-modal-copy .rdo-lp-modal-role {
    margin: 0 0 30px;
    color: #d92335;
    font-size: .82rem;
    line-height: 1.25;
}

.rdo-lp-modal-copy .rdo-lp-modal-body {
    max-width: 900px;
    color: #50515a;
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    line-height: 1.55;
}

@media (max-width: 900px) {
    .rdo-lp-modal-panel {
        width: 100%;
    }

    .rdo-lp-modal-copy {
        padding: 56px 40px 64px;
    }
}

@media (max-width: 640px) {
    .rdo-lp-modal-panel {
        width: 100%;
        height: 100%;
        max-height: 100vh;
    }

    .rdo-lp-modal-copy {
        padding: 72px 22px 40px;
    }

    .rdo-lp-modal-close {
        top: 16px;
        right: 16px;
    }

    .rdo-lp-modal-copy h2 {
        font-size: clamp(2rem, 9vw, 2.8rem);
    }

    .rdo-lp-modal-copy .rdo-lp-modal-role {
        margin-bottom: 24px;
    }
}



/* Leadership bio drawer motion: enter from the right and leave to the right. */
.rdo-lp-modal-backdrop {
    opacity: 0;
    transition: opacity .42s ease;
}

.rdo-lp-modal-panel {
    transform: translateX(100%);
    transition: transform .42s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

.rdo-lp-modal.is-open .rdo-lp-modal-backdrop { opacity: 1; }
.rdo-lp-modal.is-open .rdo-lp-modal-panel { transform: translateX(0); }
.rdo-lp-modal.is-closing .rdo-lp-modal-backdrop { opacity: 0; }
.rdo-lp-modal.is-closing .rdo-lp-modal-panel { transform: translateX(100%); }

@media (prefers-reduced-motion: reduce) {
    .rdo-lp-modal-backdrop,
    .rdo-lp-modal-panel {
        transition-duration: .01ms !important;
    }
}