/* Abrish for General Construction & Trading Co. Ltd | About Us v28
   Everything below this reset is restricted to /about and its own container. */
body:has(#abr-about-v28) .ccw-header,
body:has(#abr-about-v28) .ccw-header.is-scrolled {height:64px!important;background:#061c2c!important;box-shadow:0 1px 0 rgba(255,255,255,.16)!important;color:#fff!important}
body:has(#abr-about-v28) .ccw-header .ccw-nav-wrap{height:64px!important;max-width:1340px!important;margin:auto!important;padding:0 18px!important;gap:16px!important}
body:has(#abr-about-v28) .ccw-header .ccw-brand{min-width:240px!important;gap:11px!important;overflow:visible!important}
body:has(#abr-about-v28) .ccw-header .ccw-brand::after{content:"ABRISH\A FOR GENERAL CONSTRUCTION\A AND TRADING CO. LTD";display:block!important;white-space:pre!important;color:#fff!important;font-size:9px!important;font-weight:850!important;line-height:1.12!important;letter-spacing:-.1px!important}
body:has(#abr-about-v28) .ccw-header .ccw-brand::first-line{font-size:15px!important}
body:has(#abr-about-v28) .ccw-header .ccw-logo-img{width:43px!important;min-width:43px!important;height:43px!important;max-height:43px!important;object-fit:contain!important;background:#fff!important;border-radius:5px!important;padding:3px!important}
body:has(#abr-about-v28) .ccw-header .ccw-desktop-nav{gap:23px!important;margin-left:auto!important}
body:has(#abr-about-v28) .ccw-header .ccw-desktop-nav a{font-size:10px!important;font-weight:850!important;color:#fff!important;letter-spacing:.01em!important}
body:has(#abr-about-v28) .ccw-header .ccw-desktop-nav a:hover{color:#ff6614!important}
body:has(#abr-about-v28) .ccw-header .ccw-quote-top{background:#ff6511!important;color:#fff!important;border:0!important;min-height:38px!important;font-size:10px!important;padding:0 17px!important;letter-spacing:0!important;gap:10px!important}
body:has(#abr-about-v28) .ccw-site{width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important}
#abr-about-v28{--abr28-navy:#06223b;--abr28-dark:#061b2e;--abr28-orange:#ff6617;--abr28-text:#092844;--abr28-muted:#334d68;display:block!important;clear:both;width:100%!important;max-width:none!important;min-width:0!important;margin:64px 0 0!important;padding:0!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-size:13px!important;line-height:1.43!important;letter-spacing:normal!important;color:var(--abr28-text)!important;background:#fff!important;isolation:isolate}
#abr-about-v28 *,#abr-about-v28 *::before,#abr-about-v28 *::after{box-sizing:border-box!important}
#abr-about-v28 .abr28-container{max-width:1380px!important;width:calc(100% - 64px)!important;min-width:0!important;margin:0 auto!important;padding:0 16px!important}
#abr-about-v28 h1,#abr-about-v28 h2,#abr-about-v28 h3,#abr-about-v28 p{margin:0!important;padding:0!important;letter-spacing:-.025em!important;text-transform:none!important}
#abr-about-v28 p{font-size:13px!important;line-height:1.46!important;font-weight:440!important;color:var(--abr28-muted)!important}
#abr-about-v28 h2{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-weight:850!important;font-size:23px!important;line-height:1.16!important;color:#082845!important}
#abr-about-v28 h3{font-family:Inter,'Segoe UI',Arial,sans-serif!important;font-weight:800!important;font-size:13px!important;line-height:1.28!important;color:#082845!important}
#abr-about-v28 em{font-style:normal!important;color:var(--abr28-orange)!important}
#abr-about-v28 .abr28-icon{width:26px!important;height:26px!important;min-width:26px!important;display:block!important;flex-shrink:0!important;color:inherit!important}
#abr-about-v28 .abr28-eyebrow{color:var(--abr28-orange)!important;font-size:10px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:.085em!important;display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:6px!important}
#abr-about-v28 .abr28-eyebrow::after{content:'';width:29px;height:2px;background:var(--abr28-orange)}
#abr-about-v28 .abr28-hero{height:181px!important;min-height:181px!important;background:#081f33!important;position:relative!important;isolation:isolate!important;color:#fff!important;overflow:hidden!important}
#abr-about-v28 .abr28-hero-image{position:absolute!important;inset:0!important;background-image:linear-gradient(90deg,#061d32 0%,rgba(6,29,50,.96) 23%,rgba(6,29,50,.45) 47%,rgba(6,29,50,.02) 75%,rgba(6,29,50,.87) 100%),url('/construction_website_standalone/static/src/img/abr28_hero.webp')!important;background-position:center,62% center!important;background-repeat:no-repeat!important;background-size:cover!important;z-index:-2!important}
#abr-about-v28 .abr28-hero-accent{position:absolute!important;top:0!important;left:0!important;width:270px!important;height:100%!important;clip-path:polygon(0 0,92% 0,21% 100%,0 100%)!important;background:linear-gradient(105deg,transparent 0%,transparent 32%,#ff6810 32%,#ff6810 38%,transparent 38%,transparent 66%,#ff6810 66%,transparent 79%)!important;opacity:.98!important;z-index:-1!important}
#abr-about-v28 .abr28-hero-inner{height:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;position:relative!important;padding-left:115px!important}
#abr-about-v28 .abr28-breadcrumb{display:flex!important;align-items:center!important;gap:11px!important;font-size:12px!important;color:#fff!important;margin-bottom:10px!important;letter-spacing:normal!important}
#abr-about-v28 .abr28-breadcrumb a{color:#fff!important;text-decoration:none!important}
#abr-about-v28 .abr28-hero h1{font-size:42px!important;font-weight:850!important;color:#fff!important;line-height:1!important;letter-spacing:-.045em!important}
#abr-about-v28 .abr28-hero h1 span{color:var(--abr28-orange)!important}
#abr-about-v28 .abr28-hero-tagline{font-size:19px!important;color:#fff!important;line-height:1.25!important;margin-top:7px!important;letter-spacing:-.02em!important}
#abr-about-v28 .abr28-hero-right{position:absolute!important;right:0!important;top:63px!important;font-size:16px!important;line-height:1.16!important;color:#fff!important;font-weight:600!important;text-align:left!important}
#abr-about-v28 .abr28-hero-right strong{color:var(--abr28-orange)!important}
#abr-about-v28 .abr28-story{padding:16px 0 20px!important;min-height:342px!important;background:#fff!important}
#abr-about-v28 .abr28-story-grid{display:grid!important;grid-template-columns:minmax(0,1.52fr) minmax(0,1.08fr) minmax(0,.76fr)!important;column-gap:22px!important;align-items:stretch!important}
#abr-about-v28 .abr28-story-text{min-width:0!important;padding-top:0!important}
#abr-about-v28 .abr28-story-text h2{font-size:23px!important;margin-bottom:10px!important}
#abr-about-v28 .abr28-story-text > p{font-size:13px!important;line-height:1.33!important;margin-bottom:10px!important;max-width:495px!important}
#abr-about-v28 .abr28-story-minicards{margin-top:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#abr-about-v28 .abr28-mini{display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important;padding:9px 11px!important;border-radius:8px!important;background:#f2f6f9!important}
#abr-about-v28 .abr28-mini-icon{width:47px!important;height:47px!important;min-width:47px!important;border-radius:50%!important;background:#fff!important;color:var(--abr28-orange)!important;display:flex!important;align-items:center!important;justify-content:center!important}
#abr-about-v28 .abr28-mini h3{font-size:12px!important;margin-bottom:3px!important}
#abr-about-v28 .abr28-mini p{font-size:10px!important;line-height:1.34!important}
#abr-about-v28 .abr28-video-card{position:relative!important;min-height:304px!important;height:304px!important;overflow:hidden!important;border-radius:8px!important;box-shadow:0 5px 18px rgba(8,34,55,.17)!important;background:#11273a!important;isolation:isolate!important}
#abr-about-v28 .abr28-video-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
#abr-about-v28 .abr28-video-play{position:absolute!important;left:50%!important;top:46%!important;transform:translate(-50%,-50%)!important;border:0!important;background:#fff!important;box-shadow:0 5px 18px #05203555!important;color:var(--abr28-orange)!important;width:62px!important;height:62px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
#abr-about-v28 .abr28-video-play svg{width:29px!important;height:29px!important;margin-left:2px!important}
#abr-about-v28 .abr28-video-bottom{position:absolute!important;left:0!important;right:0!important;bottom:0!important;min-height:64px!important;padding:12px 15px!important;display:flex!important;align-items:center!important;gap:11px!important;background:linear-gradient(90deg,rgba(2,22,35,.96),rgba(6,27,45,.94))!important;color:#fff!important}
#abr-about-v28 .abr28-video-tag{color:var(--abr28-orange)!important}
#abr-about-v28 .abr28-video-caption{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
#abr-about-v28 .abr28-video-caption strong{font-size:12px!important;white-space:nowrap!important;font-weight:850!important}
#abr-about-v28 .abr28-video-caption small{font-size:10px!important;color:#f5f6f8!important}
#abr-about-v28 .abr28-video-button{border:0!important;border-radius:4px!important;background:var(--abr28-orange)!important;color:#fff!important;padding:11px 15px!important;min-height:36px!important;text-decoration:none!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important;letter-spacing:.02em!important;cursor:pointer!important}
#abr-about-v28 .abr28-video-button:hover{background:#e94a06!important}
#abr-about-v28 .abr28-side-missions{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important}
#abr-about-v28 .abr28-side-card{flex:1!important;padding:23px 15px!important;display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:0!important;border-left:4px solid var(--abr28-orange)!important;border-radius:8px!important;background:#f1f6fa!important}
#abr-about-v28 .abr28-side-icon{color:var(--abr28-orange)!important;margin:4px 0!important}
#abr-about-v28 .abr28-side-icon svg{width:35px!important;height:35px!important}
#abr-about-v28 .abr28-side-card h3{font-size:15px!important;margin-bottom:6px!important}
#abr-about-v28 .abr28-side-card p{font-size:12px!important;line-height:1.37!important}
#abr-about-v28 .abr28-leadership{position:relative!important;padding:16px 0 16px!important;min-height:293px!important;background:linear-gradient(98deg,#eff7fb 0,#fff 31%,#fff 100%)!important;overflow:hidden!important}
#abr-about-v28 .abr28-leadership-photo{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:21.5%!important;max-width:345px!important;z-index:0!important}
#abr-about-v28 .abr28-leadership-photo::after{content:'';inset:0;position:absolute;background:linear-gradient(90deg,transparent 66%,rgba(255,255,255,.81) 100%)}
#abr-about-v28 .abr28-leadership-photo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:left top!important}
#abr-about-v28 .abr28-leadership-grid{position:relative!important;display:grid!important;grid-template-columns:minmax(0,.25fr) minmax(0,.83fr) minmax(0,.94fr)!important;align-items:start!important;gap:21px!important}
#abr-about-v28 .abr28-letter{min-width:0!important}
#abr-about-v28 .abr28-letter h2,#abr-about-v28 .abr28-values-block h2{font-size:22px!important;margin-bottom:8px!important}
#abr-about-v28 .abr28-letter p{font-size:12px!important;line-height:1.35!important;margin-bottom:9px!important}
#abr-about-v28 .abr28-sign{display:flex!important;align-items:center!important;gap:12px!important;margin-top:4px!important;color:#061f36!important}
#abr-about-v28 .abr28-signature{font-size:23px!important;font-family:cursive!important;letter-spacing:-.09em!important;transform:rotate(-5deg)!important;border-bottom:1px solid #113149!important}
#abr-about-v28 .abr28-sign strong{display:block!important;font-size:11px!important}
#abr-about-v28 .abr28-sign small{display:block!important;font-size:10px!important}
#abr-about-v28 .abr28-values-block{min-width:0!important}
#abr-about-v28 .abr28-values{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#abr-about-v28 .abr28-value{min-width:0!important;min-height:102px!important;padding:12px 10px!important;display:flex!important;align-items:flex-start!important;gap:9px!important;border-top:2px solid var(--abr28-orange)!important;border-radius:8px!important;background:linear-gradient(140deg,#f8fafc,#f1f5f8)!important;box-shadow:0 2px 6px #07203813!important}
#abr-about-v28 .abr28-value-symbol{color:var(--abr28-orange)!important}
#abr-about-v28 .abr28-value-symbol svg{width:30px!important;height:30px!important}
#abr-about-v28 .abr28-value h3{font-size:10px!important;line-height:1.2!important;margin:4px 0 9px!important}
#abr-about-v28 .abr28-value p{font-size:9px!important;line-height:1.31!important}
#abr-about-v28 .abr28-statistics{min-height:146px!important;display:flex!important;align-items:center!important;background:linear-gradient(90deg,rgba(3,25,43,.96),rgba(4,27,48,.94)),url('/construction_website_standalone/static/src/img/abr27_fleet.webp') center 56%/cover!important;color:#fff!important}
#abr-about-v28 .abr28-stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important}
#abr-about-v28 .abr28-stat{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:15px!important;min-width:0!important;border-right:1px solid #ffffff2e!important;color:#fff!important}
#abr-about-v28 .abr28-stat:last-child{border-right:0!important}
#abr-about-v28 .abr28-stat > svg{width:42px!important;height:42px!important;color:var(--abr28-orange)!important;min-width:42px!important}
#abr-about-v28 .abr28-stat strong{display:block!important;font-size:26px!important;line-height:1.05!important;letter-spacing:-.03em!important;color:#fff!important}
#abr-about-v28 .abr28-stat span{display:block!important;color:#f1f4f7!important;font-size:14px!important;white-space:nowrap!important;margin-top:4px!important}
#abr-about-v28 .abr28-stat div::after{content:'';width:28px;height:2px;background:var(--abr28-orange);display:block;margin-top:9px}
/* Native dialog enables a real interactive video area without inventing a movie. */
.abr28-dialog{position:fixed!important;margin:auto!important;max-width:680px!important;width:calc(100vw - 40px)!important;padding:0!important;border:0!important;border-radius:12px!important;background:#061f34!important;color:white!important;box-shadow:0 24px 80px #0008!important;overflow:hidden!important;z-index:12000!important}
.abr28-dialog::backdrop{background:#001426bb!important}
.abr28-dialog>img{display:block!important;width:100%!important;height:300px!important;object-fit:cover!important}
.abr28-dialog-close{position:absolute!important;right:11px!important;top:10px!important;z-index:3!important;width:35px!important;height:35px!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#061f34!important;font-size:25px!important;cursor:pointer!important}
.abr28-dialog-message{padding:22px!important}
.abr28-dialog-message h2{font-size:22px!important;color:#fff!important;margin:0 0 7px!important}
.abr28-dialog-message p{font-size:13px!important;line-height:1.5!important;margin:0 0 17px!important;color:#cbd9e5!important}
.abr28-dialog .abr28-video-button{display:inline-flex!important;align-items:center!important}
@media(max-width:1250px){
 body:has(#abr-about-v28) .ccw-header .ccw-brand{min-width:195px!important}
 body:has(#abr-about-v28) .ccw-header .ccw-desktop-nav{gap:12px!important}
 #abr-about-v28 .abr28-container{width:calc(100% - 40px)!important}
 #abr-about-v28 .abr28-hero-inner{padding-left:65px!important}
 #abr-about-v28 .abr28-story-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1.05fr) minmax(0,.8fr)!important;gap:12px!important}
 #abr-about-v28 .abr28-story-text h2{font-size:20px!important}
 #abr-about-v28 .abr28-story-text > p{font-size:12px!important}
 #abr-about-v28 .abr28-video-bottom{gap:6px!important;padding:10px!important}
 #abr-about-v28 .abr28-video-button{font-size:9px!important;padding:9px!important}
 #abr-about-v28 .abr28-side-card{padding:13px!important;gap:7px!important}
 #abr-about-v28 .abr28-side-card h3{font-size:13px!important}
 #abr-about-v28 .abr28-side-card p{font-size:11px!important}
 #abr-about-v28 .abr28-leadership-grid{grid-template-columns:minmax(0,.23fr) minmax(0,.95fr) minmax(0,1.15fr)!important;gap:13px!important}
 #abr-about-v28 .abr28-letter p{font-size:11px!important}
 #abr-about-v28 .abr28-value{padding:10px 7px!important;gap:5px!important}
 #abr-about-v28 .abr28-value-symbol svg{width:24px!important;height:24px!important}
 #abr-about-v28 .abr28-value h3{font-size:9px!important}
}
@media(max-width:990px){
 body:has(#abr-about-v28) .ccw-header .ccw-nav-wrap{height:64px!important}
 body:has(#abr-about-v28) .ccw-header .ccw-desktop-nav,body:has(#abr-about-v28) .ccw-header .ccw-quote-top{display:none!important}
 body:has(#abr-about-v28) .ccw-header .ccw-menu-toggle{display:block!important;margin-left:auto!important}
 body:has(#abr-about-v28) .ccw-header .ccw-mobile-panel{top:64px!important}
 #abr-about-v28 .abr28-container{width:calc(100% - 36px)!important;padding:0 5px!important}
 #abr-about-v28 .abr28-story{padding:23px 0!important}
 #abr-about-v28 .abr28-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}
 #abr-about-v28 .abr28-story-text{grid-column:1/-1!important}
 #abr-about-v28 .abr28-story-text > p{max-width:none!important}
 #abr-about-v28 .abr28-video-card{min-height:300px!important}
 #abr-about-v28 .abr28-side-missions{min-height:300px!important}
 #abr-about-v28 .abr28-leadership{padding:23px 0!important}
 #abr-about-v28 .abr28-leadership-photo{width:25%!important;opacity:.3!important}
 #abr-about-v28 .abr28-leadership-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 #abr-about-v28 .abr28-leadership-spacer{display:none!important}
 #abr-about-v28 .abr28-values{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #abr-about-v28 .abr28-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #abr-about-v28 .abr28-stat:nth-child(2){border-right:0!important}
 #abr-about-v28 .abr28-statistics{padding:12px 0!important}
}
@media(max-width:650px){
 body:has(#abr-about-v28) .ccw-header .ccw-brand::after{font-size:8px!important}
 body:has(#abr-about-v28) .ccw-header .ccw-brand{min-width:0!important}
 #abr-about-v28 .abr28-hero{min-height:244px!important;height:244px!important}
 #abr-about-v28 .abr28-hero-inner{padding-left:18px!important;justify-content:center!important}
 #abr-about-v28 .abr28-hero-accent{width:90px!important;opacity:.58!important}
 #abr-about-v28 .abr28-breadcrumb{font-size:11px!important}
 #abr-about-v28 .abr28-hero h1{font-size:35px!important}
 #abr-about-v28 .abr28-hero-tagline{font-size:17px!important}
 #abr-about-v28 .abr28-hero-right{font-size:12px!important;right:12px!important;top:auto!important;bottom:13px!important;text-align:right!important}
 #abr-about-v28 .abr28-story{padding:23px 0!important}
 #abr-about-v28 .abr28-story-grid{display:flex!important;flex-direction:column!important;gap:15px!important}
 #abr-about-v28 .abr28-story-text h2{font-size:22px!important}
 #abr-about-v28 .abr28-story-text > p{font-size:13px!important;line-height:1.5!important}
 #abr-about-v28 .abr28-story-minicards{grid-template-columns:1fr!important;gap:8px!important}
 #abr-about-v28 .abr28-mini p{font-size:11px!important}
 #abr-about-v28 .abr28-video-card{width:100%!important;height:310px!important;min-height:310px!important}
 #abr-about-v28 .abr28-side-missions{min-height:0!important;gap:9px!important}
 #abr-about-v28 .abr28-side-card{min-height:110px!important;padding:16px!important}
 #abr-about-v28 .abr28-side-card p{font-size:12px!important}
 #abr-about-v28 .abr28-leadership-photo{display:none!important}
 #abr-about-v28 .abr28-leadership-grid{display:flex!important;flex-direction:column!important;gap:28px!important}
 #abr-about-v28 .abr28-letter h2,#abr-about-v28 .abr28-values-block h2{font-size:22px!important}
 #abr-about-v28 .abr28-letter p{font-size:13px!important;line-height:1.5!important}
 #abr-about-v28 .abr28-values{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #abr-about-v28 .abr28-value{min-height:124px!important;flex-direction:column!important;padding:12px!important}
 #abr-about-v28 .abr28-value h3{font-size:11px!important;margin:0 0 6px!important}
 #abr-about-v28 .abr28-value p{font-size:11px!important;line-height:1.4!important}
 #abr-about-v28 .abr28-stats-grid{gap:0!important}
 #abr-about-v28 .abr28-stat{padding:20px 4px!important;gap:8px!important}
 #abr-about-v28 .abr28-stat > svg{width:30px!important;height:30px!important;min-width:30px!important}
 #abr-about-v28 .abr28-stat strong{font-size:19px!important}
 #abr-about-v28 .abr28-stat span{font-size:10px!important;white-space:normal!important}
 #abr-about-v28 .abr28-stat:nth-child(-n+2){border-bottom:1px solid #ffffff26!important}
 .abr28-dialog > img{height:190px!important}
}
@media(prefers-reduced-motion:no-preference){
 #abr-about-v28 .abr28-mini,#abr-about-v28 .abr28-value,#abr-about-v28 .abr28-side-card{transition:transform .25s,box-shadow .25s!important}
 #abr-about-v28 .abr28-mini:hover,#abr-about-v28 .abr28-value:hover,#abr-about-v28 .abr28-side-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 20px #07254117!important}
}
/* Align the interactive overlay with the source photograph's original play insignia. */
#abr-about-v28 .abr28-video-play{top:61%!important;width:79px!important;height:79px!important}
#abr-about-v28 .abr28-video-play svg path{fill:#ff6617!important;stroke:none!important}