:root{--dark:#0a4d59;--dark-2:#07414c;--dark-3:#053742;--deep:#052d35;--orange:#ff6849;--orange-light:#ff7d61;--light:#effcfc;--cream:#fffefa;--text:#083f4b;--muted:#6c8b91;--white:#fff;--shadow:0 25px 60px rgba(5,66,76,0.14);--radius-sm:14px;--radius:22px;--radius-lg:34px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:"Manrope",sans-serif;background:var(--light);color:var(--text);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{text-decoration:none}
button,input,select,textarea{font-family:inherit}
section,header,footer{position:relative}
::selection{background:var(--orange);color:#fff}
.container{max-width:1320px}
.section-padding{padding:120px 0}
.section-padding-sm{padding:90px 0}
.section-heading{margin:0 auto 50px}
.section-title{margin:18px 0 20px;font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-0.045em;font-weight:800}
.section-heading p{margin:auto;color:#8cb0b6;line-height:1.8}
.section-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 18px;border:1px solid var(--orange);border-radius:999px;color:var(--orange);font-size:.85rem;font-weight:700}
.section-badge i{font-size:.8rem}
.dark-badge{color:var(--orange)}
.primary-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:58px;padding:7px 9px 7px 28px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-size:.92rem;font-weight:700;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.primary-btn span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--orange);transition:transform .3s ease}
.primary-btn:hover{color:#fff;background:#f65234;transform:translateY(-4px);box-shadow:0 18px 35px rgba(255,104,73,0.28)}
.primary-btn:hover span{transform:translateX(3px)}
.rough-bottom{position:relative}
.rough-bottom::after{content:"";position:absolute;z-index:4;left:0;bottom:-1px;width:100%;height:28px;background:var(--light);clip-path:polygon(0% 52%,1% 25%,2% 63%,3% 42%,4% 68%,5% 34%,6% 61%,7% 39%,8% 67%,9% 31%,10% 59%,11% 42%,12% 66%,13% 35%,14% 61%,15% 41%,16% 70%,17% 32%,18% 63%,19% 38%,20% 65%,21% 35%,22% 58%,23% 42%,24% 68%,25% 34%,26% 59%,27% 40%,28% 66%,29% 37%,30% 62%,31% 41%,32% 70%,33% 34%,34% 61%,35% 40%,36% 67%,37% 32%,38% 58%,39% 41%,40% 65%,41% 35%,42% 61%,43% 39%,44% 70%,45% 31%,46% 61%,47% 43%,48% 66%,49% 34%,50% 59%,51% 40%,52% 67%,53% 32%,54% 61%,55% 41%,56% 68%,57% 35%,58% 59%,59% 40%,60% 65%,61% 34%,62% 62%,63% 41%,64% 70%,65% 31%,66% 61%,67% 38%,68% 66%,69% 35%,70% 58%,71% 42%,72% 68%,73% 33%,74% 61%,75% 39%,76% 66%,77% 34%,78% 60%,79% 41%,80% 69%,81% 32%,82% 63%,83% 38%,84% 66%,85% 35%,86% 60%,87% 42%,88% 68%,89% 31%,90% 61%,91% 40%,92% 65%,93% 35%,94% 59%,95% 42%,96% 68%,97% 33%,98% 61%,99% 39%,100% 57%,100% 100%,0 100%)}
.light-edge::after{background:var(--light)}
.orange-glow{position:absolute;left:50%;top:-170px;width:430px;height:260px;transform:translateX(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,104,73,0.86) 0,rgba(255,104,73,0.42) 30%,rgba(255,104,73,0.07) 65%,transparent 78%);filter:blur(8px)}
.side-tools{position:fixed;z-index:1200;right:17px;top:50%;flex-direction:column;gap:10px;transform:translateY(-50%)}
.side-tools a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#334d53;box-shadow:0 7px 20px rgba(5,57,65,0.12);transition:.3s ease}
.side-tools a:hover{background:var(--orange);color:#fff;transform:translateX(-4px)}
.side-tools .side-main{border:4px solid #fff;background:#6d50ff;color:#fff}
.navbar-holder{position:absolute;z-index:1000;left:0;right:0;top:27px}
.custom-navbar{min-height:92px;padding:12px 22px 12px 30px;border-radius:25px;background:rgba(255,255,255,0.98);box-shadow:0 15px 45px rgba(0,0,0,0.14)}
.navbar-brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-weight:800}
.navbar-brand:hover{color:var(--text)}
.logo-icon{width:43px;height:43px;display:grid;place-items:center;color:var(--orange);font-size:2rem}
.navbar-brand>span:last-child{line-height:1.02}
.navbar-brand small{display:block;margin-top:4px;color:#627f85;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.custom-navbar .nav-link{position:relative;margin:0 10px;padding:34px 2px;color:#111;font-size:.79rem;font-weight:700}
.custom-navbar .nav-link::after{content:"";position:absolute;left:50%;bottom:24px;width:0;height:2px;background:var(--orange);transform:translateX(-50%);transition:width .3s ease}
.custom-navbar .nav-link:hover,.custom-navbar .nav-link.active{color:var(--orange)}
.custom-navbar .nav-link:hover::after,.custom-navbar .nav-link.active::after{width:100%}
.navbar-quote{min-height:50px}
.navbar-round{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;transition:.3s}
.navbar-round:hover{color:#fff;transform:rotate(10deg) scale(1.05)}
.navbar-toggler{width:45px;height:45px;padding:0;border:0;border-radius:50%;background:var(--orange);color:#fff;box-shadow:none!important}
.navbar-toggler i{font-size:1.5rem}
.hero-section{min-height:900px;overflow:hidden;background:linear-gradient(90deg,rgba(2,41,50,0.75) 0,rgba(4,67,79,0.72) 46%,rgba(4,63,74,0.73) 70%,rgba(2,40,49,0.74) 100%),url("../img/new-garage-door.webp") center / cover no-repeat;color:#fff}
.hero-bg-lines{position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,rgba(255,255,255,0.14) 120px),repeating-linear-gradient(0deg,transparent 0,transparent 105px,rgba(255,255,255,0.08) 106px)}
.hero-content{position:relative;z-index:10;padding-top:255px}
.hero-label{display:inline-flex;align-items:center;gap:9px;margin-left:34%;margin-bottom:25px;padding:8px 25px;font-size:.88rem;font-weight:700;background:rgba(128,172,180,0.48);clip-path:polygon(4% 13%,96% 3%,100% 42%,95% 85%,4% 100%,0 59%)}
.hero-title{margin:0;font-size:clamp(3.5rem,6.3vw,6rem);line-height:.83;letter-spacing:-0.065em;font-weight:800;text-align:center}
.hero-title span{display:block;margin-top:30px;font-size:.55em;font-weight:500;letter-spacing:-0.045em}
.hero-description{max-width:600px;margin:34px auto 0;color:rgba(255,255,255,0.75);text-align:center;line-height:1.8}
.hero-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;margin-top:35px}
.hero-phone-btn{color:#fff;font-weight:700}
.hero-phone-btn i{width:37px;height:37px;display:inline-grid;place-items:center;margin-right:7px;border:1px solid rgba(255,255,255,0.25);border-radius:50%;color:var(--orange)}
.hero-phone-btn:hover{color:var(--orange)}
.hero-circle{position:absolute;border:1px solid rgba(255,255,255,0.08);border-radius:50%}
.hero-circle-one{width:500px;height:500px;right:-180px;top:190px}
.hero-circle-two{width:700px;height:700px;right:-250px;top:90px}
.hero-left-decoration{position:absolute;z-index:8;top:32%;display:grid;place-items:center}
.hero-technician{position:absolute;z-index:9;right:1.5%;bottom:-20px}
.hero-technician>img{position:relative;z-index:2;width:100%;height:650px;object-fit:cover;object-position:center;border-radius:45px 45px 0 0;filter:saturate(1.08) drop-shadow(0 30px 30px rgba(0,0,0,0.23))}
.hero-worker-ring{position:absolute;z-index:1;width:330px;height:330px;left:50%;top:100px;transform:translateX(-50%);border:65px solid rgba(255,104,73,0.25);border-radius:50%}
.hero-service-card{position:absolute;z-index:5;left:-160px;bottom:95px;display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,0.96);color:var(--text);box-shadow:var(--shadow);animation:floatingCard 4.5s ease-in-out infinite}
.hero-service-card>div{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--orange)}
.hero-service-card span{font-size:.74rem;color:var(--muted)}
.hero-service-card strong{display:block;color:var(--text);font-size:.86rem}
.about-section{background:var(--light)}
.about-visual{position:relative;min-height:550px}
.about-image-one{position:absolute;left:0;top:0;width:68%;height:400px;overflow:hidden;border-radius:30px}
.about-image-one img,.about-image-two img{width:100%;height:100%;object-fit:cover}
.about-image-two{position:absolute;right:0;bottom:0;width:50%;height:300px;overflow:hidden;border:12px solid var(--light);border-radius:30px}
.about-experience{position:absolute;z-index:3;left:55px;bottom:35px;width:210px;height:215px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:25px;color:#fff;background:var(--orange);box-shadow:var(--shadow)}
.about-experience strong{font-size:3.5rem;line-height:1}
.about-experience span{margin-top:42px;text-align:center;font-weight:700;line-height:1.5}
.dot-pattern{position:absolute;left:0;bottom:-10px;width:230px;height:150px;opacity:.9;background-image:radial-gradient(var(--orange) 2px,transparent 2px);background-size:20px 20px}
.about-content{max-width:600px;margin-left:auto}
.about-intro{display:flex;gap:22px;margin-top:45px}
.about-intro-icon{flex:0 0 54px;height:54px;display:grid;place-items:center;color:var(--orange);font-size:2rem}
.about-intro p{margin:0;color:#365e65;line-height:1.8}
.divider{height:1px;margin:30px 0;background:rgba(8,63,75,0.13)}
.feature-checks div>div{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#234e56;font-size:.9rem;font-weight:600}
.feature-checks i{color:var(--orange);font-size:1.4rem}
.services-section{overflow:hidden;background:var(--dark);color:#fff}
.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:35px}
.service-tab{min-height:58px;padding:10px 22px;border:0;border-radius:999px;color:#fff;background:#123c35;font-weight:700;transition:.3s ease}
.service-tab i{margin-right:8px}
.service-tab:hover,.service-tab.active{background:var(--orange);transform:translateY(-3px)}
.service-display{padding:48px;border-radius:24px;background:rgba(255,255,255,0.06)}
.service-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:28px;border-radius:50%;background:var(--orange);font-size:1.7rem}
.service-display h3{max-width:450px;font-size:clamp(1.9rem,3vw,3rem);font-weight:800;line-height:1.2}
.service-display p{max-width:520px;margin:25px 0;color:#92b5ba;line-height:1.8}
.service-display ul{padding:0;margin:0 0 30px;list-style:none}
.service-display li{display:flex;align-items:center;gap:9px;margin:13px 0;font-size:.85rem;font-weight:600}
.service-display li i{color:var(--orange);font-size:1.3rem}
.service-image-wrap{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}
.service-image-wrap img{position:relative;z-index:2;width:100%;height:430px;object-fit:cover}
.yellow-shape{position:absolute;z-index:1;left:4%;bottom:4%;width:43%;height:55%;background:#ffd741;clip-path:polygon(0 3%,90% 0,100% 82%,15% 100%)}
.more-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.mini-service{padding:28px 25px;border:1px solid rgba(255,255,255,0.07);border-radius:20px;background:rgba(255,255,255,0.045);transition:.35s ease}
.mini-service:hover{transform:translateY(-8px);background:rgba(255,255,255,0.09);border-color:rgba(255,104,73,0.5)}
.mini-service>i{color:var(--orange);font-size:2rem}
.mini-service h4{margin:18px 0 11px;font-size:1rem;font-weight:800}
.mini-service p{margin:0;color:#86aab0;font-size:.8rem;line-height:1.6}
.why-section{overflow:hidden;background:var(--light)}
.why-section .section-heading{max-width:780px}
.why-stage{position:relative;min-height:640px}
.why-center-decoration{position:absolute;left:50%;bottom:-70px;width:530px;height:530px;transform:translateX(-50%);border-radius:50%;background:rgba(255,104,73,0.13);border:2px dashed rgba(255,104,73,0.5)}
.why-center-decoration::after{content:"";position:absolute;width:340px;height:340px;left:50%;bottom:80px;transform:translateX(-50%);border-radius:50%;background:var(--orange)}
.why-worker{position:absolute;z-index:3;left:30%;width:39%}
.why-worker img{width:100%;object-fit:cover;border-radius:50% 50% 10px 10px}
.why-card{position:absolute;z-index:5;width:260px;padding:32px;border-radius:20px;background:#fff;box-shadow:0 12px 0 rgba(8,63,75,0.10);transition:.35s ease}
.why-card:hover{transform:translateY(-8px) rotate(-1deg)}
.why-card>i{color:var(--orange);font-size:2rem}
.why-card h4{margin:18px 0;font-size:1.13rem;font-weight:800}
.why-card p{margin:0;color:#55777d;font-size:.8rem;line-height:1.7}
.why-card-one{left:2%;top:90px}
.why-card-two{left:2%;bottom:60px}
.why-card-three{right:2%;top:45px}
.why-card-four{right:2%;bottom:30px}
.why-card.featured{background:var(--orange);color:#fff;box-shadow:0 12px 0 rgba(8,63,75,0.08)}
.why-card.featured>i{color:#fff}
.gallery-section{background:var(--dark);color:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery-item{position:relative;height:310px;overflow:hidden;border-radius:19px}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(0.2,0.7,0.2,1)}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-overlay{position:absolute;inset:0;display:flex;justify-content:flex-end;flex-direction:column;padding:28px;background:linear-gradient(to top,rgba(5,57,67,0.90),transparent 70%);opacity:0;transform:translateY(15px);transition:.35s ease}
.gallery-item:hover .gallery-overlay{opacity:1;transform:translateY(0)}
.gallery-overlay span,.featured-gallery-overlay span{width:max-content;padding:5px 13px;border:1px solid rgba(255,255,255,0.55);border-radius:999px;font-size:.65rem}
.gallery-overlay h3{margin:12px 0 0;font-size:1.25rem;font-weight:800}
.featured-gallery::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(255,104,73,0.96),rgba(255,104,73,0.10))}
.featured-gallery-overlay{position:absolute;z-index:3;left:30px;bottom:25px}
.gallery-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:var(--orange)}
.featured-gallery-overlay h3{margin:12px 0 0;font-size:1.35rem;font-weight:800}
.team-cta{position:relative;z-index:8;max-width:1150px;margin:95px auto -125px;overflow:hidden;border-radius:30px;background:#fff;color:var(--text);box-shadow:0 30px 70px rgba(4,52,61,0.19)}
.team-cta-content{padding:55px}
.team-cta h2{margin:20px 0 15px;font-size:clamp(1.5rem,2vw,2.2rem);font-weight:800;letter-spacing:-0.04em}
.team-cta p{color:#81999e;line-height:1.8}
.team-cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}
.team-call{display:flex;align-items:center;gap:12px;color:var(--text)}
.team-call>span{width:47px;height:47px;display:grid;place-items:center;border:2px solid var(--orange);border-radius:50%;color:var(--orange)}
.team-call small{display:block;color:#94a7ab;font-size:.68rem}
.team-call strong{display:block;font-size:.82rem}
.partners-section{padding-top:205px;background:var(--light)}
.partners-title{margin:0;text-align:center;color:#073e49;font-size:1.1rem;font-weight:700}
.partners-title span{color:#1dbf65}
.partner-card{min-height:130px;display:flex;align-items:center;justify-content:center;gap:9px;padding:25px;border-radius:18px;background:#fff;color:#263e48;font-size:.84rem;font-weight:800;box-shadow:0 12px 30px rgba(7,67,76,0.04);transition:.35s ease}
.partner-card i{color:var(--orange);font-size:1.5rem}
.partner-card:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(7,67,76,0.11)}
.achievement-section{overflow:hidden;background:var(--dark)}
.achievement-section .container{z-index:3}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.stat-card{display:flex;align-items:center;gap:20px;min-height:150px;padding:30px;border:1px solid rgba(255,255,255,0.14);border-radius:22px;background:rgba(255,255,255,0.17);color:#fff;backdrop-filter:blur(15px);transition:.35s ease}
.stat-card:hover{transform:translateY(-7px);background:rgba(255,255,255,0.22)}
.stat-icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--orange);font-size:1.5rem}
.stat-card strong,.stat-card>div>span{font-size:3rem;line-height:1;font-weight:500}
.stat-card p{margin:8px 0 0;font-weight:700}
.wave{position:absolute;bottom:-160px;border-radius:50%;opacity:.45}
.wave-one{left:-10%;width:78%;height:350px;background:#276e7c;transform:rotate(8deg)}
.wave-two{right:-8%;width:70%;height:300px;background:#408393;transform:rotate(-7deg)}
.testimonial-section{overflow:hidden;background:var(--light)}
.testimonial-person{position:relative;min-height:610px}
.testimonial-person img{position:absolute;z-index:5;left:20%;top:70px;width:60%;height:auto;object-fit:cover}
.target{position:absolute;z-index:1;left:50%;border-radius:50%;transform:translateX(-50%);border:40px solid var(--orange)}
.target-one{top:30px;width:440px;height:440px}
.target-two{top:85px;width:330px;height:330px;border-color:var(--light)}
.target-three{top:125px;width:250px;height:250px;border-color:var(--orange)}
.testimonial-pattern{position:absolute;z-index:2;width:440px;height:220px;left:50%;top:-35px;transform:translateX(-50%);opacity:.15;background:radial-gradient(#496f76 1.7px,transparent 1.7px);background-size:12px 12px}
.mini-ring{position:absolute;z-index:7;left:11%;top:58%;width:32px;height:32px;border:8px solid var(--orange);border-radius:50%}
.testimonial-content{max-width:680px;margin-left:auto}
.testimonial-slider{position:relative;min-height:350px;margin-top:35px}
.testimonial-slide{position:absolute;inset:0;padding:35px;border-radius:28px;background:#fff;opacity:0;visibility:hidden;transform:translateX(35px);transition:opacity .45s ease,transform .45s ease,visibility .45s ease}
.testimonial-slide.active{opacity:1;visibility:visible;transform:translateX(0)}
.testimonial-header{display:flex;align-items:center;justify-content:space-between}
.testimonial-user{display:flex;align-items:center;gap:15px}
.avatar{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2dbd65;font-weight:800}
.testimonial-user h4{margin:0;font-size:1.13rem;font-weight:800}
.testimonial-user span{color:#7a969b;font-size:.8rem}
.quote-icon{color:var(--orange);font-size:3.8rem}
.testimonial-quote{margin-top:28px;padding:28px;border-radius:20px;background:#f5f7f4}
.testimonial-quote p{margin:0;color:#415f65;line-height:1.8}
.review-stars{margin-top:20px;color:var(--orange)}
.review-stars span{color:var(--orange);font-weight:700}
.testimonial-controls{display:flex;gap:10px;margin-top:25px}
.testimonial-controls button{width:48px;height:48px;display:grid;place-items:center;border:1px dashed rgba(5,61,71,0.4);border-radius:50%;background:transparent;color:var(--text);transition:.3s ease}
.testimonial-controls button:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.video-section{min-height:550px;display:flex;align-items:center;overflow:hidden;color:#fff;background:url("../img/install-new-garage-door.webp") center / cover no-repeat}
.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,46,44,0.74),rgba(41,31,14,0.67),rgba(7,46,55,0.62))}
.video-play{width:90px;height:90px;display:grid;place-items:center;margin:0 auto 28px;border:13px solid rgba(255,255,255,0.16);border-radius:50%;color:var(--orange);background:#fff;font-size:1.8rem;box-shadow:0 0 0 0 rgba(255,255,255,0.3);animation:pulseVideo 2.1s infinite}
.video-section h2{margin-bottom:35px;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-0.05em;font-weight:800}
.contact-section{overflow:hidden;background:var(--dark)}
.contact-content{position:relative;z-index:5}
.contact-form{margin-top:45px}
.contact-worker{position:relative;min-height:630px}
.contact-worker>img{position:absolute;z-index:2;right:0;bottom:-40px;width:490px;height:650px;object-fit:cover;border-radius:50%}
.contact-arrow{position:absolute;z-index:4;right:8%;top:50px;color:#fff;font-size:5rem;transform:rotate(-28deg)}
.contact-phone-card{position:absolute;z-index:6;right:5%;top:0;min-width:260px;display:flex;align-items:center;gap:20px;padding:20px;border-radius:18px;color:#fff;background:rgba(132,177,186,0.45);backdrop-filter:blur(12px);box-shadow:var(--shadow);animation:floatingCard 4.5s ease-in-out infinite}
.contact-phone-card:hover{color:#fff}
.contact-phone-card>span{flex:0 0 60px;height:60px;display:grid;place-items:center;border-radius:12px;color:var(--orange);background:#fff;font-size:1.4rem}
.contact-phone-card small{display:block;margin-bottom:5px;font-weight:700}
.contact-phone-card strong{font-size:1.15rem}
form.CUS input.subject{display:none}
.CUS input{margin:10px;padding-left:2%;width:45%;color:#333;height:60px;border:1px solid rgba(255,255,255,0.25);border-radius:999px;outline:0;color:#fff;background:rgba(255,255,255,0.035)}
.CUS textarea{margin:10px;height:70px!important;width:96%!important;padding-left:2%;border:1px solid rgba(255,255,255,0.25);border-radius:999px;outline:0;color:#fff;background:rgba(255,255,255,0.035)}
.CUS select{height:60px;margin:10px;width:45%;padding-left:2%;border:1px solid rgba(255,255,255,0.25);border-radius:999px;outline:0;color:#fff;background:rgba(255,255,255,0.035)}
@media(max-width:1200px){.CUS input,.CUS textarea{width:95%}
}
.blog-section{background:var(--cream)}
.blog-card{padding:12px;overflow:hidden;border-radius:24px;background:#fff;transition:transform .35s ease,box-shadow .35s ease}
.blog-card:hover{transform:translateY(-9px);box-shadow:0 25px 60px rgba(7,60,68,0.11)}
.blog-image{height:260px;overflow:hidden;border-radius:18px}
.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.blog-card:hover .blog-image img{transform:scale(1.08)}
.blog-card-content{padding:25px 15px 18px}
.blog-meta{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.blog-meta span{padding:5px 18px;border-radius:999px;color:#fff;background:var(--orange);font-size:.67rem;font-weight:700}
.blog-meta time{color:#4a6870;font-size:.75rem}
.blog-card h3{min-height:60px;margin-bottom:25px;font-size:1.17rem;line-height:1.5;font-weight:800}
.blog-card-content>a{display:block;padding-top:18px;border-top:1px solid rgba(7,61,71,0.13);color:#0e3138;font-weight:700;transition:.25s}
.blog-card-content>a:hover{color:var(--orange)}
.newsletter-section{position:relative;overflow:hidden;padding:80px 0;color:#fff;background:linear-gradient(135deg,#de6f25,#e68c35,#bf5520)}
.newsletter-noise{position:absolute;inset:0;opacity:.22;background-image:repeating-radial-gradient(circle at 30% 50%,transparent 0,transparent 2px,rgba(95,35,5,0.25) 3px,transparent 4px);background-size:9px 9px;mix-blend-mode:multiply}
.newsletter-section h2{margin:0;font-size:clamp(2rem,3.5vw,3.6rem);font-weight:800;letter-spacing:-0.04em}
.newsletter-form{display:flex;gap:15px}
.newsletter-input{position:relative;flex:1}
.newsletter-input input{width:100%;height:62px;padding:0 65px 0 28px;border:0;border-radius:999px;outline:0}
.newsletter-input i{position:absolute;right:26px;top:50%;color:var(--orange);font-size:1.4rem;transform:translateY(-50%)}
.newsletter-form button{min-width:180px;border:0;border-radius:999px;color:#fff;background:var(--orange);font-weight:700;transition:.3s ease}
.newsletter-form button:hover{background:var(--dark);transform:translateY(-3px)}
.mb-15{margin-bottom:5%}
.garage-real-brand-section{overflow:hidden;padding:28px 0 35px;background-color:#fff}
.garage-real-brand-heading{margin-bottom:30px;text-align:center}
.garage-real-brand-heading h2{margin:0;color:#040c1d;font-size:38px;font-weight:800;line-height:1.2}
.garage-real-brand-marquee{position:relative;width:100%;overflow:hidden}
.garage-real-brand-marquee::before,.garage-real-brand-marquee::after{position:absolute;top:0;z-index:2;width:70px;height:100%;content:"";pointer-events:none}
.garage-real-brand-marquee::before{left:0;background:linear-gradient(to right,#ffffff 0,transparent 100%)}
.garage-real-brand-marquee::after{right:0;background:linear-gradient(to left,#ffffff 0,transparent 100%)}
.garage-real-brand-track{display:flex;width:max-content;animation:garageRealBrandsMarquee 35s linear infinite;will-change:transform}
.garage-real-brand-group{display:flex;flex-shrink:0;align-items:center;gap:75px;padding-right:75px}
.garage-real-brand-item{display:flex;flex:0 0 165px;align-items:center;justify-content:center;height:76px}
.garage-real-brand-item img{display:block;width:auto;max-width:100%;height:auto;max-height:65px;object-fit:contain;opacity:1;filter:none;transition:transform .3s ease}
.garage-real-brand-item:hover img{transform:scale(1.08)}
.garage-real-brand-marquee:hover .garage-real-brand-track{animation-play-state:paused}
@keyframes garageRealBrandsMarquee{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
@media(max-width:991.98px){.garage-real-brand-group{gap:50px;padding-right:50px}
.garage-real-brand-item{flex-basis:145px}
.garage-real-brand-heading h2{font-size:32px}
}
@media(max-width:575.98px){.garage-real-brand-section{padding:36px 0 42px}
.garage-real-brand-heading{margin-bottom:20px}
.garage-real-brand-heading h2{font-size:28px}
.garage-real-brand-group{gap:35px;padding-right:35px}
.garage-real-brand-item{flex-basis:125px;height:62px}
.garage-real-brand-item img{max-height:48px}
.garage-real-brand-marquee::before,.garage-real-brand-marquee::after{width:35px}
.garage-real-brand-track{animation-duration:27s}
}
@media(prefers-reduced-motion:reduce){.garage-real-brand-track{animation-play-state:paused}
}
.footer-section{position:relative;margin-top:-20px;padding:0 20px 20px;background:#185c69}
.footer-card{position:relative;overflow:hidden;padding:100px 0 30px;border:12px solid var(--orange);border-bottom:0;border-radius:35px 35px 28px 28px;background:var(--dark);color:#fff}
.footer-logo{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.7rem}
.footer-logo:hover{color:#fff}
.footer-logo span{color:var(--orange);font-size:2.4rem}
.footer-description{max-width:280px;margin:30px 0;color:rgba(255,255,255,0.75);line-height:1.8}
.footer-socials{display:flex;gap:11px}
.footer-socials a{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(255,255,255,0.1);transition:.3s ease}
.footer-socials a:hover{background:var(--orange);transform:translateY(-4px)}
.footer-section h4{margin-bottom:30px;font-size:1.35rem;font-weight:800}
.footer-links{padding:0;margin:0;list-style:none}
.footer-links li{border-bottom:1px solid rgba(255,255,255,0.12)}
.footer-links a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;color:rgba(255,255,255,0.88);font-size:.84rem;transition:.25s}
.footer-links a:hover{padding-left:5px;color:var(--orange)}
.footer-contact>div{margin-bottom:28px}
.footer-contact span{display:block;margin-bottom:9px;color:#8bb0b6;font-size:.82rem}
.footer-contact strong,.footer-contact a{color:#fff;font-size:.89rem;font-weight:600}
.footer-contact a:hover{color:var(--orange)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:70px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.13);font-size:.78rem}
.footer-bottom p{margin:0}
.footer-bottom div{display:flex;gap:35px}
.footer-bottom a{color:#fff}
.footer-bottom a:hover{color:var(--orange)}
.footer-door-decoration{position:absolute;right:-25px;bottom:40px;color:rgba(255,255,255,0.06);font-size:15rem;transform:rotate(-7deg)}
#backToTop{position:fixed;z-index:1300;right:30px;bottom:30px;width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:12px;color:#fff;background:rgba(255,104,73,0.94);opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s ease}
#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}
.video-modal-content{position:relative;overflow:hidden;border:0;border-radius:25px;background:var(--dark)}
.video-modal-content .btn-close{position:absolute;z-index:5;right:20px;top:20px;padding:12px;border-radius:50%;background-color:#fff}
.video-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background:linear-gradient(135deg,var(--dark),var(--deep))}
.video-placeholder i{color:var(--orange);font-size:5rem}
.video-placeholder h3{margin-top:20px;font-weight:800}
.video-placeholder p{color:#aac2c7}
.reveal-up,.reveal-left,.reveal-right,.reveal-down{opacity:0;transition:opacity .85s cubic-bezier(0.2,0.65,0.2,1),transform .85s cubic-bezier(0.2,0.65,0.2,1)}
.reveal-up{transform:translateY(45px)}
.reveal-down{transform:translateY(-35px)}
.reveal-left{transform:translateX(-55px)}
.reveal-right{transform:translateX(55px)}
.reveal-right1{transform:translateX(55px)}
.reveal-up.visible,.reveal-left.visible,.reveal-right.visible,.reveal-right1.visible,.reveal-down.visible{opacity:1;transform:translate(0,0)}
.delay-1{transition-delay:.1s}
.delay-2{transition-delay:.2s}
.delay-3{transition-delay:.3s}
.delay-4{transition-delay:.4s}
@keyframes floatingCard{0%,100%{transform:translateY(0) rotate(-1deg)}
50%{transform:translateY(-13px) rotate(1deg)}
}
@keyframes pulseVideo{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.35)}
70%{box-shadow:0 0 0 32px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@media(max-width:1600px){.bg-dark1{background-color: rgba(0,0,0,0.3);}
}
@media(max-width:1500px){.reveal-right1{display:none}
}
@media(max-width:1400px){.hero-content{background-color:rgba(0,0,0,0)!important;margin-bottom:20px}
.hero-left-decoration{position:relative;z-index:8;display:grid}
.hero-label{margin-bottom:25px;padding:8px 25px;font-size:.88rem;font-weight:700;background:rgba(40,41,41,0.48)}
.hero-title{margin:0;margin-bottom:50px;font-size:clamp(3.5rem,6.3vw,6rem);line-height:.83;letter-spacing:-0.065em;font-weight:800;text-align:center}
.hero-title span{display:block;margin-top:30px;font-size:.55em;font-weight:500;letter-spacing:-0.045em}
.hero-description{max-width:100%;margin:0;color:rgba(255,255,255,0.75);text-align:center;line-height:1.8}
}
@media(max-width:1199.98px){.custom-navbar{min-height:auto}
.custom-navbar .navbar-collapse{padding:20px 0 8px}
.custom-navbar .nav-link{padding:10px 0;margin:0}
.custom-navbar .nav-link::after{display:none}
.navbar-quote{margin-top:15px}
.hero-title{font-size:7rem}
.hero-technician{right:-70px;width:340px}
.service-tabs{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:991.98px){.section-padding{padding:90px 0}
.hero-section{min-height:920px}
.hero-content{padding-top:220px}
.hero-label{margin-left:0}
.hero-title{text-align:left;font-size:clamp(4rem,12vw,7rem)}
.hero-description{margin-left:0;text-align:left}
.hero-buttons{justify-content:flex-start}
.hero-technician{width:280px;right:-40px}
.hero-technician>img{height:500px}
.hero-service-card{display:none}
.about-visual{min-height:540px}
.about-content{max-width:none}
.service-display{padding:35px}
.service-image-wrap{min-height:380px}
.more-services-grid{grid-template-columns:repeat(2,1fr)}
.why-stage{min-height:1030px}
.why-worker{top:80px;bottom:auto;width:310px}
.why-worker img{height:500px}
.why-center-decoration{top:140px;bottom:auto}
.why-card-one{left:0;top:610px}
.why-card-two{left:0;bottom:30px}
.why-card-three{right:0;top:610px}
.why-card-four{right:0;bottom:30px}
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.team-cta{margin-bottom:-100px}
.partners-section{padding-top:180px}
.team-cta-image::before{background:linear-gradient(to bottom,#fff,transparent 40%)}
.stats-grid{margin-top:20px}
.testimonial-person{min-height:520px}
.testimonial-person img{bottom:-90px}
.contact-worker{min-height:540px;margin-top:40px}
.contact-worker>img{left:50%;right:auto;transform:translateX(-50%)}
.newsletter-form{margin-top:20px}
.footer-card{padding-top:80px}
}
@media(max-width:767.98px){.section-title{font-size:2.5rem}
.navbar-holder{top:15px}
.custom-navbar{padding:10px 15px;border-radius:18px}
.navbar-brand{font-size:.92rem;width: 80%;}
.hero-section{min-height:890px}
.hero-content{padding-top:120px}
.hero-title{font-size:3rem}
.hero-title span{margin-top:20px;font-size:.48em}
.hero-technician{right:-90px;width:250px}
.hero-technician>img{height:440px}
.about-image-one{width:82%}
.about-image-two{width:57%}
.about-experience{width:160px;height:170px;left:15px}
.about-experience strong{font-size:2.7rem}
.about-experience span{margin-top:25px;font-size:.75rem}
.service-tabs{grid-template-columns:1fr}
.service-display{padding:28px 22px}
.more-services-grid{grid-template-columns:1fr}
.why-stage{min-height:auto;display:grid;grid-template-columns:1fr;gap:18px;padding-top:460px}
.why-center-decoration{width:350px;height:350px;top:65px}
.why-center-decoration::after{width:250px;height:250px;bottom:50px}
.why-worker{top:20px;width:270px}
.why-worker img{height:430px}
.why-card,.why-card-one,.why-card-two,.why-card-three,.why-card-four{position:relative;inset:auto;width:100%}
.gallery-grid{grid-template-columns:1fr}
.gallery-item{height:300px}
.team-cta-content{padding:40px 28px}
.team-cta-image{height:320px}
.stats-grid{grid-template-columns:1fr}
.testimonial-slider{min-height:400px}
.testimonial-slide{padding:25px 20px}
.testimonial-quote{padding:22px}
.video-section{min-height:480px}
.contact-phone-card{right:0}
.newsletter-form{flex-direction:column}
.newsletter-form button{min-height:60px}
.footer-section{padding:0 8px 8px}
.footer-card{border-width:7px}
.footer-bottom{flex-direction:column;align-items:flex-start}
.footer-bottom div{flex-wrap:wrap;gap:18px}
}
@media(max-width:575.98px){.container{padding-left:20px;padding-right:20px}
.section-padding{padding:75px 0}
.section-padding-sm{padding:70px 0}
.hero-section{min-height:900px}
.hero-title{font-size:clamp(3.4rem,17vw,4.6rem)}
.hero-description{max-width:85%}
.hero-buttons{align-items:flex-start;flex-direction:column}
.hero-technician{right:-95px;width:220px}
.hero-technician>img{height:390px}
.about-visual{min-height:440px}
.about-image-one{height:310px}
.about-image-two{height:220px}
.about-experience{width:130px;height:145px;bottom:15px}
.about-experience span{margin-top:16px}
.service-image-wrap img{height:310px}
.gallery-item{height:260px}
.partners-section{padding-top:160px}
.testimonial-person{min-height:450px}
.target-one{width:330px;height:330px;border-width:30px}
.target-two{width:250px;height:250px;border-width:30px}
.target-three{width:190px;height:190px;border-width:30px}
.testimonial-person img{width:300px;height:450px}
.testimonial-slider{min-height:460px}
.contact-worker{min-height:460px}
.contact-worker>img{width:360px;height:520px}
.contact-phone-card{min-width:235px;top:180px}
.blog-image{height:220px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.reveal-up,.reveal-left,.reveal-right,.reveal-right1,.reveal-down{opacity:1;transform:none}
}
/*!
 * Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */@font-face{font-display:block;font-family:bootstrap-icons;src:url("fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),url("fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-right::before{content:"\f138"}.bi-asterisk::before{content:"\f151"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check2::before{content:"\f272"}.bi-chevron-up::before{content:"\f286"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-emoji-smile::before{content:"\f327"}.bi-facebook::before{content:"\f344"}.bi-gear::before{content:"\f3e5"}.bi-grid::before{content:"\f3fc"}.bi-house-door::before{content:"\f423"}.bi-house::before{content:"\f425"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-instagram::before{content:"\f437"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-list::before{content:"\f479"}.bi-shield-check::before{content:"\f52f"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone::before{content:"\f5c1"}.bi-tools::before{content:"\f5db"}.bi-wrench::before{content:"\f621"}.bi-pinterest::before{content:"\f663"}.bi-person-workspace::before{content:"\f67a"}.bi-quote::before{content:"\f6b0"}.bi-buildings::before{content:"\f87d"}.bi-house-gear::before{content:"\f891"}.bi-twitter-x::before{content:"\f8db"}