:root{
--primary:#0A4D9B;
--secondary:#FF6B00;
--dark:#1f2937;
--light:#f8f9fa;
}
*{box-sizing:border-box}
body{font-family:Poppins,Arial,sans-serif;background:#fff;color:#333;line-height:1.6}
a{text-decoration:none}
.top-bar{background:var(--primary);color:#fff;padding:8px 0;font-size:.9rem}
.social-link{color:#fff;margin-left:10px}
.navbar-brand{font-weight:700}
.hero{
	min-height:80vh;display:flex;align-items:center;color:#fff;
    background:
        linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),
        url('assets/images/hero.jpg') center center/cover no-repeat;
}
.hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url('../assets/images/hero.jpg') center/cover;height:80vh;color:#fff;display:flex;align-items:center}
.hero h1{font-size:3rem;font-weight:700}

.btn {width: auto; padding: 5px;}

.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-warning{background:var(--secondary);border-color:var(--secondary);color:#fff}
.card{border:none;transition:.3s;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.card:hover{transform:translateY(-6px)}
.footer{background:var(--dark)}
.footer-link{color:#ddd}
.footer-link:hover{color:#fff}
.newsletter{background:var(--primary)}
.whatsapp-float{position:fixed;right:20px;bottom:20px;width:56px;height:56px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:999}
#backToTop{position:fixed;right:20px;bottom:90px;display:none;z-index:999}
#loader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}
.product-card img{height:220px;object-fit:cover}
.service-box{text-align:center;padding:30px}
.service-box i{font-size:48px;color:var(--primary)}
@media(max-width:768px){
.hero{min-height:60vh;text-align:center}
.hero h1{font-size:2rem}
}


.d-flex.align-items-center {
    flex-wrap: nowrap;
}

.d-flex.align-items-center .btn {
    width: auto;
    min-height: 38px;
	height: auto;
    padding: 5px;
}

.d-flex.align-items-center input {
    width: 55px;
    min-width: 55px;
}





.was-validated .form-control:valid,
.was-validated .form-select:valid,
.was-validated textarea:valid{

    border-color:#198754;

}

.was-validated .form-control:invalid,
.was-validated .form-select:invalid,
.was-validated textarea:invalid{

    border-color:#dc3545;

}

.card{

    border-radius:12px;

}

.card-header{

    border-radius:12px 12px 0 0 !important;

}

.product-card-image {
    width: 100%;
    height: 220px;
    object-fit: contain;
    padding: 15px;
    background: #fff;
}