/*
Theme Name: Hello Elementor Child - Delta UAE
Theme URI: https://elementor.com/hello-theme/
Description: Responsive Hello Elementor child theme with custom Delta UAE header and footer.
Author: Custom
Template: hello-elementor
Version: 3.5.1
Text Domain: hello-elementor-child-delta
*/

/* ---------- Base ---------- */

/* =========================================
   Top & Bottom Padding Utilities (Responsive)
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&display=swap');
/* <link href="https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> */
/* Default Desktop (1920px to 1441px) */
.pdng-tp-btm { padding-top: 100px; padding-bottom: 100px; }
.pdng-tp     { padding-top: 100px; }
.pdng-btm    { padding-bottom: 100px; }
.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{max-width:100% !important;padding:0px !important;}
/* Screen 1440px to 992px */
@media (max-width: 1440px) {
    .pdng-tp-btm { padding-top: 80px; padding-bottom: 80px; }
    .pdng-tp     { padding-top: 80px; }
    .pdng-btm    { padding-bottom: 80px; }
}

/* Screen 991px to 576px (Tablet) */
@media (max-width: 991px) {
    .pdng-tp-btm { padding-top: 60px; padding-bottom: 60px; }
    .pdng-tp     { padding-top: 60px; }
    .pdng-btm    { padding-bottom: 60px; }
}

/* Screen 575px to 320px (Mobile) */
@media (max-width: 575px) {
    .pdng-tp-btm { padding-top: 40px; padding-bottom: 40px; }
    .pdng-tp     { padding-top: 40px; }
    .pdng-btm    { padding-bottom: 40px; }
}
/* =========================================
   Typography & Padding Utilities
   ========================================= */
* {
    margin: 0;
    padding: 0 ;
    box-sizing: border-box;
}
main#content {
    padding: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
}
body {
    font-family: 'Geist', sans-serif !important;

    background-color: #f4f4f4; 
}

