.page-hero{position:relative;width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.page-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / .55),rgb(0 0 0 / .65));z-index:1}.page-hero-content{position:absolute;z-index:2;max-width:1100px;padding:1.5rem;text-align:center;color:#fff}.page-hero-content h1{font-size:clamp(1.8rem, 4vw, 3rem);font-weight:700;margin-bottom:1rem}.page-hero-content p{font-size:clamp(1rem, 2vw, 1.2rem);max-width:700px;margin:0 auto 1.8rem;line-height:1.6}.page-hero-btn{display:inline-block;padding:.8rem 2rem;background:#f4b400;color:#000;font-weight:600;text-decoration:none;border-radius:4px;transition:background 0.3s ease,transform 0.2s ease}.page-hero-btn:hover{background:#fc3;transform:translateY(-2px)}@media (max-width:768px){.page-hero{min-height:80vh}.page-hero-content{padding-top:435px}}@media (max-width:1920px){.page-hero-content{padding-top:435px}}.services-intro{max-width:900px;margin:auto;padding:70px 20px;text-align:center;line-height:1.8}.services-list{padding:80px 20px;background:#f8fafc}.section-title{text-align:center;font-size:36px;margin-bottom:50px}.services-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{background:#fff;padding:35px;border-radius:18px;box-shadow:0 18px 40px rgb(0 0 0 / .12);text-align:center;transition:transform .4s ease,box-shadow .4s ease}.service-card i{font-size:34px;color:#f59e0b;margin-bottom:15px}.service-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgb(0 0 0 / .2)}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-grid{grid-template-columns:1fr}}.services-intro{position:relative;padding:clamp(70px, 7vw, 110px) 20px;background:linear-gradient(180deg,#0b1220 0%,#0e1a32 55%,#020617 100%);text-align:center;overflow:hidden}.services-intro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgb(255 255 255 / .08),transparent 65%);pointer-events:none}.services-intro p{position:relative;max-width:920px;margin:auto;font-size:clamp(15px, 1.6vw, 17px);line-height:1.8;color:#cbd5f5;letter-spacing:.25px;text-wrap:pretty;text-shadow:0 2px 10px rgb(0 0 0 / .45)}@media (max-width:900px){.services-intro p{max-width:760px}}@media (max-width:540px){.services-intro{padding:60px 18px}.services-intro p{font-size:15px;line-height:1.75}}.services-list{position:relative;padding:clamp(100px, 8vw, 140px) 20px;background-color:#020617;background-image:url(../images/General/background-images/crane-fleet-background-services.webp);background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:100vh;overflow:hidden}.services-list::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgb(2 6 23 / .88),rgb(2 6 23 / .65),rgb(2 6 23 / .9));z-index:1}.services-list>*{position:relative;z-index:2}.section-title{text-align:center;font-size:clamp(28px, 4vw, 42px);font-weight:800;color:#fff;margin-bottom:70px;letter-spacing:.4px;text-shadow:0 0 14px rgb(255 255 255 / .4),0 0 34px rgb(255 255 255 / .2)}.services-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;perspective:1200px}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}}.service-card{position:relative;padding:32px;text-align:center;background:linear-gradient(145deg,#ffffff,#f1f5f9);border-radius:18px;box-shadow:0 20px 45px rgb(0 0 0 / .18),inset 0 0 0 1px rgb(15 23 42 / .05);transform-style:preserve-3d;opacity:0;transform:translateY(40px);transition:transform 0.8s cubic-bezier(.22,.61,.36,1),opacity 0.8s ease,box-shadow 0.6s ease}.service-card.reveal-left{transform:translateX(-80px) rotateY(8deg)}.service-card.reveal-right{transform:translateX(80px) rotateY(-8deg)}.service-card.active{opacity:1;transform:translateX(0) translateY(0) rotateY(0)}.service-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 35px 70px rgb(0 0 0 / .28)}.service-card i{font-size:32px;margin-bottom:14px;color:#f59e0b}.service-card h3{font-size:18px;font-weight:600;margin-bottom:10px;color:#0f172a}.service-card p{font-size:15px;line-height:1.65;color:#475569}.fleet-section{padding:clamp(80px, 7vw, 110px) 20px;background:linear-gradient(180deg,#0b1220 0%,#0e1a32 55%,#020617 100%);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px, 5vw, 60px);align-items:center;overflow:hidden}@media (max-width:900px){.fleet-section{grid-template-columns:1fr;text-align:center}}.fleet-content h2{font-size:clamp(28px, 4vw, 42px);font-weight:800;margin-bottom:14px;color:#fff;letter-spacing:.4px;text-shadow:0 0 14px rgb(255 255 255 / .55),0 0 36px rgb(255 255 255 / .25)}.fleet-content p{font-size:16px;line-height:1.8;color:#cbd5f5;max-width:620px}@media (max-width:900px){.fleet-content p{margin:0 auto}}.fleet-image img{width:100%;height:auto;border-radius:18px;box-shadow:0 30px 70px rgb(0 0 0 / .6),inset 0 0 0 1px rgb(255 255 255 / .06);transition:transform 0.6s ease,box-shadow 0.6s ease}@media (hover:hover){.fleet-image img:hover{transform:scale(1.04);box-shadow:0 45px 90px rgb(0 0 0 / .75)}}.process-flow{padding:clamp(120px, 9vw, 160px) 20px;background:linear-gradient(180deg,#0b1220 0%,#0e1a32 50%,#020617 100%);text-align:center;position:relative;overflow:hidden}.process-flow h2{font-size:clamp(30px, 4vw, 44px);font-weight:800;margin-bottom:90px;color:#fff;letter-spacing:.6px;text-shadow:0 0 12px rgb(59 130 246 / .6),0 0 28px rgb(59 130 246 / .35)}.process-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:80px 90px;position:relative}@media (max-width:768px){.process-grid{grid-template-columns:1fr;gap:70px}}.process-flow{padding:clamp(120px, 9vw, 160px) 20px;background:linear-gradient(180deg,#0b1220 0%,#0e1a32 50%,#020617 100%);text-align:center;overflow:hidden}.process-flow h2{font-size:clamp(30px, 4vw, 44px);font-weight:800;margin-bottom:90px;color:#fff;letter-spacing:.4px;text-shadow:0 0 14px rgb(59 130 246 / .6),0 0 34px rgb(59 130 246 / .35)}.process-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"step1 step2" "step4 step3";gap:90px 120px}.process-box:nth-child(1){grid-area:step1}.process-box:nth-child(2){grid-area:step2}.process-box:nth-child(3){grid-area:step3}.process-box:nth-child(4){grid-area:step4}.process-box{position:relative;padding:48px 38px;background:linear-gradient(145deg,#ffffff,#f1f5f9);border-radius:22px;text-align:center;box-shadow:0 24px 60px rgb(0 0 0 / .35),inset 0 0 0 1px rgb(15 23 42 / .08);transition:transform 0.45s ease,box-shadow 0.45s ease}.process-box::before{content:attr(data-step);position:absolute;top:-30px;left:50%;transform:translateX(-50%);padding:10px 22px;font-size:16px;font-weight:800;background:linear-gradient(to right,#f59e0b,#fbbf24);color:#000;border-radius:999px;box-shadow:0 14px 32px rgb(0 0 0 / .35)}.process-box strong{display:block;font-size:20px;margin-bottom:12px;color:#0f172a}.process-box p{font-size:15px;line-height:1.7;color:#475569}.process-box:hover{transform:translateY(-10px);box-shadow:0 36px 80px rgb(0 0 0 / .45),inset 0 0 24px rgb(245 158 11 / .15)}@media (max-width:768px){.process-grid{grid-template-columns:1fr;grid-template-areas:"step1" "step2" "step3" "step4";gap:70px}.process-box{padding:42px 30px}}.services-cta{position:relative;padding:clamp(100px, 9vw, 140px) 20px;text-align:center;background:linear-gradient(180deg,#0b1220 0%,#0e1a32 55%,#020617 100%);overflow:hidden}.services-cta h2{font-size:clamp(30px, 4vw, 44px);font-weight:800;margin-bottom:14px;color:#fff;letter-spacing:.4px;text-shadow:0 0 14px rgb(59 130 246 / .65),0 0 36px rgb(59 130 246 / .35)}.services-cta p{max-width:700px;margin:0 auto 55px;font-size:16px;line-height:1.75;color:#cbd5f5}.services-cta .cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 42px;margin:10px 14px;background:linear-gradient(to right,#f59e0b,#fbbf24);color:#000;font-size:15px;font-weight:700;letter-spacing:.4px;text-decoration:none;border-radius:50px;border:2px solid #000;box-shadow:0 18px 40px rgb(0 0 0 / .45),inset 0 -2px 0 rgb(0 0 0 / .25);transition:transform 0.35s ease,box-shadow 0.35s ease,background 0.35s ease}.services-cta .cta-btn:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 30px 70px rgb(0 0 0 / .65),inset 0 0 22px rgb(245 158 11 / .6)}.services-cta .cta-btn.outline{background:#fff0;color:#fff;border:2px solid #fbbf24;box-shadow:0 16px 34px rgb(0 0 0 / .35)}.services-cta .cta-btn.outline:hover{background:#fbbf24;color:#000;box-shadow:0 28px 60px rgb(0 0 0 / .55)}@media (max-width:640px){.services-cta .cta-btn{width:100%;max-width:320px;margin:12px auto}}