/* Calculator-only Dora prompt */
.dora-floating-prompt{display:none;position:fixed;z-index:49;left:50%;bottom:91px;transform:translateX(-50%);align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid rgba(84,235,185,.72);border-radius:999px;background:linear-gradient(135deg,#00bd86,#008d69);color:#fff;box-shadow:0 8px 20px rgba(0,72,54,.3);font-family:inherit;font-size:.7rem;line-height:1;white-space:nowrap;cursor:pointer;animation:doraPromptFloat 2.6s ease-in-out infinite}
.dora-floating-prompt strong{font-weight:600!important}
.dora-floating-prompt::after{content:"";position:absolute;left:50%;bottom:-9px;width:0;height:0;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #008d69;filter:drop-shadow(0 3px 2px rgba(0,61,46,.2))}
.app[data-page="home"] .dora-floating-prompt,.app[data-page="calculator"] .dora-floating-prompt{display:flex}
.dora-home-copy,.dora-calculator-copy{display:none}
.app[data-page="home"] .dora-home-copy,.app[data-page="calculator"] .dora-calculator-copy{display:inline}
.dora-floating-prompt:focus-visible{outline:3px solid rgba(101,230,189,.42);outline-offset:3px}
@keyframes doraPromptFloat{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-4px)}}
@media(min-width:760px){.dora-floating-prompt{bottom:94px;font-size:.76rem;padding:8px 15px}}
@media(prefers-reduced-motion:reduce){.dora-floating-prompt{animation:none}}

/* Projects page: ongoing work first, completed projects at matching height */
.app[data-page="projects"] #ongoingProjects{display:block!important}
.app[data-page="projects"] #gallery{display:none!important}
.app[data-page="calculator"] #ongoingProjects{display:none!important}
.app[data-page="projects"] #projects{margin-top:22px!important}
.app[data-page="projects"] #ongoingProjects{margin-top:0!important}
.app[data-page="projects"] .project-slider{border-radius:20px;overflow:hidden}
.app[data-page="projects"] .project-track .project-card{position:relative;height:185px;min-height:185px;overflow:hidden;border-radius:20px}
.app[data-page="projects"] .project-visual{position:relative;height:185px!important}
.app[data-page="projects"] .project-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,28,22,.84),transparent 64%)}
.app[data-page="projects"] .project-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:15px;padding:0;background:transparent;color:#fff}
.app[data-page="projects"] .project-copy h4{margin:0 0 4px;color:#fff}
.app[data-page="projects"] .project-copy p{margin:0;color:#d7ebe4}
.app[data-page="projects"] .project-badge{position:relative;z-index:2}
@media(min-width:760px){
  .app[data-page="projects"] .project-track .project-card,.app[data-page="projects"] .project-visual{height:185px!important;min-height:185px}
}
/* Image-only automatic offer carousel below the main home carousel. */
.image-offer-carousel{margin-top:0;margin-bottom:0;background:#fff}
.image-offer-carousel .question-slide{min-height:0;padding:0;background:#fff;color:inherit}
.image-offer-carousel .question-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.image-offer-carousel .question-dots{display:none}
.main-offer-carousel{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}
@media(min-width:760px){.main-offer-carousel{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px}}

/* Slim, full-width careers strip between the two home carousels. */
.app[data-page="home"] .hiring-banner{display:flex!important}
.hiring-banner{display:none;width:calc(100% + 36px);min-height:46px;margin:0 -18px;align-items:center;justify-content:space-between;padding:6px 16px 6px 20px;color:#fff;background-color:#4a4d50;background-image:radial-gradient(circle at 12% 30%,rgba(255,255,255,.13) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 70%,rgba(0,0,0,.13) 0 1px,transparent 1.5px),linear-gradient(105deg,#26282a 0%,#56595c 52%,#303235 100%);background-size:13px 13px,17px 17px,100% 100%;box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(0,0,0,.28)}
.hiring-banner>strong{font-size:.9rem;letter-spacing:.01em}
.hiring-banner>a{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:4px 11px 4px 7px;border:1px solid rgba(255,255,255,.28);border-radius:9px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,0,0,.16));box-shadow:0 3px 8px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.18);font-size:.76rem;font-weight:600;text-decoration:none}
.hiring-icon{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:linear-gradient(145deg,#f3f4f5,#858b90);box-shadow:2px 2px 5px rgba(0,0,0,.36),inset 1px 1px rgba(255,255,255,.8);font-size:.9rem}
.hiring-banner>a:focus-visible{outline:3px solid rgba(101,230,189,.5);outline-offset:2px}
@media(min-width:760px){.hiring-banner{width:calc(100% + 64px);min-height:50px;margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}.hiring-banner>strong{font-size:1rem}.hiring-banner>a{font-size:.82rem}}

/* Compact four-option service bar under the hiring strip. */
.app[data-page="home"] .compact-services-bar{display:block!important}
.compact-services-bar{width:calc(100% + 36px);margin:0 -18px 18px;padding:7px 8px 8px;border-bottom:1px solid #e4ebe8;background:#fff}
.compact-services-bar .categories{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:4px!important;row-gap:7px!important;margin:0!important}
.compact-services-bar .categories .category:nth-child(n+5){display:none!important}
.compact-services-bar.services-expanded .categories .category:nth-child(n+5){display:block!important}
.compact-services-bar .category{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0;height:68px;padding:0 2px!important;color:#24332e!important;background:transparent!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.compact-services-bar .category-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px;width:100%!important;height:48px!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:hidden!important;transform:none!important}
.compact-services-bar .categories .category .category-icon{background-image:none!important}
.compact-services-bar .category-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .16s ease,filter .16s ease}
.compact-services-bar .category>span:last-child{display:flex;align-items:center;justify-content:center;width:100%;height:16px;margin:0!important;font-size:.56rem!important;line-height:1!important;font-weight:700!important;letter-spacing:.025em;text-align:center;white-space:nowrap}
.compact-services-bar .category.active>span:last-child{color:#24332e!important}
.compact-services-bar .category:hover .category-icon,.compact-services-bar .category.active .category-icon{transform:none!important;background:none!important;box-shadow:none!important}
.compact-services-bar .category:active .category-icon img{transform:scale(.9);filter:brightness(.96)}
.compact-services-bar .category:focus-visible{outline:2px solid #00a97d;outline-offset:2px;border-radius:5px}
@media(min-width:760px){.compact-services-bar{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px;padding:8px 26px 10px}.compact-services-bar .category{height:80px}.compact-services-bar .category-icon{flex-basis:58px;height:58px!important}.compact-services-bar .category>span:last-child{height:18px;font-size:.68rem!important}}
.main-service-grid>button:not(.calculator-offer-slide){border-color:transparent!important}
.main-service-grid>button>.calculator-service-icon{display:block;width:52px;height:44px;object-fit:contain;object-position:center;flex:0 0 44px}
.main-service-grid>button>strong{display:flex;align-items:center;justify-content:center;min-height:1.3em;text-align:center}
.welcome{position:relative;justify-content:center!important;text-align:center}
.welcome>div:first-child{width:100%}
.welcome .location{position:absolute;right:0;bottom:0}

/* Manpower project and smoother swipe animation for Our Projects. */
.project-visual.project-manpower{background-image:url('manpower-qusais-01.webp')!important;background-position:center 52%!important}
.project-slider{touch-action:pan-y;overscroll-behavior-x:contain}
.project-track{will-change:transform;transition:transform .62s cubic-bezier(.22,.75,.2,1)!important}
@media(prefers-reduced-motion:reduce){.project-track{transition-duration:.01ms!important}}

/* Current Sunrise Community villa handrail project. */
.ongoing-card.ongoing-sunrise{background-image:url('sunrise-villa-handrail-01.webp')!important;background-position:center 47%!important}
.ongoing-card.ongoing-emissa{background-image:url('emissa-tower-ajman-04.webp')!important;background-position:center 54%!important}
/* Staff workspace entry */
.staff-login-banner{margin:0 -18px;background:linear-gradient(105deg,#073b31,#008765)}.staff-login-banner a{min-height:92px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;text-decoration:none}.staff-login-banner span{display:grid;gap:3px}.staff-login-banner small{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.78}.staff-login-banner strong{font-size:1.45rem;font-weight:600}.staff-login-banner b{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.14);font-size:.8rem}@media(min-width:760px){.staff-login-banner{margin-left:-32px;margin-right:-32px}.staff-login-banner a{padding-left:32px;padding-right:32px}}
.app:not([data-page="home"]) .home-customer-login{display:none!important}
.app[data-page="home"] .home-customer-login{display:block!important}
.app:not([data-page="contact-us"]) .staff-login-banner{display:none!important}
.app[data-page="contact-us"] .contact-page .staff-login-banner{display:block!important;width:100vw;margin:0 calc(50% - 50vw);border-radius:0;overflow:hidden;background:#303233}
.staff-login-banner a{display:block;min-height:0;padding:0;line-height:0}
.staff-login-banner img{display:block;width:100%;height:auto;border:0}
.app[data-page="contact-us"] .main{padding-top:0}
.app[data-page="contact-us"] .contact-page{margin-top:0!important}
.contact-page{row-gap:0}
.contact-page> :not(.staff-login-banner):not(.profile-banner){margin-top:15px}
.app[data-page="home"] .customer-connect.customer-connect-image{aspect-ratio:auto;margin-top:0!important;margin-bottom:0!important;line-height:0}
.customer-connect.customer-connect-image img{height:auto;object-fit:contain}
.app[data-page="home"] .main-offer-carousel{margin-top:0!important}
.home-customer-login,.staff-login-banner{position:relative}
.customer-connect.customer-connect-image>a.workspace-login-target,.staff-login-banner>a.workspace-login-target{position:absolute;display:block!important;left:73.4%;top:34%;width:14.8%;height:35%;min-height:0;padding:0!important;margin:0;border:0;border-radius:24px!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.customer-connect.customer-connect-image>a.workspace-login-target{top:36%;height:34%}
.workspace-login-target:focus-visible{outline:3px solid #00c978;outline-offset:3px}