body{font-family:Arial,'Helvetica Neue',sans-serif;color:#333;background:#fff}.topbar{background:#111;color:#fff;padding:8px 0;font-size:13px}.topbar a{color:#fff;margin-left:10px}.topbar img{height:12px}.main-header{background:#fff;box-shadow:0 3px 18px rgba(0,0,0,.08);position:sticky;top:0;z-index:99}.navwrap{display:flex;align-items:center;justify-content:space-between;padding:15px}.brand{display:flex;align-items:center;gap:12px;color:#111;font-size:22px;font-weight:800;text-decoration:none}.brand img{max-height:58px}nav a{color:#222;margin:0 10px;text-decoration:none;font-weight:700}.adminlink{background:#f16521;color:#fff!important;padding:9px 14px;border-radius:4px}.hero{min-height:600px;position:relative;color:#fff;background:#111;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:fade 18s infinite}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:6s}.hero-slide:nth-child(3){animation-delay:12s}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.25))}.hero-content{position:relative;z-index:2;padding-top:150px;max-width:760px}.hero h1{font-size:52px;line-height:1.1;font-weight:900}.hero p{font-size:20px;line-height:1.7}.btn-main{background:#f16521;color:#fff;padding:13px 28px;border-radius:3px;text-decoration:none;display:inline-block;margin-top:15px}.section{padding:70px 0}.title{text-align:center;margin-bottom:40px}.title h2{font-weight:900;font-size:36px}.title .bar{width:80px;height:4px;background:#38b449;margin:14px auto}.service-card{background:#fff;border:1px solid #eee;margin-bottom:25px;box-shadow:0 8px 28px rgba(0,0,0,.07);overflow:hidden}.service-card img{width:100%;height:210px;object-fit:cover}.service-card .p{padding:22px}.service-card h3{font-weight:800;color:#f16521}.dark{background:#111;color:#fff}.gallery img{width:100%;height:230px;object-fit:cover;margin-bottom:25px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.contact-box{background:#fff;padding:28px;box-shadow:0 8px 28px rgba(0,0,0,.1)}.form-control{margin-bottom:12px}footer{background:#171717;color:#eee;padding:40px 0 0}footer .container{display:flex;justify-content:space-between;gap:20px}.copy{background:#000;text-align:center;padding:15px;margin-top:30px}@media(max-width:768px){.navwrap{display:block}.brand{justify-content:center}nav{text-align:center;margin-top:15px}nav a{display:inline-block;margin:6px}.hero{min-height:520px}.hero-content{padding-top:90px}.hero h1{font-size:34px}footer .container{display:block}}

/* Front image animation upgrade */
.hero-slide{transform:scale(1);animation:heroFadeZoom 18s infinite ease-in-out;will-change:opacity,transform}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:6s}.hero-slide:nth-child(3){animation-delay:12s}@keyframes heroFadeZoom{0%{opacity:0;transform:scale(1)}6%,30%{opacity:1;transform:scale(1.08)}38%,100%{opacity:0;transform:scale(1.14)}}.brand img{animation:logoFloat 4s ease-in-out infinite}.hero-content{animation:contentRise 1.1s ease both}.service-card,.gallery img{animation:imageReveal .9s ease both;transition:transform .45s ease,box-shadow .45s ease,filter .45s ease}.service-card:nth-child(2n),.gallery .col-md-4:nth-child(2n) img{animation-delay:.12s}.service-card:nth-child(3n),.gallery .col-md-4:nth-child(3n) img{animation-delay:.22s}.service-card:hover{transform:translateY(-10px);box-shadow:0 18px 40px rgba(0,0,0,.18)}.service-card img,.gallery img{transition:transform .65s ease,filter .45s ease}.service-card:hover img,.gallery img:hover{transform:scale(1.08);filter:brightness(1.08)}.gallery .col-md-4{overflow:hidden}.btn-main{transition:transform .3s ease,box-shadow .3s ease}.btn-main:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(241,101,33,.35);color:#fff;text-decoration:none}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes contentRise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes imageReveal{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@keyframes kg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.slider img,.gallery img,.service img,.product-card img{animation:kg-float 5s ease-in-out infinite;transition:.35s}.gallery img:hover,.service img:hover,.product-card img:hover{transform:scale(1.05) rotate(.5deg)}
