
.header .container {
    max-width: 1400px;
  }

  .header .navbar-nav .nav-link {
    text-transform: uppercase;
    line-height: 2;
    font-weight: 400;
  }

  /* .header .navbar-dark .navbar-nav .active > .nav-link {
    color: #222 !important;
  } */

  .header .navbar .dropdown-item {
    padding: 0.35em;
  }

  .header .navbar .nav-link::before {
    border-width: 1px;
  }

  .header a.cw-phone {
    font-weight: 700;
    font-size: 1.25rem;
  }

  .header .header-info-logo-img img {
    width: 232px;
  }

  .header .navbar .active>.nav-link {
    color: #fff !important;
  }

  .cw-header-info a {
    color: #000000 !important;
  }

  @media (min-width: 992px) {
    .header .header-info-logo-img {
      position: fixed;
      top: 0;
      z-index: 1032;
      padding: 0;
    }

    .header .navbar-expand-lg .navbar-nav .dropdown-item {
      font-size: 0.85rem;
    }

    nav.navbar .container {
      position: relative;
      height: 130px;
      margin: 0 auto;
    }

    .navbar-nav {
      position: absolute;
      right: 0;
      bottom: 1rem;
      border-top: 1px solid #692782;
    }

    .cw-header-info {
      position: fixed;
      z-index: 1032;
      top: 0;
      width: 100%;
      padding: 0;
    }
  }


  /* ============ Hero section =================== */
  .cw-heroSection {
      background: 
  linear-gradient(
    rgba(0, 0, 0, 0.6), 
    rgba(0, 0, 0, 0.6)
  ),
  url(https://apihoard.webit.com/api/v1/Image/A967A8E1A6F2087CBB9D4990ACBBE26D/A967A8E1A6F2087CBB9D4990ACBBE26D.jpg?size=1920x1440);
  background-size: cover;
  background-position: center;
  padding: 6em 0;
  color: #ffffff;
  }

  @media(max-width: 440px){
    .cw-heroSection h1 {
      font-size: 1.5em;
  }
  }

  @media screen and (min-width: 768px) {
      .cw-heroSection  {
         padding: 12em 0;
      }
  }



/* =============== Banner section ============ */
/*-- Hero --*/
.cw-hero {
  position: relative;
 padding: 5em 0;
}

.cw-hero:after {
  overflow: hidden;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, .5)
}

.cw-heroText {
  z-index: 2;
}


@media screen and (min-width: 768px) {
  .cw-hero {
     padding: 9em 0;
  }
}

.page-home .textwithimage-text {
  position: relative;
}

.page-home .textwithimage {
  background-image: linear-gradient(-143deg, #DDDBDB, #fff);
}

@media(min-width: 568px){
  .page-home .textwithimage-text::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 10px;
    bottom: 4%;
    right: 3%;
    border-bottom: 5px solid #692782;
}
}


/* ============= Internal page ============= */
.title {
  text-transform: uppercase;
  text-align: center;
}


/*iframe*/

@media (min-width: 280px){
iframe {
  width: 100%;
  height: 362px;
}
}

@media (min-width: 330px){
iframe {
  width: 100%;
  height: 473px;
}
}

/* @media (min-width: 330px){
iframe {
  width: 100%;
  height: 473px;
}
} */

@media (min-width: 440px){
iframe {
  width: 100%;
  height: 618px;
}
}

@media (min-width: 768px){
iframe {
  width: 100%;
  height: 1043px;
}
}

@media (min-width: 992px){
iframe {
  width: 100%;
  height: 1121px;
}
}

/* @media (min-width: 1200px){
iframe {
  width: 100%;
  height: 1121px;
}
}

@media (min-width: 1480px){
iframe {
  width: 100%;
  height: 1121px;
}
} */


/* Footer */
.footer .footer-info-business {
  display: none;
}

.footer {
  padding-top: 0em;
}

.cw-footer {
  padding: 3em 0 1em 0;
  margin-bottom: -1em;
  background: var(--color-theme-secondary);
}

.cw-footer h2 a {
  color: #fff;
}

.cw-footer h2 a:hover {
  color: var(--color-theme-highlight);
}

.cw-footer p {
  color: #fff;
}

.cw-footer p a {
  color: #fff;
}

.cw-footer p a:hover {
  color: var(--color-theme-highlight);
}

.cw-footer .cw-divider {
  display: none;
}

@media (min-width:330px) {
  .cw-footer .cw-divider {
    display: inline-block;
    font-weight: 800;
    color: var(--color-theme-highlight);
  }
}


/* Logo Slideshow */

.cw-image-slideshow {
  position: relative;
  overflow: visible;
}

.cw-slideshow-header {
  max-width: 700px;
  margin: 0 auto 0px auto;
}

.cw-slideshow-title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .cw-slideshow-title {
    font-size: 26px;
  }
}

.cw-slide-img {
  width: 100%;
  height: auto;                 
  display: block;
  aspect-ratio: 4 / 3;          
  object-fit: contain;           
  filter: grayscale(100%);
  transition: all 0.4s ease;

  padding: 5px;
}

.cw-slide-img:hover {
  filter: grayscale(0%);
  transform: scale(1.03);
}

.cw-image-slideshow .row {
  margin: 0;
}

.cw-image-slideshow .col-6,
.cw-image-slideshow .col-md-3 {
  padding: 0;
}

#cwMultiCarousel .carousel-control-prev,
#cwMultiCarousel .carousel-control-next {
  width: 50px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s ease;
}

#cwMultiCarousel .carousel-control-prev {
  left: -60px;
}

#cwMultiCarousel .carousel-control-next {
  right: -60px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #000;
  border-radius: 50%;
  padding: 15px;
  background-size: 60%;
}

@media (max-width: 1200px) {
  #cwMultiCarousel .carousel-control-prev {
    left: 10px;
  }

  #cwMultiCarousel .carousel-control-next {
    right: 10px;
  }
}

@media (max-width: 991px) {
  #cwMultiCarousel .carousel-control-prev {
    left: 5px;
  }

  #cwMultiCarousel .carousel-control-next {
    right: 5px;
  }
}

@media (max-width: 768px) {

  .cw-image-slideshow .carousel-inner {
    display: flex;
    flex-wrap: wrap;
  }

  .cw-image-slideshow .carousel-item {
    display: contents !important;
  }

  .cw-image-slideshow .col-6,
  .cw-image-slideshow .col-md-3 {
    width: 50%;
    flex: 0 0 50%;
  }

  .cw-slide-img {
    height: auto;
    object-fit: contain;
  }

  .carousel-control-prev,
  .carousel-control-next {
    display: none !important;
  }
}