*,
*::before,
*::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.248);
}
.header .top-header{ background:#0095DA;padding:10px 0;}
.header .top-header-content{display:flex;justify-content:flex-end;align-items:center;gap:30px;}
.header .top-info{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;}
.header .top-info i{font-size:16px;}
.header .main-header{background:#fff;padding:8px;}
.header .logo{width:100%;height:auto;}
.header .logo img{width:100%;max-width:100%;height:auto;object-fit:contain;display:block;}
.header .navbar{padding:0;height:100%;}
.header .navbar-collapse{justify-content:center;}
.header .navbar-nav{width:100%;justify-content:center;align-items:center;gap:20px;}
.header .navbar-nav .nav-item{position:relative;}
.header .navbar-nav .nav-link{position:relative;color:#1E1E1E;font-size:16px;font-weight:600;padding:3px 0!important;transition:.3s;}
.header .navbar-nav .nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#ED1C24;transition:.3s;}
.header .navbar-nav .nav-link:hover, .header .navbar-nav .nav-link.active { color: #ED1C24; } .header .navbar-nav .nav-link:hover::after, .header .navbar-nav .nav-link.active::after { width: 100%; }
.header .header-btn{display:flex;justify-content:flex-end;align-items:center;height:100%;}
.header .quote-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ED1C24;color:#fff;padding:8px 10px 8px 18px;border-radius:6px;font-size:16px;font-weight:500;text-decoration:none;transition:.3s;}
.header .quote-btn:hover{background:#c8151b;}
.header .quote-btn i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;background:rgba(255,255,255,.22);border-radius:50%;font-size:12px;transition:.3s;}
.header .quote-btn:hover i{background:#fff;color:#ED1C24;}


@media (max-width:991px){
.header .main-header{padding:15px 0;}
.header .top-header-content{justify-content:center;}
.header .logo{text-align:left;}
.header .logo img{max-width:180px;}
.header .header-btn{display:flex;justify-content:flex-end;align-items:center;}
.header .quote-btn{font-size:14px;padding:10px 14px;}
.mobile-menu-bar{width:100%;margin-top:15px;}
.header .navbar-toggler{border:none;padding:8px 12px;border-radius:6px;background:#fff;}
.header .navbar-toggler:focus{box-shadow:none;}
.header .navbar{width:100%;margin-top:5px;}



  .header .offcanvas {
    width: 100vw;
    background-color: #fff;
    border: none;
  }
  .header .offcanvas-header .btn-close {
    transform: scale(0.75); 
  }
  .header .offcanvas-header {
    border-bottom: none;
    padding: 20px 20px;
  }
  .header .navbar-nav {
    padding: 0;
    gap: 0;
  }
  .header .navbar-nav .nav-item {
    border-bottom: 1px solid #e0e4ea;
    width: 100%;
  }
 
  .header .navbar-nav .nav-link::after { display: none; }
  .header .navbar-nav .nav-link {
    color: #000 !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px !important;
    text-align: left;
  }

  .navbar-toggler-icon{height: 20px; width: 20px; border:none}

}

@media (max-width:575px){
.header .top-header{padding:8px 0;}
.header .top-info{font-size:12px;}
.header .top-header-content{flex-wrap:wrap;gap:8px;}
.header .logo img{max-width:100%;padding-bottom: 15px;}
.header .header-btn{position:relative;display:flex;justify-content:flex-end;align-items:center;}
.header .quote-btn{position:absolute;top:-35px;font-size:12px;padding:6px 12px;}
.mobile-menu-bar{margin-top:10px;}
.header .navbar-toggler{padding:2px 5px;}
}