@media (min-width:1500px){.container{max-width:1440px!important;}}
@media (min-width:1900px){.container{max-width:1700px!important;}}
@media (min-width:2560px){.container{max-width:1900px!important;}}
/* ── ROOT ── */
:root{--primary:#00968b;
--primary-dark:#007a70;
--primary-light:#00b3a6;
--dark:#0d1a14;
--dark2:#102a24;
--text:#64748b;
--heading:#0d1a14;
--border:#e0eeec;
--light:#f4faf9;
--white:#ffffff;
--lightgreen:#a9b8b8;
--lightgreen02:#ecf0f0;
--darkgreen:#364e52;
--ff:'Mona Sans',sans-serif;
--trans:all .3s;}

/* width */
::-webkit-scrollbar {width: 5px;height:5px; }
/* track */
::-webkit-scrollbar-track { background: #ccc;}
/* handle */
::-webkit-scrollbar-thumb {background: var(--primary);border-radius: 10px;}

*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:hidden;}
html{scroll-behavior:smooth;}
body{font-family:var(--ff);font-size:16px;color:var(--text);background:#ecf0f0;overflow-x:hidden; padding-top:15px;}
img{max-width:100%;display:block;}
a{text-decoration:none;transition:all .3s;}
ul{list-style:none;padding:0;margin:0;}
p{line-height:1.8;margin:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--ff);color:var(--heading);line-height:1.15;margin:0;}

