:root{
  --red:#B10C2A;
  --black:#30303A;
  --gray:#676061;
  --light:#F4F3E6;
}

body{
  margin:0;
  padding:0;
  background:#f7f7f4;
}

.top-header{
  background:var(--black);
  color:#fff;
  font-size:.85rem;
}

.top-header a{
  color:#fff;
  text-decoration:none;
}

.top-header i{
  color:var(--red);
}

.main-navbar{
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  position:relative;
}

.main-navbar::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-top:35px solid var(--red);
  border-left:35px solid transparent;
}

.navbar-brand img{
  height:90px;
}

.nav-main{
  font-weight:800;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--black)!important;
  position:relative;
}

.nav-main:hover{
  color:var(--red)!important;
}

.nav-main::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background:var(--red);
  transition:.3s;
}

.nav-main:hover::after{
  width:100%;
}

.btn-call{
  background:var(--red);
  color:#fff;
  font-weight:800;
  border:none;
  padding:12px 18px;
}

.btn-call:hover{
  background:var(--black);
  color:#fff;
}

.dropdown-menu{
  border:0;
  border-radius:0;
  box-shadow:0 20px 50px rgba(0,0,0,.15);
  overflow:hidden;
}

.dropdown-header-img{
  background:
    linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.4)),
    url('/assets/images/hover-jpeg.webp');
  background-size:cover;
  background-position:center;
  padding:25px;
  color:#fff;
}

.dropdown-item{
  padding:15px;
}

.dropdown-item:hover{
  background:rgba(177,12,42,.08);
}

.dropdown-icon{
  width:40px;
  height:40px;
  min-width:40px;
  background:var(--red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:991px){
  .navbar-collapse{
    background:#fff;
    padding:15px;
  }
}