li, a {
    font-family: 'Geist', sans-serif !important;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.4;
    text-decoration: none;
    list-style: none;
    color: #ffffff;
} .page-id-317 .site-header{background-color:#1a1a2e  !important}
.page-id-323 .site-header{background-color:#1a1a2e  !important}

/* Auto-Responsive Padding */
.pdng-lt-rt { padding-left: 80px; padding-right: 80px; }
@media (max-width: 1440px) { .pdng-lt-rt { padding-left: 60px; padding-right: 60px; } }
@media (max-width: 991px)  { .pdng-lt-rt { padding-left: 40px; padding-right: 40px; } }
@media (max-width: 575px)  { .pdng-lt-rt { padding-left: 20px; padding-right: 20px; } }
:root{--red:#e62b25;--tx-l:#fff;--bg-s:rgba(15,15,15,.95);--f:'geist',sans-serif}
/* GLOBAL TYPOGRAPHY & PADDING UTILITIES */
.all-heading,h1,h2,h3,h4,h5,h6{font-family:var(--f);font-weight:500;line-height:1.2;margin:0}
h1,.all-heading.h1{font-size:clamp(32px,5vw,56px)}
h2,.all-heading.h2{font-size:clamp(28px,4vw,46px)}
h3,.all-heading.h3{font-size:clamp(24px,3vw,36px)}
h4,.all-heading.h4{font-size:clamp(20px,2.5vw,26px)}
h5,.all-heading.h5{font-size:clamp(18px,2vw,22px)}
h6,.all-heading.h6{font-size:clamp(16px,1.5vw,20px)}
p,li,a{font-family:var(--f);font-size:clamp(14px,1.5vw,18px) ;font-weight:400 !important;margin:0}
a{text-decoration:none !important;} .page-header{display:none !important}
/* =========================================
   Header & Navigation Base
   ========================================= */
.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important;
    word-break: normal !important;
} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;color:#fff !important
}
/* home page */
.industri-new-banner{position:relative;width:100%;min-height:100vh;display:flex;align-items:flex-end;padding-bottom:50px !important;background:#111 url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-banner-img-industrial-delta-uae.webp') center/cover no-repeat !important;z-index:1 ;}
.facilities-new-banner{position:relative;width:100%;min-height:100vh;display:flex;align-items:flex-end;padding-bottom:50px !important;background:#111 url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-banner-img-facilities.webp') center/cover no-repeat !important;z-index:1 ;}
.hr-sec{position:relative;width:100%;min-height:100vh;display:flex;align-items:flex-end;padding-bottom:50px !important;background:#111 url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-banner-img-delta-uae.png') center/cover no-repeat;z-index:1}
.hr-sec::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100%);z-index:-1}
.hr-cnt{max-width:100%;width:100%}
.hr-ttl{color:var(--tx-l);margin-bottom:20px;max-width:700px;letter-spacing:-.5px}
.hr-grd{display:grid;grid-template-columns:1fr 1fr;gap:30px 80px;align-items:end}
.hr-desc{color:rgba(255,255,255,.85);line-height:1.6}
.desc-l{grid-column:1;grid-row:1;max-width:600px}
.desc-r{grid-column:2;grid-row:1;text-align:right;max-width:500px;justify-self:end}
.hr-btn-wrp{grid-column:1;grid-row:2;margin-top:10px}
.b-req{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:var(--tx-l);text-decoration:none;padding:14px 28px;font-weight:500;transition:all .3s;border-radius:2px;overflow:hidden;position:relative}
.b-req .arr{transition:transform .3s cubic-bezier(.165,.84,.44,1)}
.b-req:hover{background:#c5221d;box-shadow:0 8px 20px rgba(230,43,37,.3)}
.b-req:hover .arr{transform:translateX(6px)}
.b-req::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}
.b-req:hover::after{left:100%}
@media(max-width:1024px){.hr-grd{gap:30px 40px}}
@media(max-width:768px){.hr-sec{align-items:flex-end;min-height:800px;}.hr-ttl{margin-bottom:30px}.hr-grd{grid-template-columns:1fr;gap:24px}.desc-l{grid-column:1;grid-row:1}.desc-r{grid-column:1;grid-row:2;text-align:left;justify-self:start}.hr-btn-wrp{grid-column:1;grid-row:3;margin-top:15px}.b-req{width:100%;justify-content:center} .eq-header{gap:16px;}}

/*section 2  */
.srv-sec{background:#1a1a2e;color:#fff;width:100%}.srv-cnt{max-width:100%;}.srv-top{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}.srv-p{max-width:500px;text-align:right;color:rgba(255,255,255,.8);margin:0}.srv-grd{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.s-crd{position:relative;border-radius:24px;overflow:hidden;display:block;text-decoration:none;color:#fff;height:480px;-webkit-mask-image:-webkit-radial-gradient(white,black)}.c-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.s-crd:hover .c-bg{transform:scale(1.08)}.c-ovr{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0,rgba(0,0,0,.4) 45%,transparent 70%);z-index:1}.c-icn{position:absolute;top:20px;right:20px;width:36px;height:36px;background:var(--red,#e62b25);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.c-icn svg{transition:transform .3s ease}.s-crd:hover .c-icn{transform:scale(1.1);box-shadow:0 4px 15px rgba(230,43,37,.4)}.s-crd:hover .c-icn svg{transform:translate(2px,-2px)}.c-txt{position:absolute;bottom:0;left:0;width:100%;padding:30px 24px;z-index:2;display:flex;flex-direction:column;gap:10px}.c-txt h4{margin:0;font-size:clamp(20px,2vw,26px);color:#fff !important;font-weight:600;line-height:1.2}.c-txt p{margin:0;color:rgba(255,255,255,.7);font-size:clamp(14px,1.2vw,16px);line-height:1.5}@media(max-width:1024px){.srv-top{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.srv-p{text-align:left;max-width:100%}.srv-grd{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.srv-grd{grid-template-columns:1fr}.s-crd{height:420px}}

/*  sec 3*/
.spc-sec { background: #fff; color: #1a1a1a; width: 100%; overflow: hidden; }
.spc-cnt { max-width: 100%;  display: grid !important; grid-template-columns: 1fr 1.2fr !important; align-items: center; gap: 20px 60px !important; width: 100% !important; }
.spc-hd { grid-column: 1; grid-row: 1; align-self: end; color: #1a1a1a !important; margin-bottom: 10px; font-weight: 500; }
.spc-img-wrap { grid-column: 2; grid-row: 1 / span 3; position: relative; width: 100%; display: flex; justify-content: center; }
.spc-img { width: 100%; max-width: 800px; height: auto; object-fit: contain; }
.spc-p1 { grid-column: 1; grid-row: 2; align-self: start; color: #4a4a4a !important; line-height: 1.6; max-width: 500px; }
.spc-red-box { grid-column: 1 / 3; grid-row: 2 / span 2; background: var(--red, #e62b25); padding: 30px; color: #fff; max-width: 320px; z-index: 2; justify-self: center; margin-left: 20%; box-shadow: 0 10px 30px rgba(230,43,37,0.15); box-sizing: border-box; }
.spc-red-txt { margin: 0 !important; font-size: clamp(15px, 1.2vw, 18px) !important; line-height: 1.5 !important; font-weight: 500; color: #fff !important; }

/* Mobile View Reordering */
@media (max-width: 992px) {
    .spc-cnt { display: flex !important; flex-direction: column; gap: 30px !important; }
    .spc-hd { order: 1; margin-bottom: 0; }
    .spc-img-wrap { order: 2; width: 100%; }
    .spc-p1 { order: 3; max-width: 100%; }
    .spc-red-box { order: 4; max-width: 100%; margin: 0; width: 100%; padding: 30px; }
}
/* section 4 */

.op-sec { background: #121620; width: 100%; }
.op-cnt { max-width: 100%;  width: 100% !important; }
.op-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 50px; }
.op-hd { color: #fff !important; max-width: 600px; margin: 0;  line-height: 1.2; font-size: clamp(28px, 4vw, 46px); }
.op-p { color: rgba(255, 255, 255, 0.7) !important; max-width: 500px; margin: 0; line-height: 1.6; font-size: clamp(14px, 1.2vw, 16px); text-align: right; }
.op-grd { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; margin-bottom: 40px; width: 100% !important; }

/* Updated Card Base styles (removed anchor properties, added transparent border) */
.o-crd { background: #fff !important; border-radius: 12px; padding: 25px 20px; transition: all 0.4s ease; display: flex !important; flex-direction: column; gap: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); box-sizing: border-box !important; border: 1px solid transparent; }

.o-icn-bx { width: 50px; height: 50px; background: #f4f6f8; border-radius: 8px; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; }
.o-icn-bx svg { stroke: #2c3e50; transition: all 0.4s ease; }
.o-hd { color: #1a1a1a !important; font-weight: 700; line-height: 1.4; transition: color 0.4s ease; margin: 0 !important; }

/* Updated font size to 18px */
.o-txt { color: #666 !important; font-size: 18px !important; line-height: 1.6; margin: 0 !important; }

/* Updated Hover States (No background color change, only box shadow + border) */
.o-crd:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.25); border: 1px solid var(--red, #e62b25); }

/* Banner Styles */
.o-bnr { background: var(--red, #e62b25); border-radius: 8px; padding: 24px 30px; display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100% !important; box-sizing: border-box !important; }
.o-bnr-l { display: flex; align-items: center; gap: 15px;color:#fff !important; }
.o-bnr-txt { color: #fff !important; font-size: 16px; font-weight: 500; margin: 0 !important; }
.o-btn { background: #1a1a2e !important; color: #fff !important; padding: 14px 28px; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-decoration: none !important; border-radius: 4px; transition: background 0.3s ease; white-space: nowrap; text-transform: uppercase; }
.o-btn:hover { background: #fff !important; color:#1a1a2e !important; }

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .op-top { flex-direction: column; align-items: flex-start; gap: 20px; }
    .op-p { text-align: left; max-width: 100%; }
    .op-grd { grid-template-columns: repeat(2, 1fr) !important; }
    .o-bnr { flex-direction: column; text-align: center; }
    .o-bnr-l { flex-direction: column; }
}
@media (max-width: 600px) {
    .op-grd { grid-template-columns: 1fr !important; }
    .o-crd { padding: 25px 20px; }
}

/*  section 5*/
.fac-sec { background: #fff; width: 100%; }
.fac-cnt { max-width: 100%;  width: 100% !important; }
.fac-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 50px; }
.fac-top-hd { color: #1a1a1a !important; max-width: 600px; margin: 0; font-weight: 300; line-height: 1.2; font-size: clamp(32px, 4vw, 42px); }
.fac-top-p { color: #1a1a1a !important; max-width: 500px; margin: 0; line-height: 1.6; font-size: clamp(14px, 1.2vw, 15px); text-align: right; }

/* Desktop List Layout */
.fac-list { display: flex; flex-direction: column; gap: 4px; } /* Small gap for the thin white line between images */
.fac-item { display: grid !important; grid-template-columns: 20px 1fr 1.2fr !important; grid-template-rows: auto auto !important; gap: 6px 40px !important; align-items: center; background: #fff !important; }

.fac-num { grid-column: 1; grid-row: 1 / span 2; width: 42px; height: 42px; background: #1a1a24; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; border-radius: 4px; justify-self: start; }
.fac-hd { grid-column: 2; grid-row: 1; align-self: end; margin: 0 !important; color: #1a1a1a !important; font-weight: 700; font-size: 16px !important; }
.fac-p { grid-column: 2; grid-row: 2; align-self: start; margin: 0 !important; color: #666 !important; font-size: 14px !important; line-height: 1.5; }

/* Image block on the right */
.fac-img-wrap { grid-column: 3; grid-row: 1 / span 2; height: 110px; width: 100%; }
.fac-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Responsive & Requested Mobile Ordering */
@media (max-width: 992px) { 
    .fac-top { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 30px; } 
    .fac-top-p { text-align: left; } 
    .fac-item { grid-template-columns: 60px 1fr 1fr !important; gap: 5px 20px !important; } 
}
@media (max-width: 768px) { 
    .fac-list { gap: 40px; }
    .fac-item { grid-template-columns: 50px 1fr !important; grid-template-rows: auto auto auto !important; gap: 15px !important; } 
    /* Order: Number (Row 1) -> Heading (Row 1) -> Image (Row 2) -> Paragraph (Row 3) */
    .fac-num { grid-column: 1 !important; grid-row: 1 !important; width: 40px; height: 40px; } 
    .fac-hd { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; font-size: 18px !important; } 
    .fac-img-wrap { grid-column: 1 / span 2 !important; grid-row: 2 !important; height: 220px !important; } 
    .fac-p { grid-column: 1 / span 2 !important; grid-row: 3 !important; font-size: 16px !important; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; } 
}

/* section 6 */

/* 1. STRUCTURED SERVICE PROCESS SECTION - WITH ANIMATIONS */
.proc-sec { background: #1a1a2e; width: 100%; color: #fff; }
.proc-cnt { max-width: 100%;  width: 100% !important; }
.proc-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 60px; }
.proc-hd { color: #fff !important; margin: 0; font-weight: 300; line-height: 1.2; font-size: clamp(28px, 3.5vw, 36px); }
.proc-p { color: #fff !important; max-width: 400px; margin: 0; line-height: 1.4;  text-align: right; }

/* Process Flow Layout */
.proc-flw { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; gap: 10px; }
.proc-itm { display: flex; flex-direction: column; align-items: center; text-align: center;  max-width: 200px; cursor: default; }
.proc-icn { width: 56px; height: 56px; background: var(--red, #e62b25); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(230,43,37,0.3); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.27); }
.proc-icn svg { stroke: #fff; width: 24px; height: 24px; transition: transform 0.4s ease; }
.proc-itm-hd { color: #fff !important;  margin: 0 0 10px 0 !important; line-height: 1.3; transition: color 0.3s ease; }
.proc-itm-p { color: rgba(255, 255, 255, 0.6) !important; line-height: 1.5; margin: 0 !important; }

/* Interactive Hover Effects */
.proc-itm:hover .proc-icn { transform: scale(1.15) translateY(-5px); }
.proc-itm:hover .proc-icn svg { transform: scale(1.1); }
/* .proc-itm:hover .proc-itm-hd { color: var(--red, #e62b25) !important; } */

/* Connecting Arrows with Flowing Animation */
.proc-arr {  margin-top: 30px;  display: flex; align-items: center; justify-content: center;  }
.proc-arr img { width: 100px !important;max-width:100px !important; stroke: #fff;  }

/* Keyframes for Desktop (Left to Right flow) */
@keyframes arr-flow-x {
    0% { transform: translateX(-5px); opacity: 0.2; }
    50% { transform: translateX(5px); opacity: 0.8; }
    100% { transform: translateX(-5px); opacity: 0.2; }
}

/* Keyframes for Mobile (Top to Bottom flow) */
@keyframes arr-flow-y {
    0% { transform: translateY(-5px) rotate(90deg); opacity: 0.2; }
    50% { transform: translateY(5px) rotate(90deg); opacity: 0.8; }
    100% { transform: translateY(-5px) rotate(90deg); opacity: 0.2; }
}

/* Responsive Mobile Layout (Icons/Arrows Column-wise) */
@media (max-width: 992px) {
    .proc-top { flex-direction: column; align-items: flex-start; gap: 15px; margin-bottom: 40px; }
    .proc-p { text-align: left; }
    .proc-flw { flex-direction: column; align-items: center; gap: 15px; }
    .proc-itm { max-width: 100%; padding: 0 20px; }
    .proc-arr { margin-top: 0; margin-bottom: 0; width: 30px; height: 30px; animation: arr-flow-y 2s infinite ease-in-out; }
}

/* section 7 */

/* SERVING CONTAINER-BASED OPERATIONS SECTION (Updated with Footers) */
.srv-op-sec { background: #1a1a2e; width: 100%; }
.srv-op-cnt {  width: 100% !important; }
.srv-op-hd { color: #fff !important; text-align: center; margin: 0 0 30px 0; font-weight: 300; font-size: clamp(28px, 3vw, 36px); }

.srv-op-grd { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; width: 100% !important; }
.srv-op-crd { background: #fff !important; border-radius: 8px; overflow: hidden; display: flex !important; flex-direction: column; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid transparent;padding:20px; }

/* Interactive Card Hover */
.srv-op-crd:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.4); border-color: rgba(255,255,255,0.1); }

/* Top text portion of card */
.srv-op-txt-box {  flex-grow: 1; display: flex; flex-direction: column; }
.srv-op-icn { width: 40px; height: 40px;  border-radius: 6px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: background 0.3s ease; }
.srv-op-icn svg { stroke: #2c3e50; width: 20px; height: 20px; }
.srv-op-c-hd { color: #1a1a1a !important; font-size: 18px !important; font-weight: 700; margin: 0 0 12px 0 !important; line-height: 1.3; }
.srv-op-c-p { color: #666 !important; font-size: 16px !important; line-height: 1.6; margin: 0 !important; }

/* Middle image portion of card */
.srv-op-img-wrap { width: 100%; margin-top:10px; }
.srv-op-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* New Bottom Footer portion of card */
.srv-op-ftr { border-top: 1px solid #eaeaea; padding: 26px 0px 0px 0px; display: flex; justify-content: space-between; align-items: center; background: #fff; transition: background 0.3s ease; }
.srv-op-ftr-txt { font-size: 12px; font-weight: 400; color: #264B44 !important; margin: 0 !important; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.3s ease; }
.srv-op-ftr-icn { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%;  transition: all 0.3s ease; }
.srv-op-ftr-icn svg { width: 12px; height: 12px; stroke: #888; transition: stroke 0.3s ease; }

/* Card Footer Hover Interaction */
/* .srv-op-crd:hover .srv-op-ftr { background: #fafafa; }
.srv-op-crd:hover .srv-op-ftr-txt { color: var(--red, #e62b25) !important; }
.srv-op-crd:hover .srv-op-ftr-icn { border-color: var(--red, #e62b25); background: var(--red, #e62b25); }
.srv-op-crd:hover .srv-op-ftr-icn svg { stroke: #fff; } */

/* Responsive Mobile Layout */
@media (max-width: 992px) {
    .srv-op-grd { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 660px) {
    .srv-op-grd { grid-template-columns: 1fr !important; max-width: 450px; margin: 0 auto; }
}

/* section 8 */

/* WHY WORK WITH DELTA UAE SECTION (Renamed Classes) */
.delta-why-sec { background: #fff !important; width: 100% !important; display: block !important; visibility: visible !important; opacity: 1 !important; position: relative; z-index: 10; }
.delta-why-grid { max-width: 100%; width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px 60px !important; align-items: start; }
.delta-why-title { grid-column: 2; grid-row: 1; align-self: end; color: #1a1a1a !important; margin: 0 0 20px 0 !important; font-weight: 300; line-height: 1.2; font-size: clamp(32px, 3.5vw, 42px); display: block !important; }
.delta-why-img-col { grid-column: 1; grid-row: 1 / span 2; position: relative; width: 100%; height: 100%; min-height: 600px; overflow: hidden; display: flex; border-radius: 8px; }
.delta-why-content-col { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; width: 100%; }
.delta-why-img-col img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.delta-why-img-col::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 40%, rgba(0,0,0,0.8) 100%); z-index: 1; }
.delta-why-badge { position: absolute; top: 40px; left: 40px; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; display: flex; align-items: center; gap: 12px; z-index: 2; text-transform: uppercase; }
.delta-why-badge::before { content: ''; width: 24px; height: 2px; background: var(--red, #e62b25); }
.delta-why-img-content { position: absolute; bottom: 40px; left: 40px; color: #fff; z-index: 2; }
.delta-why-img-title { font-size: clamp(36px, 4vw, 56px); font-weight: 300; line-height: 1.1; margin-bottom: 15px; } 
.delta-why-img-sub {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delta-why-img-sub .delta-location-icon {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px;
    max-width: 15px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.delta-why-img-sub { font-size: 12px; font-weight: 400; letter-spacing: 1px; color: rgba(255,255,255,0.7); text-transform: uppercase; }
.delta-why-subtitle {  font-weight: 600 !important; color: #4a4a4a !important; margin: 0 0 15px 0 !important; border-bottom: 1px solid #1a1a1a; padding-bottom: 10px; }
.delta-why-features { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.delta-why-item { display: flex; gap: 15px; padding: 20px 0; border-bottom: 1px solid #eaeaea; }
.delta-why-dot { width: 4px; height: 4px; background: var(--red, #e62b25); margin-top: 8px; flex-shrink: 0; }
.delta-why-item-text { display: flex; flex-direction: column; gap: 5px; }
.delta-why-item-text strong { font-size: 16px; color: #1a1a1a; font-weight: 700; }
.delta-why-item-text p { margin: 0 !important;  color: #666 !important; line-height: 1.5; }
.delta-why-banner { background: var(--red, #e62b25); color: #fff !important; padding: 20px 24px; margin-top: 25px; font-weight: 400; line-height: 1.5; border-radius: 2px; }

@media (max-width: 992px) {
    .delta-why-grid { display: flex !important; flex-direction: column; gap: 24px !important; }
    .delta-why-title { order: 1; margin-bottom: 0 !important; }
    .delta-why-img-col { order: 2; min-height: 450px; }
    .delta-why-content-col { order: 3; }
    .delta-why-badge { top: 25px; left: 25px; }
    .delta-why-img-content { bottom: 25px; left: 25px; }
}

/* section 9 */

/* CTA SUPPORT SECTION */
.cta-sec { background: #1a1a2e; width: 100%; }
.cta-cnt { max-width: 100%; width: 100% !important; }
.cta-box { background: #f8f9fa; border: 1px solid #eaeaea; border-radius: 20px; overflow: hidden; display: grid !important; grid-template-columns: 1.2fr 1fr !important; align-items: center; }

/* Left Text Column */
.cta-txt-col { padding: 40px 40px 40px 40px; display: flex; flex-direction: column; }
.cta-hd { color: #1a1a24 !important; font-size: clamp(32px, 3.5vw, 42px); font-weight: 500; margin: 0 0 20px 0 !important; line-height: 1.2; }
.cta-p { color: #666 !important; font-size: 16px !important; line-height: 1.6; margin: 0 0 40px 0 !important; max-width: 550px; }

/* Buttons */
.cta-btns { display: flex; gap: 15px; flex-wrap: wrap; }
.cta-btn-red { background: var(--red, #e62b25) !important; color: #fff !important; padding: 15px 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; border-radius: 4px; transition: background 0.3s ease; letter-spacing: 0.5px; border: none; }
.cta-btn-red:hover { background: #c5221d !important; }
.cta-btn-drk { background: #161622 !important; color: #fff !important; padding: 15px 30px; font-size: 12px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; border-radius: 4px; transition: background 0.3s ease; letter-spacing: 0.5px; border: none; }
.cta-btn-drk:hover { background: #000 !important; }

/* Right Image Column */
.cta-img-col { padding: 40px; display: flex; justify-content: center; align-items: center; }
.cta-img-col img { width: 100%; max-width: 550px; height: auto; mix-blend-mode: multiply; opacity: 0.8; } 
/* Note: mix-blend-mode makes white backgrounds on sketches turn transparent */

/* Responsive Mobile Layout */
@media (max-width: 992px) {
    .cta-box { grid-template-columns: 1fr !important; }
    .cta-txt-col { padding: 50px 30px 20px 30px; text-align: center; align-items: center; }
    .cta-p { text-align: center; }
    .cta-btns { justify-content: center; }
    .cta-img-col { padding: 20px 30px 50px 30px; }
}
@media (max-width: 480px) {
    .cta-btns { flex-direction: column; width: 100%; }
    .cta-btn-red, .cta-btn-drk { width: 100%; text-align: center; }
}

/* about us page */

/* banner */


.hero { 
  min-height: 100vh; 
  display: flex; 
  flex-direction: column; padding-bottom:30px;
 
  background: linear-gradient(90deg, #000c 0%, #0006 60%, transparent 100%), url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-banner-about-us-delta-uae.webp') center/cover; 
}

/* 1. Desktop Order: Text -> Buttons -> Tags */
.hero-text { max-width: 800px; margin-top: auto; order: 1;direction:flex;flex-direction:column;gap:16px; }
.hero h1 { color:#fff; }
.hero p {  color: #fff; max-width: 680px; margin-bottom: 30px; }

.btns { display: flex; gap: 15px; flex-wrap: wrap; order: 2; }
.btn { padding: 14px 32px; font-size: 16px; font-weight: 500; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; transition: .3s; }
.btn-red { background: #e62b38; color: #fff; border: 1px solid #e62b38; }
.btn-red:hover { background: #c9222e; }
.btn-out { background: transparent; color: #fff; border: 1px solid #fff; }
.btn-out:hover { background: #fff; color: #000; }

.tags { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; margin-top: auto; padding-top: 40px; width: 100%; order: 3; }
.tags span { font-size: 16px; font-weight: 500; padding: 8px 16px; border: 1px solid rgba(255,255,255,0.3); color:#fff;backdrop-filter: blur(5px); }

/* =========================================
   Mobile View (Buttons moved to last)
========================================= */
@media (max-width: 768px) {
  .hero { padding: 8% 5%; background: linear-gradient(180deg, #000a 0%, #000e 100%), url('your-bg.jpg') center/cover; }
  
  .hero p { margin-bottom: 20px; }
  
  /* Swap order: Tags jump up, Buttons drop down */
  .tags { 
    order: 2; 
    justify-content: flex-start; 
    margin-top: 0; 
    padding-top: 20px; 
  }
  
  .btns { 
    order: 3; 
    flex-direction: column; 
    width: 100%; 
   
    padding-top: 40px; 
  }
  
  .btn { width: 100%; }
}

/*  section 2*/

.lifecycle-support{background-color:#1a1a2e;color:#fff}.support-header{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px;flex-wrap:wrap}.header-content{max-width:600px;flex:1 1 100%}.subtitle{color:#fff;margin-bottom:16px}.description{color:#fff}.header-tags{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.header-tag{display:flex;align-items:center;gap:12px;background-color:#fff;padding:12px 20px;border-radius:4px}.tag-text{display:flex;flex-direction:column;gap:2px}.tag-label{font-size:10px;color:#48626C;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.tag-value{color:#1a1a2e;font-weight:700;font-size:12px;}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.card{background-color:#f9f9f9;border-radius:8px;padding:32px 24px;display:flex;flex-direction:column;transition:transform .3s ease;cursor:pointer}.card:hover{transform:translateY(-5px)}.card-icon{width:48px;height:48px;display:flex;margin-bottom:24px}.card-core{font-size:10px;color:#666;font-weight:600;margin-bottom:12px;letter-spacing:1px}.card-title{font-size:20px;color:#1a1a2e;font-weight:600;margin-bottom:12px}.card-desc{color:#666;line-height:1.5;margin-bottom:40px;flex-grow:1}.card-footer{font-size:10px;color:#666;font-weight:500;letter-spacing:1px}@media(max-width:992px){.support-header{flex-direction:column}.header-content{max-width:100%}}@media(max-width:768px){.cards-grid{grid-template-columns:1fr}}

/*  section 3*/

.mission-vision{background-color:#f8f9fa}.mv-header{display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.mv-underline{width:32px;height:2px;background-color:#111}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.mv-card{border-radius:4px;padding:40px 32px;display:flex;flex-direction:column;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}.mission-card{background-color:#1a1b2f;border-left:6px solid #e62b38}.vision-card{background-color:#e62b38;border-left:6px solid #1a1b2f}.mv-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.mv-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border-radius:3px}.tag-red{background-color:#e62b38}.tag-dark{background-color:#1a1b2f}.mv-icon{width:32px;height:32px;border-radius:50%;background-color:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.mv-title{font-size:1.5rem;font-weight:500;margin-bottom:16px}.mv-desc{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.85);margin-bottom:48px;flex-grow:1}.mv-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.2);padding-top:20px;font-size:.8rem;font-weight:400}@media(max-width:768px){.mv-grid{grid-template-columns:1fr}.mv-card{padding:32px 24px}}

/* section 4 */

/* Container Layout */
.footprint-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* ==================
   Left Column 
================== */
.location-hub-box {
  background-color: #d0d1d5;
  border-radius: 6px;
  padding: 24px;
  margin-bottom: 24px;
}

.hub-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.hub-title strong {
  font-size: 14px;
  color: #111;
  letter-spacing: 0.5px;
}

.hub-desc {
  
  color: #555;
  line-height: 1.5;
  margin: 0;
}

.footprint-desc {
 
  color: #666;
  line-height: 1.6;
  margin-bottom: 32px;
}

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

.footprint-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  
  color: #333;
}

/* ==================
   Right Column 
================== */
.footprint-architecture {
  background-color: #f4f5f8;
  border-radius: 8px;
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.arch-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.arch-title, .arch-subtitle {
  font-size: 0.75rem;
  font-weight: 700;
  color: #555;
  letter-spacing: 1px;
}

/* Cards Base Styles */
.arch-card {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  cursor: pointer;
  color: #111;
}

.arch-card-left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.arch-icon {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #f0f2f5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555; /* Default SVG stroke color */
  transition: all 0.3s ease;
}

.arch-card-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.arch-card-title {
  font-size: 1rem;
  font-weight: 600;
}

.arch-card-sub {
  font-size: 0.8rem;
  color: #888;
  transition: color 0.3s ease;
}

/* Base Tag Setup (added padding/border to prevent shift on hover) */
.arch-card-tag {
  font-size: 0.75rem;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.3s ease;
}

/* Base style for the pre-active Middle Card */
.active-card {
  background-color: #1a1a2e;
  color: #ffffff;
}
.active-card .arch-icon {
  background-color: rgba(255, 255, 255, 0.1);
  color: #e62b38; /* Red SVG stroke */
}
.active-card .arch-card-sub {
  color: #a0a0a0;
}
.highlight-tag {
  color: #e62b38 !important;
  background-color: rgba(230, 43, 56, 0.1);
}

/* Arrows */
.arch-arrow {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}

/* =========================================
   Universal Hover Effects (Matches 2nd Card)
========================================= */
.arch-card:hover {
  background-color: #1a1a2e;
  color: #ffffff;
}

.arch-card:hover .arch-icon {
  background-color: rgba(255, 255, 255, 0.1);
  color: #e62b38; /* Changes icon to red */
}

.arch-card:hover .arch-card-sub {
  color: #a0a0a0;
}

.arch-card:hover .arch-card-tag {
  color: #e62b38;
  background-color: rgba(230, 43, 56, 0.1); /* Red highlight box */
}

/* ==================
   Mobile Auto-Responsive
================== */
@media (max-width: 992px) {
  .footprint-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .footprint-architecture {
    padding: 24px 16px;
  }
  
  .arch-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  
  .arch-card-tag {
    align-self: flex-start;
    margin-left: 56px; 
  }
}

/*  section 5*/
.operational-section{background-color:#1a1a2e;overflow:hidden;}
.op-grid{display:grid;grid-template-columns:1fr 1fr;}.op-image-panel{display:flex;flex-direction:column;justify-content:space-between;padding:60px 50px;background:linear-gradient(180deg,rgba(15,15,25,.8) 0,rgba(15,15,25,.2) 40%,rgba(15,15,25,.9) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-delta-uae-about2.webp') center/cover no-repeat;min-height:650px}.op-text-top{max-width:420px}.op-subtitle{color:#d1d5db;}.op-text-bottom{max-width:480px}.op-base-title{color:#fff;font-weight:700;margin-bottom:8px}.op-base-desc{color:rgba(255,255,255,.6);line-height:1.6;margin:0}.op-features-panel{display:flex;flex-direction:column;justify-content:center;padding:60px;background-color:#161623}.op-feature{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.1)}.op-feature:first-child{padding-top:0}.op-feature:last-child{border-bottom:none;padding-bottom:0}.op-num{background-color:#e62b38;color:#fff;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:3px;flex-shrink:0}.op-info{display:flex;flex-direction:column;gap:8px}.op-feat-title{color:#fff;font-weight:600;margin:0}.op-feat-desc{color:#9ba0b5;line-height:1.6;margin:0}@media(max-width:992px){.op-grid{grid-template-columns:1fr}.op-image-panel{min-height:450px;padding:40px 30px}.op-features-panel{padding:40px 30px}}@media(max-width:768px){.op-feature{padding:24px 0;gap:16px}.op-feat-title{font-size:1.05rem}.op-feat-desc{font-size:.9rem}}


/*  section 6*/

.methodology-section{background-color:#f4f5f9;
	color:#111}.meth-top-wrap{display:grid;grid-template-columns:35% 1fr;grid-template-areas:"title title" "text img";gap:20px 40px;margin-bottom:60px}.meth-title-area{grid-area:title}.meth-text-area{grid-area:text;display:flex;flex-direction:column;justify-content:center}.meth-img-area{grid-area:img}.meth-steps-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db}.meth-card{padding:30px 24px;border-right:1px solid #d1d5db;transition:all .3s ease;cursor:pointer;color:#111}.meth-card:last-child{border-right:none}.meth-card:hover{background-color:#1a1a2e;color:#fff}.meth-card:hover h5,.meth-card:hover p,.meth-card:hover span{color:#fff!important}.meth-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}@media(max-width:992px){.meth-top-wrap{grid-template-columns:1fr;grid-template-areas:"title" "img" "text"}.meth-steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-bottom:none}.meth-card{border-right:none;border-bottom:1px solid #d1d5db}}@media(max-width:768px){.meth-top-wrap{display:flex;flex-direction:column}.meth-img-area{order:1}.meth-title-area{order:2;margin-top:24px}.meth-title-area h2{margin-bottom:16px!important}.meth-text-area{order:3}}


/*service page   */
.inspec-new-banner{background:linear-gradient(90deg,rgba(10,10,15,.9) 0,rgba(10,10,15,.6) 50%,rgba(10,10,15,.2) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-delta-uae-services5.webp') center/cover no-repeat !important;}

.maintance-new-banner{background:linear-gradient(90deg,rgba(10,10,15,.9) 0,rgba(10,10,15,.6) 50%,rgba(10,10,15,.2) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-delta-uae-services4.webp') center/cover no-repeat !important;}

.sla-new-banner{background:linear-gradient(90deg,rgba(10,10,15,.9) 0,rgba(10,10,15,.6) 50%,rgba(10,10,15,.2) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-delta-uae-services6.webp') center/cover no-repeat !important;}
/* banner section  */
.repair-hero{min-height:850px;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(10,10,15,.9) 0,rgba(10,10,15,.6) 50%,rgba(10,10,15,.2) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/container-new-banner-repair1.webp') center/cover no-repeat;}.repair-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:30px}.repair-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#e62b38;color:#fff;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:4px;width:fit-content;transition:background-color .3s ease}.repair-btn:hover{background-color:#c9222e}.repair-features-wrapper{background-color:rgba(20,20,35,.85);backdrop-filter:blur(10px);padding-top:20px;padding-bottom:20px;}.repair-features-scroll{display:flex;justify-content:space-between;gap:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.repair-features-scroll::-webkit-scrollbar{display:none}.r-feat{display:flex;align-items:center;gap:12px;flex:0 0 auto}.r-icon{width:40px;height:40px;background-color:rgba(230,43,56,.1);border-radius:6px;display:flex;align-items:center;justify-content:center}.r-text{display:flex;flex-direction:column;gap:4px}.r-title{color:#fff;font-size:.9rem;font-weight:600}.r-sub{color:#9ca3af;font-size:.75rem}@media(max-width:992px){.repair-features-scroll{justify-content:flex-start}}@media(max-width:768px){
	.repair-hero{background:linear-gradient(180deg,rgba(10,10,15,.8) 0,rgba(10,10,15,.95) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/container-new-banner-repair1.webp') center/cover no-repeat ;} 
		.inspec-new-banner{background:linear-gradient(180deg,rgba(10,10,15,.8) 0,rgba(10,10,15,.95) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-delta-uae-services5.webp') center/cover no-repeat !important;}
	
		.maintance-new-banner {background:linear-gradient(180deg,rgba(10,10,15,.8) 0,rgba(10,10,15,.95) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-delta-uae-services4.webp') center/cover no-repeat !important;}
		.sla-new-banner{background:linear-gradient(180deg,rgba(10,10,15,.8) 0,rgba(10,10,15,.95) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-delta-uae-services6.webp') center/cover no-repeat !important}
.repair-btn{width:100%}.r-feat{padding-right:24px}}

/*  sections 2*/
.service-overview{background-color:#f8f9fa}.so-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.so-img-box{position:relative;width:100%;border-radius:4px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05)}.so-main-img{width:100%;height:100%;object-fit:cover;display:block;min-height:300px}.so-overlay{position:absolute;bottom:24px;left:24px;right:24px;background-color:rgba(26,27,47,.9);backdrop-filter:blur(8px);border-radius:6px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.so-overlay-left{display:flex;align-items:center;gap:10px}.so-overlay-title{color:#fff;font-weight:600}.so-overlay-right{display:flex;align-items:center}.so-overlay-subtitle{color:#8a8d9f;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.so-content{display:flex;flex-direction:column;padding-right:20px}.so-heading{color:#111;line-height:1.15;margin-bottom:24px;font-weight:400}.so-desc{color:#555;font-weight:400;line-height:1.6;margin-bottom:16px}.so-desc-last{margin-bottom:0}@media(max-width:992px){.so-grid{grid-template-columns:1fr;gap:20px}.so-content{display:contents}.so-heading{order:1;margin-bottom:0}.so-img-box{order:2}.so-desc{order:3}.so-desc-last{order:4}.so-content{padding-right:0}}@media(max-width:768px){.so-overlay{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:flex-start;gap:10px}}


/* section 3 */

.scope-services{background-color:#161623;color:#fff;
}.scope-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px}.scope-heading-main{font-weight:400;margin:0}.scope-sub-main{font-weight:400;color:#d1d5db;max-width:480px;text-align:right;margin:0}.scope-list{border-top:1px solid rgba(255,255,255,.15)}.scope-row{display:grid;grid-template-columns:80px 250px 1fr;gap:24px;padding:32px 20px;border-bottom:1px solid rgba(255,255,255,.15);transition:background-color .3s ease;cursor:pointer;align-items:center}.scope-row:hover{background-color:#e62b38}.scope-col-1{display:flex;flex-direction:column;gap:8px}.s-id{font-size:.75rem;font-weight:700;letter-spacing:1px}.s-icon{width:20px;height:20px}.s-title{font-weight:400;margin:0}.s-desc{line-height:1.6;font-weight:400;color:#9ca3af;margin:0}.scope-row:hover .s-desc{color:#fff}@media(max-width:992px){.scope-header{flex-direction:column;gap:20px}.scope-sub-main{text-align:left;max-width:100%}.scope-row{grid-template-columns:60px 200px 1fr}}@media(max-width:768px){.scope-row{grid-template-columns:1fr;gap:12px;padding:24px 16px}.scope-col-1{flex-direction:row;align-items:center;margin-bottom:8px}}

/* section 4 */
.repair-workflow{background-color:#161623;color:#fff;
}.rw-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px}.rw-heading{font-weight:400;margin:0}.rw-desc{line-height:1.6;color:#d1d5db;font-weight:400;max-width:500px;text-align:right;margin:0}.rw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}.rw-step{display:flex;flex-direction:column;cursor:pointer;transition:transform .3s ease}.rw-step:hover{transform:translateY(-5px)}.rw-num-wrap{margin-bottom:20px}.rw-num{font-size:4.5rem;font-weight:300;line-height:1;color:#fff;transition:color .3s ease;display:block}.rw-line{width:35px;height:2px;background-color:#fff;margin-top:4px}.rw-step:hover .rw-num{color:#e62b38}.rw-title{font-weight:600;margin:0 0 8px}.rw-sub{line-height:1.4;color:#9ca3af;font-weight:400;margin:0}@media(max-width:992px){.rw-header{flex-direction:column;gap:20px;margin-bottom:50px}.rw-desc{text-align:left;max-width:100%}}@media(max-width:768px){.rw-steps{grid-template-columns:1fr,;gap:40px}}

/* section 5 */
.rw-steps.new-updated-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 16px;
}
.facility-ops{background-color:#f4f5f9;
}.f-ops-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px}.f-heading-main{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:#111;margin:0;max-width:600px;line-height:1.2}.f-sub-main{font-size:1.05rem;line-height:1.6;color:#555;max-width:500px;text-align:right;margin:0}.f-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.f-card{background-color:#1a1a2e;border-radius:8px;padding:32px 24px;display:flex;gap:20px;color:#fff;box-shadow:0 8px 20px rgba(212,53,43,.15);transition:transform .3s ease}.f-card:hover{transform:translateY(-5px)}.f-icon-box{display:flex;align-items:flex-start;justify-content:flex-start;flex-shrink:0} .all-heading span{
font-weight: 600;
font-style: Semi Bold;
font-size: 11px;
leading-trim: NONE;
line-height: 16px;
letter-spacing: 0.66px;
vertical-align: middle;
}.f-icon-img{object-fit:contain}.f-text{display:flex;flex-direction:column}.f-title{font-weight:500;margin:0 0 12px}.f-desc{font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);margin:0 0 24px;flex-grow:1}.f-footer{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.5px}@media(max-width:992px){.f-ops-header{flex-direction:column;gap:20px}.f-sub-main{text-align:left;max-width:100%}}@media(max-width:768px){.f-ops-grid{grid-template-columns:1fr;gap:20px}.f-card{flex-direction:column;padding:24px}.f-icon-box{margin-bottom:8px}}


/* section 6 */
.supporting-ops{background-color:#161626;color:#fff}.supp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px}.supp-title{font-size:clamp(2rem,3.5vw,2.6rem);font-weight:400;margin:0;line-height:1.2;flex:1}.supp-desc{font-size:.95rem;line-height:1.6;color:#a3a6b8;margin:0;flex:1;max-width:500px;text-align:right}.supp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.supp-card{background-color:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column;color:#111;height:100%}.supp-icon{width:32px;height:32px;background-color:#e62b38;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.supp-card-title{font-size:1.1rem;font-weight:600;margin:0 0 12px 0}.supp-card-desc{line-height:1.5;color:#666;margin:0 0 20px 0;flex-grow:1}.supp-img{width:100%;object-fit:cover;margin-bottom:20px;border-radius:2px}.supp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.supp-list li{font-size:16px;color:#666;display:flex;align-items:center;gap:8px}.supp-dot{width:4px;height:4px;background-color:#e62b38;border-radius:50%;flex-shrink:0}@media(max-width:992px){.supp-header{flex-direction:column;gap:16px}.supp-desc{text-align:left;max-width:100%}.supp-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}
/* faq sections */
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #d4352b  !important;
    color: #fff;
    text-decoration: none;
}
.faq-section{background-color:#fff;}.faq-header{text-align:center;margin-bottom:28px;padding:0 20px}.faq-title{font-size:clamp(2rem,3.5vw,2.5rem);font-weight:400;color:#111;margin:0 0 16px 0}.faq-subtitle{font-weight:400;color:#444;max-width:800px;margin:0 auto;line-height:1.5}.faq-accordion{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background-color:#1a1a2e;border-radius:6px;overflow:hidden;transition:background-color .3s ease}  .faq-question {
        display: flex;
/*         flex-wrap: wrap; */
        align-items: center;
        justify-content: space-between;
        gap: 10px;

        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        min-height: 65px;

        padding: 18px 20px;
        box-sizing: border-box;
color:#fff;
        text-align: left;
        white-space: normal !important;
        overflow-wrap: break-word;
        word-break: normal;
        line-height: 1.5;
        font-size: 18px;
    }
.faq-icon{transition:transform .3s ease;flex-shrink:0;margin-left:16px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-answer-inner{padding:0 24px 24px}.faq-answer-inner p{color:rgba(255,255,255,.85);font-weight:400;line-height:1.6;margin:0}.faq-item.faq-active{background-color:#d4352b !important}.faq-item.faq-active .faq-icon{transform:rotate(180deg)}@media(max-width:768px){.faq-question{font-size:1rem;padding:16px 20px}.faq-answer-inner{padding:0 20px 20px}}



/* our facilitise section 3 */

.operational-infra-section{background:#0b0f19;color:#fff;padding:80px 5%;}
.infra-container{max-width:1400px;margin:0 auto}

/* Header */
.infra-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px;flex-wrap:wrap}
.infra-title{font-size:clamp(2rem,3.5vw,3rem);font-weight:500;color:#fff;margin:0;flex:1;min-width:280px}
.infra-subtitle{color:#9ca3af;line-height:1.6;max-width:540px;margin:0;flex:1;min-width:280px}

/* Grid & Left Column */
.infra-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:stretch}
.infra-image-col,.infra-img-wrapper{position:relative;width:100%;height:100%}
.infra-image-col{border-radius:12px;overflow:hidden;min-height:450px}
.infra-img-wrapper{min-height:500px}
.infra-main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}

/* Floating Stats */
.infra-stats-stack{position:absolute;bottom:0px;left:0px;display:flex;flex-direction:column;gap:12px;z-index:2}
.infra-stat-card{background:rgba(255,255,255,.95);color:#111827;padding:12px 20px;border-radius:0px 6px 6px 0px;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:160px;backdrop-filter:blur(4px)}
.stat-number{display:block;font-size:1.25rem;font-weight:700;color:#111827;line-height:1.2}
.stat-label{display:block;font-size:.65rem;font-weight:600;color:#6b7280;letter-spacing:.05em;margin-top:2px}

/* Right Column: Steps */
.infra-steps-col{display:flex;flex-direction:column;gap:20px}
.infra-step-card{color:#fff;border-radius:10px;padding:24px 28px;display:flex;align-items:flex-start;gap:20px;}
.infra-step-card:hover{transform:translateY(-2px)}
.infra-step-num{font-size:1.75rem;font-weight:700;line-height:1;color:#fff;opacity:.9;min-width:40px}
.infra-step-content{display:flex;flex-direction:column;gap:6px}
.step-heading{font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.4}
.step-desc{color:rgba(255,255,255,.85);line-height:1.5;margin:0}

/* Responsive */
@media(max-width:1024px){
  .infra-grid{grid-template-columns:1fr}
  .infra-image-col{min-height:400px}
}
@media(max-width:640px){
  .operational-infra-section{padding:40px 20px}
/*   .infra-stats-stack{top:15px;left:px} */
  .infra-stat-card{padding:10px 14px;min-width:130px}
  .stat-number{font-size:1.1rem}
  .infra-step-card{padding:0px 0px;gap:14px}
	.infra-step-num{font-size:1.4rem} .infra-header{gap:16px;} .eq-header{gap:16px;} .od-header{gap:16px;}
}

/* 4th section  */
.equipment-section {
    background-color: #fff;
    color: #1a1a2e;
   
  }

  /* Utility classes mapping */
 

 

  /* Header Layout */
  .eq-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }

  .eq-title {
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 500;
    color: #1a1a2e;
    margin: 0;
    flex: 1;
    min-width: 280px;
    line-height: 1.15;
  }

  .eq-subtitle {
   
    color: #1a1a2e;
    line-height: 1.6;
    max-width: 540px;
    margin: 0;
    flex: 1;
    min-width: 280px;
  }

  /* Grid Layout */
  .eq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  /* Card Base Styles */
  .eq-card {
    border-radius: 12px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
  }

  .eq-card:hover {
    transform: translateY(-3px);
  }

  /* Color Variations */
  .eq-dark {
    background-color: #131929;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }

  .eq-red {
    background-color: #1a1a2e;
    color: #ffffff;
  }

  /* Icon Styling */
  .eq-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
  }

  .eq-card-title {
    
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
  }

  .eq-card-desc {
   
    line-height: 1.6;
    margin: 0;
    opacity: 0.9;
  }

  .eq-dark .eq-card-desc {
    color: #9ca3af;
  }

  .eq-red .eq-card-desc {
    color: rgba(255, 255, 255, 0.9);
  }

  /* Responsive Breakpoints */
  @media (max-width: 1024px) {
    .eq-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 640px) {
   
    .eq-grid {
      grid-template-columns: 1fr;
    }
    .eq-card {
      padding: 24px;
    }
  }

/* section 6 */

.operational-demand-section {
    background-color: #0b0f19;
    color: #ffffff;
    
  }

 
  /* Header Layout */
  .od-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }

  .od-title {
    font-size: clamp(2rem, 3.5vw, 3rem);
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    flex: 1;
    min-width: 280px;
    line-height: 1.15;
  }

  .od-subtitle {
   
    color: #9ca3af;
    line-height: 1.6;
    max-width: 500px;
    margin: 0;
    flex: 1;
    min-width: 280px;
  }

  /* 4 Cards Grid Layout */
  .od-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
  }

  /* White Card Styles */
  .od-card {
    background-color: #ffffff;
    color: #111827;
    border-radius: 12px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
  }

  .od-card:hover {
    transform: translateY(-3px);
  }

  .od-icon-box {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .od-card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .od-card-title {
    
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.35;
  }

  .od-card-desc {
    
    color: #4b5563;
    line-height: 1.55;
    margin: 0;
  }

  .od-card-footer {
    border-top: 1px solid #f3f4f6;
    padding-top: 16px;
  }

  .od-footer-text {
   font-size:12px;
    font-weight: 600;
    color: #e62b38;
    letter-spacing: 0.05em;
  }

  /* Bottom Red Commitment Banner */
  .od-banner {
    background-color: #e62b38;
    color: #ffffff;
    border-radius: 10px;
    padding: 22px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    box-shadow: 0 10px 25px rgba(230, 43, 56, 0.25);
  }

  .od-banner-left {
    display: flex;
    align-items: center;
    gap: 14px;
  }

  .od-banner-text {
    
    font-weight: 500;
    color: #ffffff;
    margin: 0;
  }

  .od-banner-tag {
    background-color: #0b0f19;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 6px;
    
    font-weight: 700;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }

  /* Responsive Breakpoints */
  @media (max-width: 1200px) {
    .od-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .od-grid {
      grid-template-columns: 1fr;
    }

   

    .od-banner {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
	  } .od-header{gap:16px;}
  }

/* section 7 */
  .safety-compliance-section {
    position: relative;
    background-image:  url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-facilitine-delta-uae2.webp');
    background-size: cover;
    background-position: center;
    color: #1a1a2e;
   
  }


  /* Header Layout */
  .sc-header {
    max-width: 700px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .sc-title {
   
    font-weight: 500;
  
    margin: 0;
    line-height: 1.15;
  }

  .sc-subtitle {
   
    
    line-height: 1.6;
    margin: 0;
  }

  /* 4-Column Grid */
  .sc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }

  /* Individual Feature Card */
  .sc-card {
    background: #E9E9E933;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transition: transform 0.3s ease, background 0.3s ease;
  }

  .sc-card:hover {
    transform: translateY(-4px);
    background: rgba(19, 25, 41, 0.9); color:#fff !important;
  }

  .sc-tag {
    font-size:12px;
    font-weight: 700;
    color: #e62b38;
    letter-spacing: 0.08em;
  }

  .sc-card-title {
    font-size: 1.1rem;
    font-weight: 600;
/*     color: #ffffff; */
    margin: 0;
    line-height: 1.35;
  }

  .sc-card-desc {
   
/*     color: #9ca3af; */
    line-height: 1.6;
    margin: 0;
  }

  /* Responsive Breakpoints */
  @media (max-width: 1200px) {
    .sc-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .sc-grid {
      grid-template-columns: 1fr;
    }

   

    .sc-card {
      padding: 24px 20px;
    }
  }

/* facilities page new */

  .service-support-section {
    background-color: #1a1a2e;
    color: #ffffff;
    
  }



  /* Grid Layout (Desktop: Text Left, Image Right) */
  .ss-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
  }

  .ss-content-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .ss-title {
   
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    line-height: 1.15;
  }

  .ss-desc {
    
    color: #9ca3af;
    line-height: 1.7;
    margin: 0;
  }

  /* Stats Row */
  .ss-stats-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 10px;
  }

  .ss-stat-card {
    background-color: #e62b38;
    color: #ffffff;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 10px 25px rgba(230, 43, 56, 0.2);
  }

  .stat-val {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 4px;
  }

  .stat-title {
   
    font-weight: 600;
  }

  .stat-sub {
  
    opacity: 0.85;
  }

  /* Image Column */
  .ss-image-col {
    position: relative;
    width: 100%;
  }

  .ss-img-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    aspect-ratio: 4 / 3;
  }

  .ss-main-img {
    width: 100%;
/*     height: 100%;
    object-fit: cover; */
  }

  /* Floating Badge over Image */
  .ss-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.95);
    color: #111827;
    padding: 10px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(4px);
  }

  /* Responsive & Mobile Reordering Rule */
  @media (max-width: 1024px) {
    .ss-grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    /* Reorders grid so Image comes FIRST, and Content/Heading comes AFTER the image on mobile */
    .ss-grid {
      display: flex;
      flex-direction: column-reverse;
    }
  }

  @media (max-width: 640px) {
  
    .ss-stats-row {
      grid-template-columns: 1fr;
    }
  }

/* section 3 */
.sector-capabilities-section{background-color:#fff;color:#1a1a2e;}

.sc-main-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px;flex-wrap:wrap}
.sc-main-title{font-weight:500;color:#1a1a2e;margin:0;flex:1;min-width:280px;line-height:1.15}
.sc-main-subtitle{color:#1a1a2e;line-height:1.6;max-width:500px;margin:0;flex:1;min-width:280px}
.sectors-wrapper{display:flex;flex-direction:column;gap:80px}
.sector-row{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.sector-reverse{grid-template-columns:1fr 1fr}
.sector-reverse .sector-img-col{order:2}
.sector-reverse .sector-content-col{order:1}
.sector-img-col{width:100%}
.sector-img-wrap{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);aspect-ratio:16/10}
.sector-img{width:100%;}
.sector-badge{position:absolute;top:16px;left:16px;background:rgba(11,15,25,.85);color:#fff;padding:6px 12px;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:.08em;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}
.sector-content-col{display:flex;flex-direction:column;gap:18px}
.sector-title{font-weight:500;color:#1a1a2e;margin:0;line-height:1.2}
.mobile-title{display:none}
.sector-desc{color:#1a1a2e;line-height:1.65;margin:0}
.sector-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.sector-list li{position:relative;padding-left:20px;color:#1a1a2e;line-height:1.5}
.sector-list li::before{content:"•";position:absolute;left:0;color:#e62b38;font-weight:bold;font-size:1.2rem;line-height:1}
.sector-note{background:rgba(230,43,56,.08);border-left:3px solid #e62b38;padding:14px 18px;border-radius:0 8px 8px 0;margin-top:4px}
.sector-note span{color:#1a1a2e;font-weight:500;line-height:1.5}
@media(max-width:1024px){
  .sector-row,.sector-reverse{grid-template-columns:1fr;gap:20px;display:flex;flex-direction:column}
  .sector-reverse .sector-img-col,.sector-reverse .sector-content-col{order:unset}
  .desktop-title{display:none}
  .mobile-title{display:block;order:1;margin-bottom:10px}
  .sector-img-col{order:2}
  .sector-content-col{order:3;display:flex;flex-direction:column}
}
@media(max-width:640px){

  .sectors-wrapper{gap:60px}
}

/* process page */
/* banner sections */
.process-hero-section{position:relative;background-image:linear-gradient(90deg,rgba(11,15,25,.9) 0%,rgba(11,15,25,.75) 50%,rgba(11,15,25,.4) 100%),url('https://vipaccounts.in/delta-uae/wp-content/uploads/2026/10/new-updated-process-immg2.webp');background-size:cover;background-position:center;color:#fff;height:100vh;display:flex;align-items:flex-end;padding-bottom:50px;}

.ph-container{width:100%}
.ph-content{max-width:680px;display:flex;flex-direction:column;gap:24px}
.ph-title{font-size:clamp(2.25rem,4vw,3.75rem);font-weight:500;color:#fff;margin:0;line-height:1.15}
.ph-desc{font-size:1rem;color:#d1d5db;line-height:1.7;margin:0}
.ph-btn-wrap{margin-top:10px}
.ph-btn{display:inline-flex;align-items:center;gap:10px;background-color:#e62b38;color:#fff;padding:14px 28px;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;box-shadow:0 8px 20px rgba(230,43,56,.3);transition:all .3s ease}
.ph-btn:hover{background-color:#d0232f;transform:translateY(-2px)}
.arr{font-size:1.1rem;transition:transform .3s ease}
.ph-btn:hover .arr{transform:translateX(4px)}
@media(max-width:768px){
  .process-hero-section{height:100vh;}
 
}
/* section 2 */

.metrics-bar-section{background-color:#131929;color:#fff;padding-top:50px;padding-bottom:50px;}


.mb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;align-items:center}
.mb-item{display:flex;flex-direction:column;gap:12px;position:relative}
.mb-item:not(:last-child)::after{content:'';position:absolute;right:-20px;top:15%;height:70%;width:1px;background:rgba(255,255,255,.08)}
.mb-top-row{display:flex;justify-content:space-between;align-items:center}
.mb-label{font-size:.7rem;font-weight:700;color:#9ca3af;letter-spacing:.08em}
.mb-icon{width:32px;height:32px;border-radius:6px;background:rgba(230,43,56,.1);display:flex;align-items:center;justify-content:center}
.mb-value{font-size:clamp(2rem,2.8vw,2.75rem);font-weight:700;color:#fff;margin:0;line-height:1.1;display:flex;align-items:baseline;gap:6px}
.mb-desc{font-size:.85rem;color:#9ca3af;margin:0;line-height:1.4}
@media(max-width:1200px){
  .mb-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}
  .mb-item:nth-child(even)::after{display:none}
  .mb-item:nth-child(odd)::after{display:block}
}
@media(max-width:768px){
  .mb-grid{grid-template-columns:1fr;gap:20px} .mb-item {
    
    border-bottom: 1px solid #ffffff73;
    padding-bottom: 10px;
}
  .mb-item::after{display:none!important}
  
}

/* section 3 */


/* section 333 */

.service-workflow-section{background-color:#fff;color:#1a1a2e;}

.sw-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px;flex-wrap:wrap}
.sw-title-wrap{flex:1;min-width:280px}
.sw-title{font-weight:500;color:#1a1a2e;margin:0;line-height:1.15}
.sw-desc-wrap{flex:1;min-width:280px;display:flex;justify-content:flex-end}
.sw-subtitle{color:#1a1a2e;line-height:1.6;margin:0;max-width:440px;text-align:right}
.sw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}
.sw-card{background-color:#111827;color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}
.sw-card:hover,.sw-card.active{background-color:#1a2238;border-color:#e62b38;box-shadow:0 10px 25px rgba(230,43,56,.15);transform:translateY(-3px)}
.sw-card-header{display:flex;justify-content:space-between;align-items:center}
.sw-step-num{font-size:.75rem;font-weight:700;color:#9ca3af;letter-spacing:.08em}
.sw-card:hover .sw-step-num,.sw-card.active .sw-step-num{color:#e62b38}
.sw-icon-box{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .3s ease}
.sw-card:hover .sw-icon-box,.sw-card.active .sw-icon-box{background:#e62b38;color:#fff}
.sw-card-body{display:flex;flex-direction:column;gap:8px}
.sw-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.35}
.sw-card-text{font-size:.88rem;color:#9ca3af;line-height:1.55;margin:0;transition:color .3s ease}
.sw-card:hover .sw-card-text,.sw-card.active .sw-card-text{color:#e5e7eb}
.sw-banner{background-color:#1a1a2e;color:#fff;border-radius:12px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #ffffff33;position:relative;z-index:99;margin-bottom:-130px;}
.sw-banner-content{display:flex;align-items:center;gap:16px;flex:1;min-width:280px}
.sw-banner-icon{width:36px;height:36px;border-radius:6px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sw-banner-text-wrap{display:flex;flex-direction:column;gap:4px}
.sw-banner-title{font-size:.88rem;font-weight:700;color:#fff;margin:0;letter-spacing:.04em;line-height:1.4}
.sw-banner-sub{font-size:12px;font-weight:400;color:rgba(255,255,255,.8);letter-spacing:.08em;margin:0}
.sw-banner-tag{background-color:#111827;color:#fff;padding:8px 16px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}
@media(max-width:1024px){
  .sw-grid{grid-template-columns:repeat(2,1fr)}
  .sw-subtitle{text-align:left}
  .sw-desc-wrap{justify-content:flex-start}
}
@media(max-width:768px){
	.sw-grid{grid-template-columns:1fr}.sw-header{gap:16px;}

  .sw-banner{flex-direction:column;align-items:flex-start;padding:20px;margin-bottom:-40px;}
}

/* section 4 */

.sla-turnaround-section{background-color:#1a1a2e;color:#fff;}

.sla-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.sla-left-col{display:flex;flex-direction:column;gap:40px}
.sla-header{display:flex;flex-direction:column;gap:16px}
.sla-title{font-weight:500;color:#fff;margin:0;line-height:1.15}
.sla-subtitle{color:#9ca3af;line-height:1.6;margin:0}
.sla-img-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}
.sla-main-img{width:100%;aspect-ratio:4/3;}
.sla-img-caption{color:#6b7280;margin:0}
.sla-right-col{display:flex;flex-direction:column}
.sla-item{display:flex;align-items:flex-start;gap:24px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.sla-item:first-child{padding-top:0}
.sla-item:last-child{border-bottom:none;padding-bottom:0}
.sla-num{font-size:1rem;font-weight:700;color:#9ca3af;min-width:24px;line-height:1.4}
.sla-item-content{display:flex;flex-direction:column;gap:8px}
.sla-item-title{font-size:1.1rem;font-weight:500;color:#fff;margin:0;line-height:1.35}
.sla-item-desc{color:#9ca3af;line-height:1.6;margin:0}
@media(max-width:1024px){
  .sla-grid{grid-template-columns:1fr;gap:40px;display:flex;flex-direction:column}
  .sla-header{order:1}
  .sla-img-wrapper{order:2}
  .sla-right-col{order:3}
}
@media(max-width:640px){
  
  .sla-item{padding:24px 0}
}

/* section 5 */

.quality-control-section{background-color:#1a1a2e;color:#fff;}

.qc-container{max-width:1400px;margin:0 auto}
.qc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:30px;flex-wrap:wrap}
.qc-title-wrap{flex:1;min-width:280px}
.qc-title{font-size:clamp(2rem,3.2vw,3rem);font-weight:500;color:#fff;margin:0;line-height:1.15}
.qc-desc-wrap{flex:1;min-width:280px;display:flex;justify-content:flex-end}
.qc-subtitle{color:#9ca3af;line-height:1.6;margin:0;max-width:440px;text-align:right}
.qc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}
.qc-card{background-color:#1a1a2e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;transition:all .3s ease}
.qc-card:hover{border-color:rgba(230,43,56,.4);transform:translateY(-3px)}
.qc-card-top{display:flex;flex-direction:column;gap:16px}
.qc-step{font-size:15px;font-weight:700;color:#fff;letter-spacing:.08em}
.qc-card-title{font-weight:600;color:#fff;margin:0;line-height:1.35}
.qc-card-text{color:#9ca3af;line-height:1.6;margin:0}
.qc-card-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}
.qc-badge{font-size:.7rem;font-weight:700;color:#fff;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.qc-check{color:#e62b38;font-size:.8rem}
.qc-notice-bar{background-color:#1a1a2e;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px 32px;display:flex;align-items:center;gap:16px}
.qc-notice-icon{width:36px;height:36px;border-radius:6px;background:rgba(230,43,56,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qc-notice-text{font-size:.9rem;color:#d1d5db;margin:0;font-weight:400}
@media(max-width:1200px){
  .qc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .qc-subtitle{text-align:left}
  .qc-desc-wrap{justify-content:flex-start}
}
@media(max-width:768px){
  .qc-grid{grid-template-columns:1fr}
	.qc-header{gap:16px;}
  .qc-notice-bar{padding:20px}
	
}


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

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

@media screen and (max-width: 480px) {
    .delta-cta-new-sec-blk {
        width: 40%;
        order: 1;
    }     .delta-cta-new-sec-blks {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
    }     .container-dot-animation {
        order: 3;
        min-height: 160px;
        margin: 20px auto;
    }     #fluidCanvas {
        display: none;
    } .container-dot-animation img {
        display: block !important;
    }     .delta-cta-new-sec-blk {
        width: 40%;
        order: 1;
    }     .pills {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: -0px;
    }     .pill {
        background-color: #f8f9fa;
        border: 1px solid #eee;
        padding: 10px 15px;
        border-radius: 50px;
        font-size: 16px;
    } .delta-cta-new-sec-head p{color:#1B181ACC;max-width:100%;margin:20px auto 50px !important}
}

.container-dot-animation {
    position: relative;
    width: 100%;
 
    overflow: hidden;
} .contain-new{max-width:1300px;margin:0 auto;}
.comments-area a, .page-content a{text-decoration:none !important;}
#fluidCanvas {
    display: block !important;
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}