.cw-hero {
  background: rgba(0, 0, 0, 1);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 73%, rgba(0, 0, 0, 1) 73%);
  padding: 5% 0;
  text-align: center;
  color: #000;
}
.cw-hero h1 {
  font-size: 2.5rem;
  color: #fff
}
.cw-hero h1 span {
  font-family: "Cabin", sans-serif;
  display: block;
  font-size: 2.75rem;
  color: #fff
}
.cw-hero h1 span:last-child {
  font-size: 1.5rem;
  color: #fff
}
.cw-banner1 {
  position: relative;
}
.cw-banner1 h3 {
  color: #fff;
  text-align: center;
  padding: 0.5em 0.5em 0.5em 1.5em;
  border: 2px dashed #fff;
  border-radius: 0 20px 20px 0;
  background-color: var(--color-theme-secondary);
  margin: -1.2em 0em -2.5em 0;
  font-size: 1.3rem;
}
.cw-banner1 h3 span {
  font-size: 0.7em;
  font-family: "Cabin", sans-serif;
  font-style: italic;
  display: block;
}
.cw-banner1 a {
  position: absolute;
  bottom: -5.5em;
  right: 10%;
}

/* XS: 440px & Up */
@media (min-width: 440px) {
  .cw-hero h1 {
    font-size: 4rem;
  }
  .cw-banner1 a {
    bottom: -4.5em;
  }
}

/* SM: 576px & Up */
@media (min-width: 576px) {
}

/* MD: 768px & Up */
@media (min-width: 768px) {
  .cw-hero {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 73%, rgba(132, 40, 70, 1) 73%);
  }
  .cw-hero h1 {
    font-size: 3rem;
  }
}

/* LG: 992px & Up */
@media (min-width: 992px) {
  .cw-hero h1 {
    font-size: 4rem;
  }
  .cw-banner1 a {
    bottom: -4em;
  }
}

/* XLG: 1200px & Up */
@media (min-width: 1200px) {
  .cw-banner1 h3 {
    font-size: 1.65rem;
  }
}

/* XXLG: 1400px & Up */
@media (min-width: 1400px) {
  .cw-banner1 a {
    bottom: -4.5em;
  }
}

/* XXXLG: 1600px & Up */
@media (min-width: 1600px) {
  .cw-hero {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 69%, rgba(132, 40, 70, 1) 69%);
  }
  .cw-banner1 h3 {
    font-size: 1.75rem;
  }
}



/* Header */
.header-container .navbar .container .navbar-brand.d-xl-none,
.header-container .navbar .container .navbar-brand.d-lg-none {
  display: flex !important;
}

@media (min-width: 992px) {
  .header-container .navbar .container {
    border-bottom: 4px solid #ffffff;
    max-width: 95%;
    padding: 0.5rem 0 0;
  }

  .header-container .navbar .container .navbar-brand {
    background-image: url("https://apihoard.webit.com/api/v1/Image/402F2CC412A20F7EACF8DEDF93870E4B/402F2CC412A20F7EACF8DEDF93870E4B.png?size=1920x1440");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 210px;
    min-height: 65px;
    color: transparent;
  }
}

.header .navbar-nav .nav-link {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.05rem;
  font-family: "Khand", sans-serif !important;
}

.header .navbar .active > .nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show > .nav-link {
  color: #ffffff;
}

.header .navbar .nav-link::before {
  border-width: 3px;
}

.header .navbar .nav-link:hover::before {
  background: #ffffff;
  border-color: #ffffff;
}

@media (min-width: 1200px) {
  .navbar-collapse {
    justify-content: flex-start !important;
  }

  .header .navbar.bg-primary {
    background: #000 !important;
  }
}


/* Spin */
.cw-spin {
  animation: cw-spin-anim 5s infinite;
}

@keyframes cw-spin-anim {
  100% {
    transform: rotate(360deg);
  }
}

.gallery {
  padding-bottom: 0em;
}