/* ── Common Classes ── */
.secgap-x {margin-inline: 15px;}
.secbdradius{border-radius: 12px;}
.theadtag{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--primary);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 18px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.theading{font-size:clamp(28px,4.2vw,48px);font-weight:500;color:var(--dark);line-height:1.25;letter-spacing:-.5px;}
.theadtag01{display:inline-flex;align-items:center;gap:8px;background:#18292c;color:var(--primary);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 18px;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.theading01{font-size:clamp(28px,4.2vw,48px);font-weight:500;color:#fff;line-height:1.25;letter-spacing:-.5px;}
.theading02{font-size:clamp(28px,4.2vw,48px);font-weight:500;color:#fff;line-height:1.25;letter-spacing:-.5px;}
.ttext{font-size:16px; font-weight:400; line-height: 1.5; color:var(--darkgreen);}
.tsubheading01{font-size:clamp(18px,1.8vw,24px);;font-weight:500;color:#fff; line-height:1.3;}
.tsubheading02{font-size:clamp(22px,1.8vw,34px);;font-weight:500;color:#fff; line-height:1.3;}
.tsubheading03{font-size:clamp(14px,1.8vw,18px);;font-weight:400;color:#fff; line-height:1.3;}
.tdarkgreen{color:#0c1e21;}
.tlgreen{color:#a9b8b8;}
.tmuted{color: #62615F;}
.tinnerhead{font-weight:700;}
/* ── reveal on scroll (heading word-by-word) ── */
.reveal-word{display:inline-block;transition:color 1.4s cubic-bezier(.22,1,.36,1);}
.theading .reveal-word{color:#b8c0c2;}
.theading .reveal-word.in{color:#0b1b22;}
.theading01 .reveal-word{color:#74838a;}
.theading01 .reveal-word.in{color:#fff;}
.theading02 .reveal-word{color:#b8c0c2;}
.theading02 .reveal-word.in{color:#0b1b22;}
/* Final revealed color for last word */
.theading01 .reveal-word-last.in{color:#a9b8b8;}
.theading02 .reveal-word-last.in{color:#a9b8b8;}
/*common button*/
.btnmain{background-color:var(--primary);font-size:16px;font-weight:500;text-align:center;z-index:2;white-space:nowrap;border-radius:50px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:5px 5px 5px 25px;line-height:1;position:relative;overflow:hidden;transition:background-color .3s ease;text-decoration:none;}
.btnmain .btnmain-text{color:var(--white);overflow:hidden;display:inline-flex;align-items:center;}
.btnmain .btnmain-text span{text-shadow:0 30px 0 var(--white);backface-visibility:hidden;line-height:1;transition:all .4s ease-in-out;display:flex;align-items:center;transform:translateY(0);}
.btnmain .btnmain-icon, .btnmain .btnmain-icon-down{background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;line-height:1;display:inline-flex;overflow:hidden;flex-shrink:0;transition:background-color .3s ease;}
.btnmain .btnmain-icon i, .btnmain .btnmain-icon-down i{color:var(--white);transition:all .3s ease-in-out;}
.btnmain:hover{background-color:var(--primary-dark);}
.btnmain:hover .btnmain-text span{transform:translateY(-30px);}
.btnmain:hover .btnmain-icon i{transform:rotate(45deg);}
.btnmain:hover .btnmain-icon-down i{transform:none;}

.zoomInOut {animation: 3s linear infinite zoomEffect;}
@keyframes zoomEffect {
    0%,to {transform: scale(.9)}
    50% {transform: scale(1.2)}}
.scroll-badge{position:fixed;bottom:28px;right:28px;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--dark);z-index:50;cursor:default;transition:transform .3s;}
.scroll-badge svg{position:absolute;inset:auto;transform:rotate(-90deg);}
.scroll-badge svg circle{fill:none;stroke-width:3;}
.scroll-badge svg circle.bg{stroke:var(--border);}
.scroll-badge svg circle.fg{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .1s linear;}
.scroll-badge-arrow{display:none;font-size:18px;color:var(--dark);}
.scroll-badge.is-complete{cursor:pointer;}
.scroll-badge.is-complete:hover{transform:scale(1.06);}
.scroll-badge.is-complete .scroll-badge-percent{display:none;}
.scroll-badge.is-complete .scroll-badge-arrow{display:inline-flex;}


/******header / navbar*****/
/* Header Sticky & Scroll Effects */
#mainHeader{position:fixed;top:30px;left:0;width:calc(100% - 60px);margin-left:30px;z-index:1000;transition:all .4s;background:transparent;border-radius:0;}
#mainHeader.scrolled{top:0;width:100%;margin-left:0;border-radius:0;}
#mainHeader .site-navbar{padding:0;border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.1);transition:all .4s;}
#mainHeader.scrolled .site-navbar{border-radius:0 0 14px 14px;background:#ffffff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 30px rgba(0,0,0,.35); margin: 0px 15px;}
#mainHeader .nav-logo{height:54px;width:auto;object-fit:contain;}
#mainHeader .container{display:flex;align-items:center;padding:0 15px}
/* Scroll transition for all elements */
#mainHeader a,
#mainHeader .site-navbar,
#mainHeader .header-nav ul li a,
#mainHeader .mob-toggle span{transition:color .3s ease,background .3s ease,filter .3s ease,border-color .3s ease,border-bottom-color .3s ease;}
.header-logo{padding:10px 0;flex-shrink:0}
.header-logo img{height:80px}
.header-nav{flex:1;display:flex;justify-content:center}
.header-nav ul{display:flex;gap:4px}
.header-nav ul li a{display:block;font-family:var(--ff);font-weight:500;font-size:16px;color:var(--white);padding:10px 18px;border-radius:3px;transition:var(--trans);white-space:nowrap}
.header-nav ul li a.active,.header-nav ul li a:hover{color:var(--primary)}
.header-right{display:flex;align-items:center;gap:80px;flex-shrink:0}
.header-phone{display:flex;align-items:center;gap:8px}
.header-phone .icon-wrap{width:38px;height:38px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.header-phone .tphone span{display:block;font-size:15px;color:var(--white);line-height:1.2}
.header-phone .tphone a{font-family:var(--ff);font-weight:600;font-size:17px;color:var(--white)}
.header-phone .tphone a:hover{color:var(--primary)}
.mob-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:5px}
.mob-toggle span{display:block;width:24px;height:2px;background:var(--white);margin:5px 0;transition:var(--trans)}
.header-nav ul li{position:relative}
.header-nav ul li .nav-dropdown{position:absolute;top:calc(100%);left:0;min-width:300px;background:#fff;border-top:3px solid var(--primary);border-radius:0 0 6px 6px;box-shadow:0 12px 40px rgba(0,0,0,.13);padding:6px 0;list-style:none;margin:0;z-index:2000;display:block;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility .28s ease}
.header-nav ul li .nav-dropdown.open,.header-nav ul li:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.header-nav ul li .nav-dropdown li{display:block}
.header-nav ul li .nav-dropdown li a{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;color:var(--darkgreen);padding:16px 20px;white-space:nowrap;border-left:3px solid transparent;transition:color .22s ease,background .22s ease,border-color .22s ease,padding-left .22s ease;border-bottom:1px dotted #c9d1d1;text-decoration:none;position:relative;}
.header-nav ul li .nav-dropdown li a .menu-icon{width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#1e8a8a4d 0%,#1e8a8a00 50%,#1e8a8a4d 100%);flex-shrink:0;transition:all .3s ease;}
.header-nav ul li .nav-dropdown li a .menu-icon i{font-size:24px;color:var(--primary);transition:all .3s ease;}
.header-nav ul li .nav-dropdown li a .menu-arrow{margin-left:auto;display:flex;align-items:center;opacity:0;transform:translateY(-5px);transition:all .3s ease;}
.header-nav ul li .nav-dropdown li a .menu-arrow i{font-size:26px; font-size:800; color:#000;transition:all .3s ease; transform:rotate(-45deg);}
.header-nav ul li .nav-dropdown li a:hover .menu-icon{background:var(--primary);transform:scale(1.05);}
.header-nav ul li .nav-dropdown li a:hover .menu-icon i{color:#ffffff;}
.header-nav ul li .nav-dropdown li a:hover .menu-arrow{opacity:1;transform:translateY(0);}
.header-nav ul li .nav-dropdown li a:hover .menu-arrow i{color:var(--primary); }
.header-nav ul li .nav-dropdown li a.active{color:var(--primary);background:rgba(1,105,144,.06);border-left-color:var(--primary);padding-left:20px;font-weight:700;}
.header-nav ul li .nav-dropdown li a.active .menu-icon{background:var(--primary);}
.header-nav ul li .nav-dropdown li a.active .menu-icon i{color:#ffffff;}
.header-nav ul li .nav-dropdown li a.active .menu-arrow{opacity:1;transform:translateX(0);}
.header-nav ul li .nav-dropdown li a.active .menu-arrow i{color:var(--primary);}
.header-nav ul li.has-dropdown>a{display:flex;align-items:center;gap:5px;cursor:pointer;}
.header-nav ul li.has-dropdown>a::after{content:'';display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .28s ease;flex-shrink:0;margin-left:4px;}
.header-nav ul li.has-dropdown:hover>a::after{transform:rotate(-135deg) translateY(-2px);}
.header-nav ul li.has-dropdown:hover>a{color:var(--primary);}
.header-nav ul li .nav-dropdown li:last-child a{border-bottom:none;}
/* lets talk button */
.header-right-actions{display:flex;align-items:center;gap:10px;}
.btntopcta{background-color:var(--primary);font-size:16px;font-weight:500;text-align:center;z-index:2;white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:5px 5px 5px 25px;line-height:1;display:inline-flex;position:relative;overflow:hidden;transition:background-color .3s ease;text-decoration:none;}
.btntopcta .btn-text{color:var(--white);overflow:hidden;display:inline-block;}
.btntopcta .btn-text span{text-shadow:0 30px 0 var(--white);backface-visibility:hidden;line-height:1;transition:all .4s ease-in-out;display:flex;transform:translateY(0);}
.btntopcta .btn-icon{background-color:#50c956;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;line-height:1;display:inline-flex;overflow:hidden;flex-shrink:0;transition:background-color .3s ease;}
.btntopcta .btn-icon i{color:var(--white);transition:all .3s ease-in-out;}
.btntopcta:hover{background-color:var(--primary-dark);}
.btntopcta:hover .btn-text span{transform:translateY(-30px);}
#mainHeader.scrolled .header-nav ul li a{color:#1a1a1a;}
#mainHeader.scrolled .header-nav ul li a.active{color:var(--primary) !important;}
#mainHeader.scrolled .header-nav ul li a:hover{color:var(--primary);}
#mainHeader.scrolled .header-nav ul li.has-dropdown>a{color:#1a1a1a;}
#mainHeader.scrolled .header-nav ul li.has-dropdown:hover>a{color:var(--primary);}
#mainHeader.scrolled .mob-toggle span{background:#1a1a1a;}
@media (max-width:991.98px){
#mainHeader.scrolled .header-nav ul li a{color:#ffffff;}
#mainHeader.scrolled .mob-toggle span{background:#000;}
}

/* ============================================================
   mobile nav drawer
   ============================================================ */ 
.mob-nav-drawer .mob-dd-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:0 0;border:none;cursor:pointer;padding:12px 0;border-bottom:1px dotted #4f6c6c;font-family:var(--ff);font-weight:500;font-size:16px;color:var(--primary);transition:color .25s}
.mob-nav-drawer .mob-dd-toggle:hover{color:var(--primary)}
.mob-nav-drawer .mob-dd-toggle .mob-dd-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:3px;font-size:14px;flex-shrink:0;transition:transform .28s ease,background .25s}
.mob-nav-drawer .mob-dd-toggle.open .mob-dd-icon{transform:rotate(45deg);border-color:var(--primary)}
.mob-nav-drawer .mob-dd-menu{max-height:0;overflow:hidden;transition:max-height .4s ease;display:block!important}
.mob-nav-drawer .mob-dd-menu li a{padding:13px 0px 9px 16px;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.04);color:var(--primary)!important}
.mob-nav-drawer .mob-dd-menu li a:hover{color:var(--primary)!important}
.mob-nav-drawer {position: fixed;top: 0; left: -300px;width: 300px; height: 100%;
background: #0c1e21;z-index: 9999;padding: 24px;transition: left .35s ease;
overflow-y: auto;}
.mob-nav-drawer.open { left: 0; }
.mob-nav-overlay {position: fixed; inset: 0;background: rgba(0,0,0,.55);z-index: 9998;display: none;backdrop-filter: blur(10px);}
.mob-nav-overlay.show { display: block; }
.mob-nav-drawer ul li a {display: block;font-family: var(--ff);font-weight: 500;font-size: 16px;color: var(--primary);padding: 12px 0;border-bottom: 1px dotted #4f6c6c;}
.mob-nav-drawer ul li a:hover { color: var(--primary); }
.mob-close {background: none; border: none; color: var(--white); font-size: 22px; cursor: pointer;margin-bottom: 20px; display: block;}

/* Banner slider */
.slidersec{z-index:1;border-radius:16px;margin:0 15px;position:relative;overflow:hidden;}
.slidersec .hero-section{border-radius:16px;}
.hero-section{position:relative;width:100%;height:calc(100vh - 74px);min-height:600px;overflow:hidden;background:#0d1a14;}
/* SLIDES with responsive images */
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;z-index:0;}
.hero-slide.active{opacity:1;z-index:1;}
.hero-slide .hero-bg-img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-slide picture{width:100%;height:100%;display:block;}
.hero-slide picture img{width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,10,.88) 0%,rgba(5,15,10,.55) 55%,rgba(5,15,10,.2) 100%);z-index:2;}
/* CONTENT */
.hero-body{position:absolute;inset:0;z-index:3;display:flex;align-items:center;}
.hero-content{position:relative;}
.hero-slide-content{opacity:0;visibility:hidden;position:absolute;inset:0;transition:opacity .8s ease;}
.hero-slide-content.active{opacity:1;visibility:visible;position:relative;}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,150,139,.15);border:1px solid rgba(0,150,139,.3);padding:7px 16px;border-radius:50px;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;padding-bottom:20px;background:transparent;border:none;padding-left:0;}
.hero-tag span{width:8px;height:8px;background:var(--primary);border-radius:50%;display:inline-block;animation:blink 1.6s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(1.5);}}
.hero-title{font-size:clamp(32px, 5vw, 76px);font-weight:600;color:#fff;line-height:1.05;padding-bottom:22px;letter-spacing:1.5px;}
.hero-title .ht-accent{color:rgba(255,255,255,.45);font-weight:600;}
.hero-desc{font-size:17px;color:rgba(255,255,255,.68);line-height:1.8;max-width:480px;padding-bottom:36px;}
/* PREV/NEXT ARROWS */
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;}
.hero-arrow:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.hero-prev{left:24px;}
.hero-next{right:24px;}
/* THUMBNAIL STRIP bottom-left */
.hero-thumbs{position:absolute;bottom:32px;left:0;z-index:4;padding-left:calc((100% - 1200px)/2 - 46px);}
.hero-thumb-inner{display:flex;gap:10px;align-items:center;}
.hero-thumb{width:80px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.55;transition:all .35s;flex-shrink:0;}
.hero-thumb img{width:100%;height:100%;object-fit:cover;}
.hero-thumb.active{border-color:var(--primary);opacity:1;}
.hero-thumb:hover{opacity:.85;}
/* ROTATING CIRCLE bottom-right */
.hero-explore{position:absolute;bottom:10%;right:10%;z-index:4;width:180px;height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);z-index:5;background-color:#ffffff1a;border-radius:50%;}
.explore-circle{position:absolute;inset:0;animation:rotateTxt 10s linear infinite;}
.explore-circle svg{width:100%;height:100%;}
.explore-circle svg text{font-size:10px;font-weight:400;fill:rgba(255,255,255,.75);letter-spacing:3.5px;}
.explore-arrow-wrap{color:#fff;width:64px;height:64px;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.hero-explore:hover .explore-arrow-wrap{transform:scale(.8);}
@keyframes rotateTxt{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
/*slider button*/
.btnbanner{background-color:var(--primary);font-size:16px;font-weight:500;text-align:center;z-index:2;white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:5px 5px 5px 25px;line-height:1;display:inline-flex;position:relative;overflow:hidden;transition:background-color .3s ease;text-decoration:none;}
.btnbanner .btn-text{color:var(--white);overflow:hidden;display:inline-block;}
.btnbanner .btn-text span{text-shadow:0 30px 0 var(--white);backface-visibility:hidden;line-height:1;transition:all .4s ease-in-out;display:flex;transform:translateY(0);}
.btnbanner .btn-icon{background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;line-height:1;display:inline-flex;overflow:hidden;flex-shrink:0;transition:background-color .3s ease;}
.btnbanner .btn-icon i{color:var(--white);transition:all .3s ease-in-out;}
.btnbanner:hover{background-color:var(--primary-dark);}
.btnbanner:hover .btn-text span{transform:translateY(-30px);}
.btnbanner:hover .btn-icon i{transform:rotate(45deg);}
.hero-tag,.hero-title,.hero-desc,.btnbanner{opacity:0;transform:translateY(-40px);transition:all .8s ease;}
.hero-slide-content.active .hero-tag{opacity:1;transform:translateY(0);transition-delay:.1s;}
.hero-slide-content.active .hero-title{opacity:1;transform:translateY(0);transition-delay:.3s;}
.hero-slide-content.active .hero-desc{opacity:1;transform:translateY(0);transition-delay:.5s;}
.hero-slide-content.active .btnbanner{opacity:1;transform:translateY(0);transition-delay:.7s;}
/* Mobile Responsive */
@media (max-width:1199.98px){.hero-thumbs{padding-left:20px;}.hero-explore{width:140px;height:140px;bottom:8%;right:8%;}}
@media (max-width:991.98px){.slidersec{margin:0 10px;border-radius:12px;}.slidersec .hero-section{border-radius:12px;}.hero-section{height:calc(100vh - 60px);min-height:500px;}.hero-title{font-size:clamp(28px, 4.5vw, 44px);}.hero-desc{font-size:15px;max-width:100%;padding-bottom:24px;}.hero-arrow{width:38px;height:38px;font-size:13px;}.hero-prev{left:12px;}.hero-next{right:12px;}.hero-thumbs{display:none;}.hero-explore{width:100px;height:100px;bottom:5%;right:5%;}.explore-circle svg text{font-size:7px;}.explore-arrow-wrap{width:44px;height:44px;}}
@media (max-width:767.98px){.hero-section{height:calc(100vh - 50px);min-height:400px;}.hero-title{font-size:clamp(24px, 4vw, 32px);padding-bottom:14px;}.hero-desc{font-size:14px;padding-bottom:18px;}.hero-tag{font-size:11px;padding-bottom:12px;}.btnbanner{font-size:14px;padding:4px 4px 4px 18px;}.btnbanner .btn-icon{width:30px;height:30px;font-size:14px;}.hero-arrow{width:32px;height:32px;font-size:11px;}.hero-prev{left:10px;}.hero-next{right:10px;}.hero-explore{width:80px;height:80px;bottom:4%;right:4%;}.explore-circle svg text{font-size:6px;}.explore-arrow-wrap{width:36px;height:36px;}}
@media (max-width:575.98px){.slidersec{margin:0 5px;border-radius:8px;}.slidersec .hero-section{border-radius:8px;}.hero-section{min-height:350px;height:calc(100vh - 40px);}.hero-title{font-size:clamp(20px, 3.5vw, 26px);padding-bottom:10px;letter-spacing:0;}.hero-desc{font-size:12px;padding-bottom:14px;line-height:1.6;}.hero-tag{font-size:10px;padding-bottom:8px;gap:4px;}.hero-tag span{width:6px;height:6px;}.btnbanner{font-size:12px;padding:3px 3px 3px 14px;gap:6px;}.btnbanner .btn-icon{width:26px;height:26px;font-size:12px;}.hero-arrow{width:26px;height:26px;font-size:9px;}.hero-prev{left:6px;}.hero-next{right:6px;}.hero-explore{display:none;}}


/*Clients*/
.clients-section{overflow:hidden;}
.clients-header{text-align:center;padding-bottom:40px;}
.tclienttitle{font-size:clamp(18px,2.5vw,18px);font-weight:600;color:#1a1a1a;margin:0; display: inline-block; border: 1px dashed #c9d1d1; padding: 5px 8px;border-radius: 50px;}
.tclienttitle span{color:var(--primary);position:relative;}
.clients-logos-wrapper{position:relative;width:100%;overflow:hidden;padding:20px 0;}
.clients-logos-wrapper::before{content:'';position:absolute;top:0;left:0;width:120px;height:100%;background-image: linear-gradient(90deg, #e9eded 0%, #e9eded00 100%);z-index:2;pointer-events:none;}
.clients-logos-wrapper::after{content:'';position:absolute;top:0;right:0;width:120px;height:100%;background-image: linear-gradient(-90deg, #e9eded 0%, #e9eded00 100%);z-index:2;pointer-events:none;}
.clients-logos-track{display:flex;gap:40px;animation:scrollLogos 25s linear infinite;width:max-content;}
.clients-logos-track:hover{animation-play-state:paused;}
.clients-logo-item{flex:0 0 auto;width:250px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:12px;box-shadow:0 2px 15px rgba(0,0,0,.06);padding:5px;transition:all .4s ease;border:1px solid #eef2f4;}
.clients-logo-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);border-color:var(--primary);transform:translateY(-3px);}
.clients-logo-item img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);transition:all .4s ease;opacity:.6;}
.clients-logo-item:hover img{filter:grayscale(0%);opacity:1;}
@keyframes scrollLogos{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
/* Responsive */

@media (max-width:991.98px){.clients-logos-wrapper::before,.clients-logos-wrapper::after{width:80px;}}
@media (max-width:767.98px){.clients-header{padding-bottom: 15px;} .clients-logos-track{gap:20px;animation-duration:20s;}.clients-logos-wrapper::before,.clients-logos-wrapper::after{width:50px;}}
@media (max-width:575.98px){.clients-section{padding:20px 0;}.clients-header{margin-bottom:15px;}.clients-logos-track{gap:15px;animation-duration:15s;}.clients-logos-wrapper::before,.clients-logos-wrapper::after{width:30px;}.clients-logos-wrapper{padding:10px 0;}}
@media(max-width:1199px){
 .cli-grid{grid-template-columns:repeat(3,1fr);}
 .cli-card:last-child{display:none;}
}
/*about section */
.aboutsec{padding:0;}
.aboutgrid01{display:grid;grid-template-columns:1.25fr 2fr .5fr;grid-template-rows:auto auto;column-gap:24px;}
.aboutcard{background:var(--white);border-radius:18px;padding:28px;position:relative;overflow:hidden;height:100%; align-self:stretch;}
.aboutgrid02{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto auto;gap:24px;}
.about-stat-01,.about-stat-02,.about-stat-03,.about-customers{min-height:320px;display:flex;flex-direction:column;}
.about-stat-01{grid-column:1;grid-row:1;}
.about-card-top{display:flex;align-items:flex-start;justify-content:space-between;}
.about-icon-circle{width:84px;height:84px;border-radius:50%;background:var(--lightgreen02);display:flex;align-items:center;justify-content:center;font-size:46px; line-height:46px;color:var(--primary);}
.about-index{font-size:18px;font-weight:600;color:var(--text);}
.about-spacer{flex:1;min-height:60px;}
.about-label{font-size:18px; font-weight:500;color:var(--darkgreen);padding-bottom:8px;}
.about-value{font-size:clamp(36px,4vw,74px);font-weight:600;color:var(--dark);line-height:1;}
.about-content{grid-column:2;grid-row:1;padding:8px 28px 8px 130px;display:flex;flex-direction:column;justify-content:center;}
.btnabout{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:600;color:var(--dark);padding-top:32px;}
.btnabout .btnabttext{overflow:hidden;display:inline-block;}
.btnabout .btnabttext span{text-shadow:0 30px 0 var(--dark);backface-visibility:hidden;line-height:1;transition:all .4s ease-in-out;display:flex;transform:translateY(0);}
.btnabout-arrow{width:38px;height:38px;border-radius:50%;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;}
.btnabout:hover .btnabttext span{transform:translateY(-30px);}
.btnabout:hover .btnabout-arrow{background:var(--primary);transform:rotate(45deg);}
.about-image{background-image:url('../img/aboutimg02.jpg'); grid-column:3;grid-row:1;padding:0;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;min-height:320px; }
.about-customers{background-image:url('../img/aboutimg01.jpg'); grid-column:1;grid-row:2;padding:24px;color:#fff;justify-content:end;background-size:cover;background-position:center;}
.about-customers::before{content:'';position:absolute;inset:0;background:var(--primary);opacity:.78;}
.about-cust-sparkle,.about-cust-text{position:relative;z-index:1;}
.about-cust-sparkle{position:absolute;right:40%;bottom:34%;color:#fff;font-size:49px;z-index:1;}
.about-cust-text{font-size:clamp(18px,2vw,22px);font-weight:600;color:#fff;line-height:1.35;max-width: 285px;}
.about-stat-02{grid-column:2;grid-row:2;}
.about-stat-03{grid-column:3;grid-row:2;}
/* ══════════════════════════════════════════
   SERVICES
══════════════════════════════════════════ */
.servsec{
    position:relative;
    min-height:100vh;
    background:url('../img/servicesbg.jpg') center/cover no-repeat;
    overflow:hidden;
}

.servsec::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(12,30,33,.85);
    z-index:1;
}

.servsec > *{
    position:relative;
    z-index:2;
}
.bg-shape-2,.bg-shape-1 {
    top: 0;
    z-index: 0;
    mix-blend-mode: difference;
    pointer-events: none;
    width: 100%;
    max-width: 370px;
    position: absolute;
    inset-inline-start: 0
}

@media only screen and (min-width: 576px) and (max-width:767px),(max-width:575px) {
    .bg-shape-2,.bg-shape-1 {
        max-width:260px
    }
}
.bg-shape-2 {
    top: inherit;
    inset-inline-start: inherit;
    bottom: 0;
    inset-inline-end: 0
}
.bg-shape-3{
    bottom: 0;
    z-index: 0;
    max-width: 915px;
    position: absolute;
    inset-inline-start: 0
}

.servwrapper{display:grid;grid-template-columns:35% 65%;gap:60px;}
.servrightsec{display:flex;flex-direction:column;gap:40px;}
.servleftsec{position:sticky;top:120px;height:fit-content;}
.service-box{position:relative;background:transparent; border:1px dashed #3f6868;padding: 65px 50px;margin-bottom:40px;opacity:0;transform:translateX(150px);transition:transform .8s ease,opacity .8s ease; display: grid;
grid-template-columns: 1.5fr 2fr;}
.service-box.active{opacity:1;transform:translateX(0);}
.svc-icon-wrap{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(-45deg,#1e8a8a4d 0%,#1e8a8a00 50%,#1e8a8a4d 100%);transition:transform .5s ease;}
.service-box:hover{background:#18292c; border-color:#18292c; }
.service-box:hover .svc-title{color:var(--primary);}
.service-box:hover .svc-icon-wrap{transform:rotate(360deg);}
.svc-icon-wrap img,.svc-icon-wrap i{font-size:40px; line-height:40px;color:var(--primary);}
.svc-title{min-width:220px; transition: all .3s ease-in-out;}
.svc-right{flex:1;min-width:240px;display:flex;flex-direction:column;gap:16px;}
.svc-desc{color:var(--lightgreen);}
.svc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.svc-list li{font-size:16px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px; flex-shrink: 0;}
.svc-list li i{color:var(--primary);font-size:15px; line-height:15px;}

/* ── PROCESS SECTION WRAP ── */
.process-wrap{position:relative;/*background:linear-gradient(135deg,#d9e8e6 0%,#dde9e7 100%);*/ background:#d8e5e5;padding:64px 60px;overflow:hidden;}
.process-inner{position:relative;z-index:1;}

/* ── TOP ROW: heading left, desc + button right ── */
.process-top{padding-bottom: 56px;display: grid;grid-template-columns: 2fr 1.5fr 1fr;gap:32px;flex-wrap:wrap;padding-bottom:56px;}
.process-desc{font-size:15px;color:var(--text);max-width:280px;line-height:1.7;}
.process-top-right{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}

/* ── PROCESS STEPS ROW ── */
.process-steps{display:flex;align-items:stretch;gap:15px;}
.process-step{flex:1;min-width:0;position:relative;}
.process-step:not(:last-child):after{content:"\F135";font-family:"bootstrap-icons";color:var(--primary);background-color:var(--white);border:7px solid #dde9e7;top:50%;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:30px;font-weight:400;line-height:1;transition:none;display:inline-flex;position:absolute;inset-inline-end:-37px;transform:translateY(-50%);}
.process-card{background:#fff;border-radius:16px;padding:36px 32px;height:100%;}
.process-num{font-size:100px;font-weight:600;line-height:1;background:linear-gradient(180deg, var(--primary) 0%, var(--white) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:24px;display:block;}
.process-title{font-size:21px;font-weight:800;color:var(--dark);padding-bottom:14px;}
.process-text{font-size:14px;color:var(--text);line-height:1.75;}

@media(min-width:992px) and (max-width:1199px){
.process-step:not(:last-child):after{width:50px;height:50px;font-size:20px;inset-inline-end:-30px;}

}
@media(min-width:768px) and (max-width:991px),(min-width:576px) and (max-width:767px),(max-width:575px){
.process-steps{flex-direction:column;gap:48px;}
.process-step:not(:last-child):after{top:inherit;inset-inline-end:inherit;bottom:-40px;inset-inline-start:50%;transform:translate(-50%) rotate(90deg);}
}
@media(max-width:991px){
.process-wrap{padding:48px 28px;}
.process-top{padding-bottom:40px;}
.process-top{grid-template-columns: 1fr;gap: 20px;}

#mainHeader{position:relative;top: 0px; margin-left: 10px; width: calc(100% - 34px);}
body{padding-top:0px;}
.mob-toggle span {    background: var(--primary);}
}
@media(max-width:575px){
.process-wrap{padding:36px 20px;border-radius:16px;}
.process-card{padding:28px 22px;}
.process-num{font-size:60px;}
.scroll-badge{width:50px;height:50px;font-size:11px;bottom:18px;right:18px;}
}
/* ── Project Section starts── */
.projsec{overflow:hidden;}
.proj-head{text-align:center;max-width: 50%;margin: 0px auto;}
/* ── SWIPER ── */
.proj-swiper{padding-bottom:8px;overflow:visible;}
.proj-slide{height:auto;}
.proj-card{position:relative;border-radius:14px;overflow:hidden;/*aspect-ratio:520/560;*/height:600px;cursor:pointer;}
.proj-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.proj-card:hover img{transform:scale(1.1) rotate(-2deg);}

/* hover overlay */
.proj-overlay{position:absolute;inset:0;  background:rgba(12,30,33,.7);opacity:0;transition:opacity .45s ease;display:flex;align-items:center;padding:28px;}
.proj-card:hover .proj-overlay{opacity:1;}
.proj-overlay-inner{display:flex;flex-direction:column; gap:20px;align-items:center;justify-content:center;width:100%;transform:translateY(14px);transition:transform .45s ease;}
.proj-card:hover .proj-overlay-inner{transform:translateY(0);}
.proj-name{display:flex; align-items:center; text-align:center;transition:all .35s ease;}
.proj-name:hover{color:var(--primary);}
.proj-arrow{border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transform:rotate(0deg);transition:transform .35s ease,background .35s ease;}
.proj-arrow	svg{margin-left: -16px;}
.proj-arrow:hover{transform:rotate(45deg);}
/* ── PAGINATION (matches screenshot: long pill + dots) ── */
.proj-pagination{position:relative;display:flex!important;align-items:center;justify-content:center;gap:8px;padding-top:40px;}
.proj-pagination .swiper-pagination-bullet{width:12px;height:8px;border-radius:50px;background:#cddfdf;opacity:1;margin:0!important;transition:all .35s ease;}
.proj-pagination .swiper-pagination-bullet-active{width:54px; background:var(--primary);}
/* Footer starts*/
.site-footer{position:relative;background:var(--dark);padding:0 0 32px;overflow:hidden;}
.footer-inner{position:relative;z-index:1;padding:0 40px;}
.footer-cta-bar{background:var(--dark2);border-radius:18px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:40px;}
.footer-cta-logo{display:flex;align-items:center;gap:12px;}
.footer-cols{padding:64px 0 48px;}
.footer-brand-name{display:flex;align-items:center;gap:10px;}
.footer-brand-name span{font-size:20px;font-weight:700;color:#fff;}
.footer-brand-desc{font-size:16px;font-weight:400;color:var(--lightgreen);}
.footer-awards{display:flex;gap:24px;}
.footer-col-title{font-size:20px;font-weight:700;color:#fff;padding-bottom:24px;}
.footer-links li{padding-bottom:14px;}
.footer-links a{font-size:16px;font-weight:400;color:var(--lightgreen);transition:all .3s;display:inline-flex;align-items:center;gap:8px;}
.footer-links a.active {color: var(--primary);}
.footer-links a:hover{color: var(--primary); padding-left: 8px;}
.footericon{display:flex;align-items:flex-start; flex-shrink:0;gap:10px; font-size:16px;font-weight:400;color:var(--lightgreen); padding-bottom: 15px; transition:all .3s;}
.footericon i{color:var(--primary);padding-top:3px;flex-shrink:0; font-size:18px; position: relative;top: -2px;}
.footericonlink{transition:all .3s;}
.footericonlink:hover .footericon{color:var(--primary);}

.footer-email {display: flex; align-items: flex-start;gap: 12px;}
.footer-email-icon {flex: 0 0 auto;font-size: 20px;line-height: 1.5;}
.footer-email-list {display: flex;flex-direction: column;gap: 5px;}
.footer-email-list .footericonlink {display: block;text-decoration: none;}
.footer-email-list .footericonlink:hover{color:var(--primary);}
/* Marquee strip */
.footer-marquee{position:relative;border-top:1px dashed #313d3d;border-bottom:1px dashed #313d3d;padding:36px 0;overflow:hidden;}
.marquee-track{display:flex;align-items:center;gap:48px;white-space:nowrap;width:max-content;animation:marqueeScroll 28s linear infinite;}
.footer-marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-word{font-size:96px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.18);white-space:nowrap;flex-shrink:0;}
.marquee-img{height:96px;width:160px;border-radius:14px;overflow:hidden;flex-shrink:0;}
.marquee-img img{width:100%;height:100%;object-fit:cover;}
@keyframes marqueeScroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
/* ── Bottom bar ── */
.footer-bottom{padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.footer-copy{font-size:14px;color:var(--lightgreen);}
.footer-copy b{color:#fff;font-weight:700;}
.footer-socials{display:flex;gap:10px;}
.footer-socials a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);color:var(--lightgreen);display:flex;align-items:center;justify-content:center; flex-shrink: 0;font-size:18px;transition:all .3s;}
.footer-socials a:hover{background:var(--primary);color:#fff;}
.tcopyright{font-family:Roboto,sans-serif;font-size:12px!important;line-height:17px; color:var(--text);}
.tdesignby{font-family:Roboto,sans-serif;font-size:12px!important;line-height:17px; color:var(--lightgreen);}
 
/* ── STICKY BOTTOM CONTACT BAR ── */
.sticky-contact-bar{position:fixed;bottom:0;left:0;width:100%;z-index:1050;display:none;grid-template-columns:1fr 1fr 1fr;box-shadow:0 -4px 24px rgba(0,0,0,.15);margin-inline:15px;width:calc(100% - 30px);border-radius:18px 18px 0 0;overflow:hidden;}
.sticky-contact-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 8px 10px;text-decoration:none;transition:filter .25s ease;}
.sticky-contact-item:hover{filter:brightness(1.1);}
.sticky-contact-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;}
.sticky-dark{background:var(--primary); opacity: .85;}
.sticky-email{background:#1a3a4a; opacity: .85;}
/* only show on mobile */
@media(max-width:767px){
  .sticky-contact-bar{display:grid;}
  body{padding-bottom:48px;}
}

/*Innerpage Banner starts*/
.pagebanner{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#0d1a14;}
.pagebanner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
 .pagebanner-overlay { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,15,10,1) -30%,rgba(5,15,10,0) 26%,rgba(5,15,10,0) 100%); z-index: 1;}

/*services starts*/
/* ══════════════════════════════════════════
   LEFT CONTENT COLUMN
══════════════════════════════════════════ */
.svc-content{overflow:hidden;}
.svc-img-main{display:block; position:relative;}
.svc-img-main img{border-radius: 16px;}
.svc-img-icon{position:absolute; bottom:16%; right:3%; width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(-45deg,#1e8a8a4d 0%,#1e8a8a00 50%,#1e8a8a4d 100%);transition:transform .5s ease;}
.svc-img-icon{position:absolute; bottom:15%; right:5%; width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(-45deg, #1e8a8a 0%, #1e8a8a94 50%, #096a6a 100%);transition:transform .5s ease;}
.svc-img-main:hover .svc-img-icon{transform:rotate(360deg);}
.svc-img-icon i{font-size:40px; line-height:40px;color:#fff;}

/* text body */
.svc-intro{font-size:16px;color:var(--text);padding-bottom:18px;}
.svc-section-title{font-size:22px;font-weight:800;color:var(--heading);padding:24px 0 14px;}
.svc-section-sub{font-size:14px;font-weight:700;color:var(--heading);padding:20px 0 12px;}

/* bullet list style */
.innersvc-list{list-style:none;padding:0;}
.innersvc-list li{
  display:flex;align-items:start;gap:10px;
  font-size:16px;font-weight:400;color:var(--darkgreen);
  line-height:1.5;
  margin-bottom:14px; /* replaces padding-bottom */
}
.innersvc-list li i{color:var(--primary);font-size:16px; line-height: 16px; flex-shrink:0; padding-top: 3px;}

/* two-column bullet grid */
.svc-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}

/* bottom two images */
.svc-bottom-imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.svc-bottom-imgs img{width:100%;height:auto;object-fit:cover;border-radius:12px;}

/* process steps (numbered cards) */
.svc-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.svc-process-card{background:var(--light);border-radius:12px;padding:24px 20px;}
.svc-process-num{width:38px;height:38px;border-radius:50%;background:var(--primary-light);display: flex;
    align-items: center;
    justify-content: center;
margin-bottom:14px;}
.svc-process-num span{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;}
.svc-process-card h5{font-size:16px; line-height:1.5; font-weight:400;color:var(--heading);padding-bottom:8px;}

/* ══════════════════════════════════════════
   RIGHT SIDEBAR (include file pattern)
══════════════════════════════════════════ */
.svc-sidebar{position:sticky;top:100px;}

/* services menu card */
.sidebar-card{background:var(--white);border-radius:16px;padding:20px;margin-bottom:24px;}
.sidebar-title{font-size:20px;font-weight:600;color:var(--heading);padding-bottom:20px;}
.svc-side-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;}
.svc-side-menu li a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:var(--heading);background:var(--light);border-radius:8px;padding:13px 16px;transition:var(--trans);}
.svc-side-menu li a:hover{background:var(--primary);color:#fff;}
.svc-side-menu li.active a{background:var(--primary);color:var(--white);border-color:var(--primary);}
.svc-side-menu li a .side-menu-left{display:flex;align-items:center;gap:10px;}
.svc-side-menu li a .side-menu-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:var(--trans);}
.svc-side-menu li.active a .side-menu-icon{background:rgba(255,255,255,.2);color:#fff;}
.svc-side-menu li a:not(.active) .side-menu-icon{background:var(--primary-light);color:#fff;}
.svc-side-menu li a .side-arrow{font-size:14px;flex-shrink:0;}

/* CTA card */
.sidebar-cta{background:var(--darkgreen);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;}
.sidebar-cta::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 14px);pointer-events:none;}
.cta-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.5);padding-bottom:6px;}
.cta-big-text{font-size:clamp(36px,4vw,54px);font-weight:700;color:#fff;line-height:1;padding-bottom:6px; letter-spacing: 1.25px;}
.cta-sub-text{font-size:14px;color:rgba(255,255,255,.6);padding-bottom:24px;}
.cta-phone-btn{display:inline-flex;align-items:center;gap:14px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;padding:10px 20px;border-radius:50px;transition:var(--trans);}
.cta-phone-btn:hover{background:var(--primary-dark);color:#fff;}
.cta-phone-btn i{font-size:16px;}
.cta-email-btn:hover{background:var(--primary-dark);color:#fff;}
.cta-email-btn i{font-size:16px;}

.cta-email-btn {display: inline-flex;align-items: center;gap: 14px;background: var(--primary);color: #fff;font-size: 14px;font-weight: 500;padding: 10px 20px;border-radius: 50px;transition: var(--trans);margin-bottom: 16px;}
.cta-email-btn > i {font-size: 16px;flex-shrink: 0;}
.cta-email-list {display: flex;flex-direction: column;gap: 3px;}
.cta-email-list a {color: #fff;text-decoration: none; line-height: 1.4;}
.cta-email-list a:hover {color: #fff;}
.cta-img{margin-inline-start:110px;border: 5px solid var(--primary);
    border-radius: 50%;
    width: 370px;
    height: 370px;
    margin-bottom: -50px;margin-top: 40px;
    overflow: hidden}
.cta-img img{object-fit: cover;
    width: 100%;
    height: 100%}
/* ══════════════════════════════════════════
   SERVICE CARD — matches reference image
══════════════════════════════════════════ */
.svc-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.svc-card{background:var(--white);border-radius:16px;padding:32px 28px 28px;display:flex;flex-direction:column;border:1px solid transparent;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease;}
.svc-card:hover{border-color:var(--border);box-shadow:0 16px 48px rgba(0,0,0,.08);transform:translateY(-4px);}
.svc-card-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(0,150,139,.18) 0%,rgba(0,150,139,.04) 50%,rgba(0,150,139,.14) 100%);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--primary);padding-bottom:0;transition:all .4s ease;}
.svc-card:hover .svc-card-icon{background:linear-gradient(135deg,rgba(0,150,139,.28) 0%,rgba(0,150,139,.08) 50%,rgba(0,150,139,.22) 100%); transform:rotate(360deg);}
.svc-card-icon i{font-size:28px;color:var(--primary);}
.svc-card-spacer{min-height:60px;}
.svc-card .tsubheading01{padding-bottom:12px;}
.svc-card .ttext{padding-bottom:28px;flex:1;}
/* learn more link */
.svc-learn-more{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--darkgreen);transition:var(--trans);padding-top:auto;}
.svc-learn-more-arrow{width:32px;height:32px;border-radius:50%;background:var(--darkgreen);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:var(--trans);}
.svc-learn-more:hover{color:var(--primary);}
.svc-card:hover .svc-learn-more-arrow{background: var(--primary);transform: rotate(45deg);}
/* ── RESPONSIVE ── */
@media (min-width:1200px) and (max-width:1399px){.svc-cards-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:1199px){.svc-cards-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){.svc-cards-grid{grid-template-columns:1fr;gap:14px;}
.svc-card-spacer{min-height:32px;}}
/* ── RESPONSIVE ── */
@media(min-width:1400px) and (max-width:1899px){
.cta-img{margin-inline-start: 30px;}
}
@media(min-width:1400px) and (max-width:1700px){
.sidebar-card{padding:15px; }
.svc-side-menu li a{padding: 13px 13px;}
}
@media(min-width:992px){
.innersvc-list li:nth-last-child(-n+2) { padding-bottom: 0;}
}
@media(max-width:991px){
.innersvc-list li:last-child{ padding-bottom: 0;}
.svc-sidebar{position:static;}
.svc-process-grid{grid-template-columns:1fr 1fr;}
.svc-list-grid{grid-template-columns:1fr;}
.svc-img-icon{width: 74px; height: 74px;}
.svc-img-icon i {font-size: 30px;line-height: 30px;}
}
@media(max-width:767px){
.svc-card{padding: 24px 24px;}
.svc-img-grid{grid-template-columns:1fr;grid-template-rows:250px 180px 180px;}
/*.svc-process-grid{grid-template-columns:1fr;}*/
.svc-bottom-imgs{grid-template-columns:1fr;}
.svc-img-icon{bottom: 25%;width: 54px; height: 54px;}
.svc-img-icon i {font-size: 25px;line-height: 25px;}
}
@media(max-width:575px){
.svc-img-icon{bottom: 30%;width: 40px; height: 40px;}
.svc-img-icon i {font-size: 20px;line-height: 20px;}
}
/* ── CONTACT PAGE HEAD ── */
.contact-page-head{max-width:720px;padding-bottom:56px;margin-left:auto;margin-right:auto;}
.contact-page-head .ttext{max-width:580px;margin-left:auto;margin-right:auto;}
/* ── CONTACT BLOCK (info + brand card) ── */
.contact-block{display:flex;gap:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.08); margin-bottom:56px; }
/* LEFT INFO CARD */
.contact-info-card{flex:1;background:var(--white);padding:40px;}
.contact-info-row{display:grid;gap:32px;}
.contact-info-row + .contact-info-row{margin-top:32px;}
.contact-info-row-2col{grid-template-columns:repeat(2,1fr);}
.contact-info-row-3col{grid-template-columns:repeat(3,1fr);}


.contact-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;}
.contact-tile-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(0,150,139,.18) 0%,rgba(0,150,139,.04) 50%,rgba(0,150,139,.14) 100%);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;}
.contact-tile-label{font-size:17px;font-weight:700;color:var(--primary);padding-bottom:10px;}
.contact-tile-detail{font-size:16px;color:var(--text);line-height:1.7;margin:0;}
.contact-tile-detail a{color:var(--text);transition:color .3s;}
.contact-tile-detail a:hover{color:var(--primary);}
/* RIGHT BRAND CARD */
.contact-brand-card{width:360px;flex-shrink:0;background:var(--darkgreen);position:relative;overflow:hidden;}
.contact-brand-card::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 14px);pointer-events:none;}
.contact-brand-inner{position:relative;z-index:1;padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;justify-content:center;}
.contact-brand-logo-wrap{padding-bottom:16px;}
.contact-brand-logo-icon{font-size:48px;color:var(--primary);}
.contact-brand-name{font-size:22px;font-weight:800;color:#fff;line-height:1.3;padding-bottom:14px;}
.contact-brand-divider{display:block;width:48px;height:3px;background:var(--primary);border-radius:2px;padding-bottom:0;margin-bottom:18px;}
.contact-brand-desc{color:rgba(255,255,255,.65);padding-bottom:24px;}
.contact-brand-socials{display:flex;gap:10px;padding-bottom:28px;}
.contact-brand-socials a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .3s;}
.contact-brand-socials a:hover{background:var(--primary);color:#fff;}
.contact-brand-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:15px;font-weight:700;padding:14px 32px;border-radius:50px;transition:all .3s;width:100%;}
.contact-brand-btn:hover{background:var(--primary-dark);color:#fff;}
/* ── MAP ── */
.contactmapbox{background:#fff; border-radius: 18px; box-shadow: 0 8px 40px rgba(0, 0, 0, .08); padding: 30px 30px;}
.contact-map{border-radius:18px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.08);}
.contact-map iframe{width:100%;height:420px;border:none;display:block;}
/* ── RESPONSIVE ── */
@media(max-width:1199px){
.contact-brand-card{width:300px;}
}
@media (min-width:768px) and (max-width:1199px){
.contact-info-row-3col {grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:991px){
.contact-block{flex-direction:column;}
.contact-brand-card{width:100%;}
.contact-brand-inner{padding:36px 28px;}
}
@media(max-width:767px){
.contact-info-grid{grid-template-columns:1fr;}
.contact-page-head{padding-bottom:36px;}
.contact-block{margin-bottom:30px;}

}
@media(max-width:767px){
 .contact-info-row-2col,
 .contact-info-row-3col{grid-template-columns:1fr;}
 .contact-info-row + .contact-info-row{margin-top:30;}
}
@media(min-width:768px) and (max-width:1199.98px){
 .contact-info-card .contact-tile.contact-tile-hours{display:none !important;}
}

/***************** ── Media Query Styles Starts ── *******************/
@media(max-width:575px){
.hero-title{font-size:30px;}
.hero-desc{font-size:15px;}
.hero-arrow{width:38px;height:38px;font-size:14px;}
.hero-prev{left:10px;}
.hero-next{right:10px;}
.process-wrap{padding:36px 20px;border-radius:16px;}
.process-card{padding:28px 22px;}
.process-num{font-size:60px;}
.scroll-badge{width:50px;height:50px;font-size:11px;bottom:18px;right:18px;}
.footer-cta-bar{flex-direction:column;align-items:start;text-align:left;        padding: 0px 0px;margin-top: 0;background: none}
.footer-bottom{flex-direction:column;text-align:center;}
.marquee-word{font-size:44px;}
.marquee-img{height:44px;width:80px;border-radius:8px;}
.footer-cols{padding:0px 0 36px;}
}
@media(max-width:767px){
.hero-thumbs{display:none;}
.hero-explore{width:90px;height:90px;bottom:16px;right:12px;}
.explore-circle svg text{font-size:9px;letter-spacing:2.5px;}
.explore-arrow-wrap{width:40px;height:40px;font-size:15px;}
.aboutgrid01{grid-template-columns:1fr;gap:16px;}
.aboutgrid02{grid-template-columns:1fr;gap:16px;}
.about-stat-01{grid-column:1;grid-row:1;}
.about-image{grid-column:1;grid-row:2;min-height:220px;}
.about-content{grid-column:1;grid-row:3;padding:40px 0 8px 0;}
.about-customers{grid-column:1;grid-row:4;}
.about-stat-02{grid-column:1;grid-row:5;}
.about-stat-03{grid-column:1;grid-row:6;}
.aboutcard,.about-stat-01,.about-stat-02,.about-stat-03,.about-customers{padding:22px;min-height:260px;}
.service-box{grid-template-columns:1fr; padding: 35px 15px;}
.proj-card{height:380px;}
.proj-head{padding-bottom:32px;}
.scroll-badge{width:50px;height:50px;font-size:11px;bottom: 83px;right: 24px;}
.footer-cols{padding:24px 0 36px;}
}
@media(min-width:767px) and (max-width:991px){
.footer-cols{padding:48px 0 36px;}
}

@media (max-width:991.98px){
#mainHeader.scrolled .header-nav ul li a{color:#ffffff;}
#mainHeader.scrolled .mob-toggle span{background:var(--primary);}
}
@media(max-width:991px){
#mainHeader .site-navbar{backdrop-filter: none;background: none;}
.header-socials{
  display:flex;
  align-items:center;
  gap:14px;
}
.header-socials-label{
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,.65);
  white-space:nowrap;
}
.header-socials a{
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  flex-shrink:0;
  transition:all .3s;
}
.header-socials a:hover{
  background:var(--primary);
  color:#fff;
}
/* When header is scrolled (white background) */
#mainHeader.scrolled .header-socials-label{
  color:rgba(13,26,20,.55);
}

#mainHeader.scrolled .header-socials a{
  background:var(--light);
  color:var(--dark);
}

#mainHeader.scrolled .header-socials a:hover{
  background:var(--primary);
  color:#fff;
}
.header-logo {padding: 5px 0 10px 0;}
.header-nav {display: none !important;}

.mob-toggle {display: block !important;background: transparent;border: none;cursor: pointer;padding: 5px;margin-left: 10px;}

.header-logo img {height: 90px; /* Adjust for mobile */}
.nav-logo{height:42px;}
.hero-thumbs{padding-left:16px;}
.hero-explore{right:16px;}
.servsec{overflow:hidden;}
.process-wrap{padding:35px 0px;}
.process-top{padding-bottom:40px;}
.process-steps{flex-direction:column;gap:20px;}
.process-connector{width:auto;height:40px;transform:rotate(90deg);}
.footer-inner{padding:0 24px;}
.footer-cta-logo{justify-content:center;}
/*.footer-cols .col-lg-3,.footer-cols .col-lg-2{padding-bottom:36px;}*/
.marquee-word{font-size:64px;}
.marquee-img{height:64px;width:110px;}
.about-text,.process-right,.why-right{padding-left:0;padding-top:40px;}
.stat-divider{border-right:none;border-bottom:1px solid rgba(255,255,255,.15);}
.why-grid{grid-template-columns:1fr;}
.pagebanner-overlay {
    background: none;
}
}
@media (min-width: 992px) {
.mob-toggle {display: none !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-nav ul li a{padding: 10px 14px;}
}
@media(max-width:1199px){
.aboutgrid01{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
.aboutgrid02{grid-template-columns:1fr 1fr;grid-template-rows:auto; align-items:start;}
.about-stat-01{grid-column:1;grid-row:1;}
.about-image{grid-column:2;grid-row:1;min-height:260px;}
.about-content{grid-column:1/-1;grid-row:2;padding:48px 0 28px 0;}
.about-customers{grid-column:1;grid-row:3;}
.about-stat-02{grid-column:2;grid-row:3;}
.about-stat-03{grid-column:1/-1;grid-row:4;}
}
@media (max-width:1199.98px){
.servwrapper{display:block;}
.servleftsec{position:relative;top:auto;margin-bottom:50px;padding:0;}
.servrightsec{width:100%;}
.service-box{margin-bottom:0px;opacity:0;transform:translateX(120px);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .8s cubic-bezier(.22,1,.36,1);}
.service-box.active{opacity:1;transform:translateX(0);}
}
@media (max-width:1299px){
.proj-head{max-width:100%;}
}
@media (min-width:1200px) and (max-width: 1399px){
.hero-content{padding-top:60px;}
.hero-title{font-size:58px;}
.about-content{padding:8px 28px 8px 28px;}
}
@media (min-width:1400px) and (max-width: 1799px){
.hero-content{padding-top:10px;}
.hero-title{font-size:62px;}
.about-content{padding:8px 28px 8px 100px;}
}
@media(max-width:991px){
.header-right-actions .btntopcta {display: none !important;}
}
/* ══════════════════════════════════════════
   ABOUT US PAGE
══════════════════════════════════════════ */

/* STORY */
.story-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;}
.story-grid02{display:grid;grid-template-columns:1.1fr 0.9fr ;gap:56px;align-items:center;}
.story-imgs{position:relative;min-height:420px;}
.story-img-main{position:absolute;top:0;left:0;width:78%;/* height:82%; */height:auto; border-radius:16px;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.15);}
.story-img-sub{position:absolute;bottom:0;right:0;width:56%;/* height:52%; */ height:auto;border-radius:16px;object-fit:cover;border:6px solid var(--light);box-shadow:0 20px 50px rgba(0,0,0,.15);}
.story-badge{position:absolute;top:20px;right:6%;background:var(--primary);color:#fff;border-radius:14px;padding:18px 22px;text-align:center;box-shadow:0 15px 30px rgba(0,150,139,.35);z-index:2;}
.story-badge .num{font-size:32px;font-weight:700;line-height:1;display:block;}
.story-badge .lbl{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9;}

.story-badge{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;}
.story-badge:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(0,150,139,.45);}
.story-badge-row{display:flex;
flex-wrap:nowrap;
gap:16px;margin-top:0px;}


.story-cert-label{
  font-size:14px;
  font-weight:1000;
  color:var(--darkgreen);
  letter-spacing:.3px;
  text-align:center;
  margin-top:110px;
}
.story-badge-static{position:static;top:auto;right:auto;
display:inline-flex;
flex-direction:column;   /* stack num above lbl */
align-items:center;justify-content:center;gap:2px;
padding:14px 20px;margin-top:0;flex:1;min-width:0;}
.story-badge-static .num,
.story-badge-static .lbl{display:block;white-space:nowrap;}
.story-list{list-style:none;margin:0;padding:24px 0 0;display:flex;flex-direction:column;gap:14px;}
.story-list li{display:flex;align-items:center;gap:12px;
font-size:15px;color:var(--darkgreen);line-height:1.5;         }
.story-list li i{color:var(--primary);font-size:18px;
margin-top:0;flex-shrink:0;}
/*ADNOC HSE INDUCTION GALLERY*/
.adnoc-gallery-sec{overflow:hidden;}
.adnoc-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.adnoc-gallery-item{border-radius:16px;overflow:hidden;}
.adnoc-gallery-item img{width:100%;height:auto;object-fit:cover;display:block;transition:transform .5s ease;}
.adnoc-gallery-item:hover img{transform:scale(1.05);}

@media(max-width:1399px){
.adnoc-gallery-grid{grid-template-columns:repeat(2,1fr);}
.adnoc-gallery-item img{height:220px;}
}
@media(max-width:767px){
.adnoc-gallery-grid{grid-template-columns:1fr;gap:14px;}
.adnoc-gallery-item img{height:240px;}
}



@media (min-width:991px) and (max-width:1399.98px){
.qhse-quality-sec .story-cert-label{margin-top:110px;}
.qhse-quality-sec .story-badge-row{width:100%;display:grid;
grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;}

.qhse-quality-sec .story-grid{grid-template-columns:1fr 1fr;
gap:30px;align-items:start;}
.qhse-quality-sec .story-imgs-wrap{order:1; width:100%;}
.qhse-quality-sec .story-grid > div:last-child{order:2;
width:100%;}
.qhse-quality-sec .story-badge-static{width:100%;min-width:0;
margin:0;padding:14px 8px;}
.qhse-quality-sec .story-badge-static .num{font-size:22px;
line-height:1.1;white-space:nowrap;}
.qhse-quality-sec .story-badge-static .lbl{font-size:11px;
line-height:1.3;text-align:center;white-space:normal;}
.qhse-quality-sec .story-imgs{position:relative;width:100%;
min-height:360px;}
.qhse-quality-sec .story-img-main{position:absolute;top:0;
left:0;width:78%;height:auto;border-radius:16px;}
.qhse-quality-sec .story-img-sub{position:absolute;right:0;
bottom:0;width:45%;height:auto;margin:0;
border:6px solid var(--light);border-radius:16px;z-index:2;}
}
@media(max-width:991.98px){
 .story-grid{grid-template-columns:1fr;gap:36px;}
 .story-grid02{grid-template-columns:1fr;gap:36px;}
 .story-img-sub{width: 40%; top: 45%;}
 .story-imgs{min-height:320px;margin-bottom:10px;order:2;}  
 .story-grid > div:last-child{order:1;}                       
}
@media(max-width:991.98px){
.story-cert-label{order:2;margin-top:0;}
.story-badge-row{order:3;}
	
	
	
.story-grid{grid-template-columns:1fr;gap:36px;}
.story-grid02{grid-template-columns:1fr;gap:36px;}
.story-img-sub{width:40%;top:45%;}
.story-imgs{min-height:320px;}
.story-imgs-wrap{display:contents;}
.story-grid > div:last-child{order:1;}
.story-badge-row{order:2;width:100%;display:grid;
grid-template-columns:repeat(3,1fr);gap:10px;margin-top:0;}
.story-badge-static{width:100%; min-width:0;margin:0;
padding:14px 8px;display:flex;flex-direction:column;
align-items:center;justify-content:center;text-align:center;}
.story-badge-static .num{font-size:20px;line-height:1.1;
white-space:nowrap;}
.story-badge-static .lbl{font-size:9px;line-height:1.2;
text-align:center;}
.story-imgs{order:3;}
}
@media(max-width:575px){
.story-img-sub{width: 56%; top: 40%;}
}
/* QHSE FIRST SECTION - MOBILE FIX*/
@media (max-width:767.98px){
.qhse-quality-sec .story-cert-label{order:2;margin-top:0;}
.qhse-quality-sec .story-badge-row{order:3;}
	
	
.qhse-quality-sec .story-grid{display:flex;flex-direction:column;
gap:30px;}
.qhse-quality-sec .story-grid > div:last-child{order:1;
width:100%;}
.qhse-quality-sec .story-imgs-wrap{display:contents;}
.qhse-quality-sec .story-badge-row{order:2;width:100%;
display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;
margin-top:0;}
.qhse-quality-sec .story-badge-static{width:100%;min-width:0;
padding:12px 5px;margin:0;
display:flex;flex-direction:column;align-items:center;
justify-content:center;text-align:center;}
.qhse-quality-sec .story-badge-static .num{font-size:18px;
line-height:1.1;white-space:nowrap;}
.qhse-quality-sec .story-badge-static .lbl{font-size:8px;
line-height:1.2;white-space:normal;text-align:center;}
.qhse-quality-sec .story-imgs{order:3;position:relative;
width:100%;min-height:auto;padding-bottom:0;}
.qhse-quality-sec .story-img-main{position:relative;top:auto;
left:auto;width:100%;height:auto;display:block;
border-radius:14px;}
.qhse-quality-sec .story-img-sub{position:relative;top:auto;
right:auto;bottom:auto;width:52%;height:auto;
margin:-70px 0 0 auto;border:5px solid var(--light);
border-radius:14px;z-index:2;}
}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat-item{background:#fff;border-radius:16px;padding:24px 24px;
text-align:left;display:flex;align-items:center;gap:20px;}
.stat-icon{width:66px;height:66px;border-radius:50%;
background:linear-gradient(-45deg,#00968b26 0%,#00968b00 50%,#00968b26 100%);display:flex;align-items:center;
justify-content:center;flex-shrink:0;margin:0;}
.stat-icon i{font-size:26px;color:var(--primary);}
.stat-text{display:flex;flex-direction:column;}
.stat-value{font-size:clamp(28px,3vw,40px);font-weight:600;color:var(--dark);line-height:1;display:block;padding-bottom:8px;margin-top:0;}
.stat-label{font-size:17px;color:var(--darkgreen);}
@media(max-width:991.98px){
 .stats-strip{grid-template-columns:repeat(2,1fr);gap:20px;}
}
@media(max-width:575.98px){
 .stats-strip{grid-template-columns:1fr;gap:16px;}
 .stat-item{padding:5px;gap:16px;}
 .stat-icon{width:56px;height:56px;}
 .stat-icon i{font-size:22px;}
}
/* MISSION & VISION - new layout */
.mv-head{max-width:900px;margin:0 auto;text-align:center;}
.mv-wrap-grid{display:grid;grid-template-columns: 0.85fr 1.15fr;
gap:56px;align-items:stretch;}
.mv-image{position:relative;border-radius:16px;overflow:hidden;}
.mv-img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;border-radius:16px;}
.mv-grid{display:grid;grid-template-columns:1fr;gap:20px;
align-content:start;}
.mv-card-simple{background:#fff;border-radius:14px;padding:24px 26px;box-shadow:0 2px 15px rgba(0,0,0,.05);}
.mv-icon{width:52px;height:52px;border-radius:14px;
background:var(--lightgreen02);display:flex;align-items:center;
justify-content:center;margin-bottom:16px;}
.mv-icon i{font-size:22px;color:var(--primary);}
.mv-title{font-size:19px;font-weight:700;color:var(--dark);padding-bottom:10px;}
@media(max-width:1200.98px){
 .mv-wrap-grid{grid-template-columns:1fr;gap:32px;}
 .mv-image{height:auto;}
 .mv-img{position: relative;}
}
/* WHY CHOOSE US - dark panel */
.why-panel{position:relative;background:#0c1e21;overflow:hidden;padding:64px 100px;}
.why-panel::before{content:"";position:absolute;inset:0;background:rgba(12,30,33,.4);z-index:0;}
.why-panel>*{position:relative;z-index:1;}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px;padding-top:40px;}
.why-item{display:flex;gap:18px;align-items:flex-start;}
.why-icon{width:52px;height:52px;border-radius:14px;background:rgba(0,150,139,.15);border:1px solid rgba(0,150,139,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.why-icon i{color:var(--primary);font-size:22px;}
.why-item h4{font-size:18px;font-weight:600;color:#fff;padding-bottom:6px;}
.why-item p{font-size:14px;color:rgba(255,255,255,.62);line-height:1.7;margin:0;}
@media(max-width:991.98px){.why-panel{padding:48px 40px;}.why-grid{grid-template-columns:1fr;}}
@media(max-width:575.98px){.why-panel{padding:36px 24px;border-radius:16px;}}
/* ABOUT CTA */
.about-cta{background:   repeating-linear-gradient(
            -75deg,
            rgba(255,255,255,0.04) 0px,
            rgba(255,255,255,0.04) 2px,
            transparent 2px,
            transparent 14px
        ),var(--primary);border-radius:16px;padding:50px 60px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.about-cta h3{color:#fff;font-size:clamp(22px,2.4vw,32px);font-weight:600;margin:0;max-width:560px;}
.about-cta-actions{display:flex;gap:14px;flex-wrap:wrap;}
.btnctawhite{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--dark);font-weight:600;font-size:15px;padding:14px 26px;border-radius:50px;transition:all .3s;}
.btnctawhite:hover{background:#0d1a14;color:#fff;}
.btnctaoutline{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-weight:600;font-size:15px;padding:14px 26px;border-radius:50px;transition:all .3s;}
.btnctaoutline:hover{border-color:#fff;background:rgba(255,255,255,.12);}
@media(max-width:767.98px){.about-cta{padding:36px 28px;flex-direction:column;text-align:center;}.about-cta-actions{justify-content:center;}}
/*         ══════════════════════════════════════════
                    PROJECTS PAGE 
          ══════════════════════════════════════════ */
/* ── PAGE INTRO ── */
.proj-page-head{padding-bottom:8px;}
.proj-page-head .ttext{max-width:600px;margin-left:auto;margin-right:auto;}


/* ── ONGOING PROJECTS (with image) ── */
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.op-card{position:relative;overflow:hidden;border-radius:16px;min-height:420px;display:flex;flex-direction:column;transition:transform .4s ease,box-shadow .4s ease;}
.op-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.25);}
.op-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:0;}
.op-card:hover .op-img{transform:scale(1.08);}
.op-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,30,33,.25) 0%,rgba(12,30,33,.45) 55%,rgba(12,30,33,.75) 100%);z-index:1;}
.op-content{position:relative;z-index:2;padding:32px 28px 28px;display:flex;flex-direction:column;height:100%;}
.op-title{font-size:18px;font-weight:700;color:#fff;line-height:1.4;padding-bottom:20px;margin-top:auto;}
.op-btn{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#fff;width:fit-content;transition:var(--trans);}
.op-btn-text{overflow:hidden;display:inline-flex;align-items:center;}
.op-btn-text span{display:flex;align-items:center;transition:all .3s ease;}
.op-content .svc-learn-more-arrow{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:var(--trans);}
.op-card:hover .op-btn{color:var(--primary-light);}
.op-card:hover .op-content .svc-learn-more-arrow{background:var(--primary);color:#fff;transform:rotate(45deg);}
@media(max-width:1199px){.op-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:767px){.op-grid{grid-template-columns:1fr;}}
/*KHazna Solar Project Page*/
.proj-page-head {padding-bottom: 30px;}
.proj-page-head .theadtag { margin-bottom: 14px;}
.proj-page-head .tinnerhead {font-size: clamp(30px, 4vw, 48px);
font-weight: 700;color: var(--dark);line-height: 1.2;}
/* PROJECT DETAIL*/
.svc-content {overflow: hidden;}
.svc-content .col-lg-6:last-child {
  padding-left: 56px;
}
.svc-img-main {width: 100%;position: relative;overflow: hidden;}
.svc-img-main img {width: 100%;height: 500px;object-fit: cover;
display: block;border-radius: 16px;}
/* Project title */
.svc-section-title {font-size: clamp(22px, 2vw, 30px);
font-weight: 700;color: var(--heading);line-height: 1.4;
padding: 8px 20px;margin: 0;}
/*PROJECT INFORMATION*/
.svc-list-grid {display: flex;flex-direction: column;
gap: 12px;}
.svc-info-card {display: flex;align-items: flex-start;
gap: 16px;padding: 8px 20px;}
.svc-info-icon {width: 34px;height: 34px;border-radius: 50%;
background: var(--primary);color: #fff;display: flex;
align-items: center;justify-content: center;font-size: 18px;
flex-shrink: 0;}
.svc-info-text {display: flex;flex-direction: column;}
.svc-info-text strong {font-size: 15px;font-weight: 700;
color: var(--dark);margin-bottom: 2px;}
.svc-info-text span {font-size: 15px;color: var(--darkgreen);
line-height: 1.5;}
.innersvc-list li strong {color: var(--dark);font-weight: 700;}
/* PROJECT GALLERY */
.adnoc-gallery-grid{display:grid;
grid-template-columns:repeat(4,1fr);gap:18px;}
.adnoc-gallery-item{overflow:hidden;border-radius:12px;}
.adnoc-gallery-item img{width:100%;height:auto;object-fit:cover;
display:block;transition:transform .5s ease;}
.adnoc-gallery-item:hover img{transform:scale(1.04);}

.btnback:hover .btnmain-icon i{transform:translateX(-3px);}
/* GALLERY LIGHTBOX MODAL */
#galleryModal .modal-dialog{max-width:900px;}
#galleryModal .modal-content{background:transparent;border:none;}
#galleryModal .modal-body{padding:0;position:relative;}
#galleryModal .pgal-modal-imgbox img{width:100%;height:auto;display:block;border-radius:8px;}
#galleryModal .btn-close{position:absolute;top:-50px;right:0;filter:invert(1) brightness(2);opacity:.9;z-index:3;}
#galleryModal .pgal-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.45);border:none;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .2s ease;}
#galleryModal .pgal-modal-arrow:hover{background:rgba(0,0,0,.7);}
#galleryModal .pgal-modal-prev{left:-70px;}
#galleryModal .pgal-modal-next{right:-70px;}
@media(max-width:991.98px){
 #galleryModal .modal-dialog{max-width:calc(100% - 130px);margin-left:auto;margin-right:auto;}
 #galleryModal .btn-close{top:-50px;right:0;}
 #galleryModal .pgal-modal-prev{left:-60px;}
 #galleryModal .pgal-modal-next{right:-60px;}
}
@media(max-width:575.98px){
 #galleryModal .modal-dialog{max-width:calc(100% - 104px);}
 #galleryModal .pgal-modal-arrow{width:40px;height:40px;font-size:16px;}
 #galleryModal .pgal-modal-prev{left:-50px;}
 #galleryModal .pgal-modal-next{right:-50px;}
}
/* TABLET */
@media(max-width:1199px){
.adnoc-gallery-grid{grid-template-columns:repeat(2,1fr);
gap:16px;}
}
@media (max-width: 991.98px) {
.svc-content .col-lg-6:last-child {
padding-left: 0.75rem; /* keep normal spacing on tablet/mobile */}
}
/* MOBILE */
@media(max-width:575.98px){
.adnoc-gallery-grid{grid-template-columns:repeat(1,1fr);
gap:14px;}}
/* GALLERY HOVER ZOOM LENS (normal grid, not lightbox) */
.adnoc-gallery-item{position:relative;cursor:zoom-in;}
.gallery-zoom-lens{...}
@media(max-width:767.98px){...}
	
	/* QHSE page only: no lightbox/lens icon */
.qhse-gallery .adnoc-gallery-item{cursor:default !important;}
.qhse-gallery .adnoc-gallery-item .pgal-lens-icon,
.qhse-gallery .adnoc-gallery-item .pgal-expand,
.qhse-gallery .adnoc-gallery-item .gallery-zoom-lens{display:none !important;}
/* ══════════════════════════════════════════
   GALLERY PAGE (static bento-grid gallery)
══════════════════════════════════════════ */
.pgal-sec{overflow:hidden;}
.pgal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.pgal-item{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;height:auto;}
.pgal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.pgal-item:hover img{transform:scale(1.08);}
.pgal-item{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;height:auto;display:flex;flex-direction:column;background:var(--white);}
.pgal-img-wrap{position:relative;overflow:hidden;}
.pgal-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.pgal-item:hover .pgal-img-wrap img{transform:scale(1.08);}
.pgal-expand{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(6,18,16,.55);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transform:scale(.85);transition:opacity .3s ease,transform .3s ease;}
.pgal-item:hover .pgal-expand{opacity:1;transform:scale(1);}
.pgal-strip{background:var(--white);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.pgal-strip-title{color:var(--heading);}
.pgal-strip-arrow{width:38px;height:38px;border-radius:50%;background:var(--darkgreen);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:var(--trans);}
.pgal-item:hover .pgal-strip-arrow{background:var(--primary);transform:rotate(45deg);}
.pgal-item:hover .pgal-strip-btn{gap:10px;}
.pgal-strip-btn i{font-size:12px;transition:transform .25s ease;}
.pgal-item:hover .pgal-strip-btn i{transform:translateX(2px);}
/* caption overlay — reveals on hover */
.pgal-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 20px 16px;background:linear-gradient(0deg,rgba(6,18,16,.85) 0%,rgba(6,18,16,.3) 60%,transparent 100%);display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;}
.pgal-item:hover .pgal-caption{opacity:1;transform:translateY(0);}
.pgal-caption-icon{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.pgal-caption-text .ttl{display:block;font-size:15px;font-weight:600;color:#fff;line-height:1.3;}
/* expand icon hint (top-right, always subtly visible) */
.pgal-expand{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:rgba(6,18,16,.55);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transform:scale(.85);transition:opacity .3s ease,transform .3s ease;}
.pgal-item:hover .pgal-expand{opacity:1;transform:scale(1);}
/* lightbox modal */
#pgalModal .modal-dialog{max-width:1000px;}
#pgalModal .modal-content{background:transparent;border:none;}
#pgalModal .modal-body{padding:0 70px;position:relative;}
#pgalModal .btn-close{position:absolute;top:-42px;right:0;filter:invert(1) brightness(2);opacity:.85;z-index:2;}
#pgalModal .pgal-modal-imgbox{position:relative;width:100%;aspect-ratio:5/4;border-radius:14px;overflow:hidden;background:#0d1a14;}
#pgalModal .pgal-modal-imgbox img{width:100%;height:100%;object-fit:contain;display:block;}
#pgalModal .pgal-modal-title{color:#fff;font-size:16px;font-weight:600;padding-top:14px;text-align:center;}
.pgal-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:none;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;}
.pgal-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:10;}
.pgal-modal-arrow:hover{background:rgba(0,0,0,0.75);}
.pgal-modal-prev{left:8px;}
.pgal-modal-next{right:8px;}
.modal-body{position:relative;}
@media(max-width:1199px){
 .pgal-modal-prev{left:12px;}
 .pgal-modal-next{right:12px;}
}
/* GALLERY HOVER ZOOM LENS (normal grid, not lightbox) */
/*.pgal-item{position:relative;cursor:zoom-in;}
.gallery-zoom-lens{...}
@media(max-width:767.98px){...}*/
/* ══════════════════════════════════════════
   SECTORS WE SERVE
══════════════════════════════════════════ */
.psec-head{text-align:center;max-width:640px;margin:0 auto;padding-bottom:12px;}
.psec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.psec-card{background:var(--white);border-radius:16px;padding:30px 24px;text-align:center;border:1px solid transparent;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease;}
.psec-card:hover{border-color:var(--border);box-shadow:0 16px 48px rgba(0,0,0,.08);transform:translateY(-4px);}
.psec-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,rgba(0,150,139,.18) 0%,rgba(0,150,139,.04) 50%,rgba(0,150,139,.14) 100%);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--primary);transition:all .4s ease;}
.psec-card:hover .psec-icon{background:linear-gradient(135deg,rgba(0,150,139,.28) 0%,rgba(0,150,139,.08) 50%,rgba(0,150,139,.22) 100%);transform:rotate(360deg);}
.psec-card h4{font-size:18px;font-weight:600;color:var(--heading);padding-bottom:8px;}
.psec-card p{font-size:16px;color:var(--text);line-height:1.6;margin:0;}
/* ── RESPONSIVE ── */
@media(max-width:1199px){
 .pgal-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:991px){
.psec-grid {grid-template-columns:repeat(2,1fr);}
}
@media(max-width:767px){
 .pgal-grid{grid-template-columns:1fr;gap:20px;}
 .pgal-caption{padding:14px 14px 12px;}
 .pgal-caption-icon{width:32px;height:32px;font-size:14px;}
 .pgal-caption-text .ttl{font-size:13px;}
 .pgal-expand{width:28px;height:28px;font-size:12px;top:10px;right:10px;}
 .psec-grid{grid-template-columns:1fr;gap:14px;}
 }
@media(max-width:767px){
 #pgalModal .modal-dialog{max-width:94%;}
}
/*══════════════════════════════════════════
             CLIENTS PAGE
 ══════════════════════════════════════════ */

/* ── PAGE INTRO ── */
.cli-page-head{max-width:720px;padding-bottom:8px;margin-left:auto;margin-right:auto;text-align:center;}
.cli-page-head .ttext{max-width:600px;margin-left:auto;margin-right:auto;}

/* ══════════════════════════════════════════
   CLIENT LOGO GRID (card style, per reference)
══════════════════════════════════════════ */
.cli-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.cli-card{background:var(--white);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:15px;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease;}
.cli-card img{max-width:100%;max-height:100%;object-fit:contain;transition:filter .35s ease,opacity .35s ease;}
.cli-card:hover{border-color:var(--primary);box-shadow:0 16px 40px rgba(0,0,0,.08);transform:translateY(-4px);}
.cli-card:hover img{filter:grayscale(0%);opacity:1;}
/* ── RESPONSIVE ── */
@media(max-width:1399px){
 .cli-grid{grid-template-columns:repeat(5,1fr);}
}
@media(max-width:1199px){
 .cli-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:767px){
 .cli-grid{grid-template-columns:repeat(3,1fr);gap:14px;}
 .cli-card{height:110px;padding:16px;}
}
@media(max-width:575px){
 .cli-grid{grid-template-columns:repeat(3,1fr);}
}
/* TESTIMONIALS SECTION*/
/* Testimonials Swiper */
.testi-swiper{padding-bottom:8px;overflow:hidden;}
.testi-swiper .swiper-slide{height:auto;}
.testi-swiper .swiper-slide .testi-card{height:100%;}
.testi-pagination{position:relative;display:flex!important;align-items:center;justify-content:center;gap:8px;padding-top:32px;}
.testi-pagination .swiper-pagination-bullet{width:12px;height:8px;border-radius:50px;background:#cddfdf;opacity:1;margin:0!important;transition:all .35s ease;}
.testi-pagination .swiper-pagination-bullet-active{width:54px;background:var(--primary);}
.testi-wrap {background: var(--light);}
.testi-top {display: flex;justify-content: space-between;
align-items: flex-end;flex-wrap: wrap;gap: 20px;
margin-bottom: 40px;}
/* Google badge */
.testi-google {display: flex;flex-direction: column;
align-items: flex-end;gap: 10px;}
.testi-google-badge {display: flex;align-items: center;
gap: 10px;}
.testi-google-img {height: 70px;width: auto;
object-fit: contain;}
.testi-google-stars i {color: #FBBC05;font-size: 15px;
margin-left: 1px;}
.testi-rated-pill {display: inline-flex;align-items: center;
gap: 8px;background: #fff;border: 1px solid var(--border);
border-radius: 30px;padding: 8px 18px;font-size: 15px;
font-weight: 600;color: var(--dark);
box-shadow: 0 2px 6px rgba(0,0,0,0.05);}
.testi-rated-pill-icon{width: 24px;height: 24px;
flex-shrink: 0;}
/* Grid */
.testi-grid {display: grid;
grid-template-columns: repeat(3, 1fr);gap: 20px;}
/* Card — matches site's card style (Services/Sectors pattern) */
.testi-card {background: var(--white);border-radius: 16px;
padding: 32px 28px 28px;border: 1px solid transparent;
transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;}
.testi-card:hover {border-color: var(--border);
box-shadow: 0 16px 48px rgba(0,0,0,.08);
transform: translateY(-4px);}
/* Avatar */
.testi-avatar {width: 52px;height: 52px;border-radius: 50%;
background: linear-gradient(135deg, rgba(0,150,139,.18) 0%, rgba(0,150,139,.04) 50%, rgba(0,150,139,.14) 100%);
color: var(--primary);display: flex;align-items: center;
justify-content: center;font-weight: 700;font-size: 20px;
margin-bottom: 18px;}
/* Name / time */
.testi-name {font-size: 17px;font-weight: 700;
color: var(--heading);margin-bottom: 2px;}
.testi-time {display: block;font-size: 13px;
color: var(--text);margin-bottom: 14px;}
/* Stars */
.testi-stars {margin-bottom: 16px;}
.testi-stars i {color: #FBBC05;font-size: 14px;
margin-right: 2px;}
/* Text */
.testi-text {font-size: 14.5px;line-height: 1.7;
color: var(--text);margin-bottom: 22px;}
/* Read more link */
.testi-readmore {display: inline-flex;align-items: center;
gap: 10px;font-size: 15px;font-weight: 700;
color: var(--darkgreen);transition: var(--trans);}
.testi-readmore i {font-size: 13px;
transition: transform .2s ease;}
.testi-readmore:hover {color: var(--primary);}
.testi-readmore:hover i {transform: translateX(3px);}
/* ══════════════════════════════
   RESPONSIVE
   ══════════════════════════════ */
@media (max-width: 1499px) {
.tdownloadtext{font-size:14px;}
}
@media (max-width: 991px) {
.testi-grid {grid-template-columns: repeat(2, 1fr);}
.testi-top {align-items: flex-start;}
.testi-google {align-items: flex-start;}
}
@media (max-width: 575px) {
.testi-grid {grid-template-columns: 1fr;}
.testi-top {flex-direction: column;align-items: flex-start;}
.testi-google {align-items: flex-start;width: 100%;}
.testi-card {padding: 24px 22px;}
.testi-google-img{height:60px;}
.tdownloadtext{font-size:12px;}
.btndownload{padding: 5px 5px 5px 14px !important;}
}
/* Header socials */
.header-socials {display:flex;align-items:center;gap:20px;
margin-right:50px;}
.header-socials-label{color:var(--white);white-space:nowrap;}
.header-socials a{width:38px;height:38px;border-radius:50%;
background:rgba(255,255,255,.08);color:#fff;display:flex;
align-items:center;justify-content:center;font-size:18px;
flex-shrink:0;transition:all .3s;}
.header-socials a:hover{background:var(--primary);color:#fff;}
@media (min-width: 992px) and (max-width: 1399.98px) {
.header-nav ul li a{padding: 10px 12px;font-size:15px;}
.header-socials{gap:10px;margin-right:20px;}
}
@media (min-width: 992px) and (max-width: 1299.98px) {
.header-socials-label{display:none!important;}
}
@media(max-width:991px){
.header-socials-label{font-size:14px;font-weight:500;
color:#1a1a1a;white-space:nowrap;}
.header-socials a{color:#1a1a1a;font-size:18px;}
}
/* When header is scrolled (white background) */
#mainHeader.scrolled .header-socials a{
background:var(--light);color:var(--dark);}
#mainHeader.scrolled .header-socials-label{color:#1a1a1a;}
#mainHeader.scrolled .header-socials a:hover{
background:var(--primary);color:#fff;}
#mainHeader.scrolled .header-nav ul li a{color:#1a1a1a;}
#mainHeader.scrolled .header-nav ul li a.active{color:var(--primary) !important;}
#mainHeader.scrolled .header-nav ul li.has-dropdown>a{color:#1a1a1a;}
#mainHeader.scrolled .header-nav ul li.has-dropdown:hover>a{color:var(--primary);}


/* ── GALLERY LENS ICON (lightbox hint) ── */
.pgal-lens-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(12,30,33,.45);opacity:0;transition:opacity .35s ease;cursor:zoom-in;}
.pgal-item:hover .pgal-lens-icon i{transform:scale(1);}