.header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.08)}
        .header.hide{transform:translateY(-100%)}.header.show{transform:translateY(0)}body{padding-top:100px}
        .contact-form-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:2.5rem;border:1px solid #f0f0f0}
        .form-control,.form-select{border-radius:12px;padding:.75rem 1rem;border:1.5px solid #e0e0e0;font-size:1rem;transition:all .3s}
        .form-control:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.15)}
        .btn-primary-custom{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:12px;padding:.9rem 2rem;font-weight:600;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 15px rgba(0,123,255,0.3)}
        .btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,123,255,0.4)}
        .contact-info-item{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:12px;transition:transform .2s}
        .contact-info-item:hover{transform:translateY(-3px)}
        .contact-info-item i{font-size:1.5rem;color:#007bff;margin-top:.2rem}
        .trust-badge{text-align:center;padding:1rem;background:#e3f2fd;border-radius:12px;transition:all .3s}
        .trust-badge:hover{background:#bbdefb;transform:translateY(-5px)}
        .trust-badge img{width:50px;height:50px;object-fit:contain}
        footer{background:#0f0f0f;color:#ccc;padding:6rem 0 2rem}
        footer h5{color:#fff;font-weight:700;margin-bottom:1.8rem;font-size:1.35rem}
        footer ul{list-style:none;padding:0}
        footer ul li{margin-bottom:1rem}
        footer ul li a{color:#aaa;text-decoration:none;transition:all .3s;font-size:1rem}
        footer ul li a:hover{color:#fff;padding-left:5px}
        .footer-bottom-bar{background:rgba(0,0,0,0.8);padding:2rem 0;margin-top:4rem;text-align:center;font-size:0.95rem}
        .footer-med-icons-main a img{width:42px;filter:grayscale(100%) brightness(0) invert(0.7);transition:all .3s}
        .footer-med-icons-main a:hover img{filter:none;transform:scale(1.2)}
		
		
		
		
		
/* Hide header on scroll down, show on scroll up */
.header {
    transition: top 0.4s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff; /* or your header background */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.header.hidden {
    top: -120px; /* Adjust this value based on your header height */
}