/*header */
.black-logo {
  display: none;
}

.is-sticky .navbar-brand .black-logo {
  display: block;
}

.white-logo {
  display: block;
  max-width: 195px;
}

.is-sticky .navbar-brand .white-logo {
  display: none;
}

/* Hero section */
.bgimg {
  background-image: url("../images/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bgimg::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #222222c4;
  z-index: 9;
  top: 0
}

.main-banner-content {
  z-index: 99;
  position: relative;
  text-align: center;
}

.crimso-nav .navbar .navbar-nav .nav-item a {
  color: #ffffff;
}

.crimso-nav .navbar .navbar-nav .nav-item a:hover,
.crimso-nav .navbar .navbar-nav .nav-item a:focus,
.crimso-nav .navbar .navbar-nav .nav-item a.active {
  color: #00c40a !important;
}

.navbar-area.is-sticky .crimso-nav .navbar .navbar-nav .nav-item a {
  color: #222
}

.main-banner-content h1 {
  color: #fff
}

.main-banner-content p {
  color: #fff
}

.banner-btn {
  display: flex;
  justify-content: center;
  gap: 15px
}

.default-btn-one {
  background-color: #00c40a;
  border: 1px solid #00c40a;
  color: #fff
}

.second-btn {
  background-color: #fff;
  border: 1px solid #fff;
  color: #00aa09;
}

.default-btn-one:hover svg {
  fill: #00c40a;
  transition: 0.5s;
}

.second-btn:hover #load {
  fill: #fff;
  transition: 0.5s;
}

.second-btn:hover {
  background-color: #00aa09;
  color: #fff
}

/* Feature app */
.section-title h3::before {
  background-color: #9cf7a1;
}

.section-title h3::after {
  background-color: #00c40a;
}

.about-area-content h3::before,
.about-area-content h3::after {
  background-color: transparent;
}

.about-area-content .default-btn-one:hover svg {
  fill: #00c40a;
  transition: 0.5s;
}

/* testimonials*/
/* .custom_width_clint { max-width: 800px;width: 100%; margin: auto;}    */


/*media*/
@media only screen and (max-width: 991px) {
  .crimso-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #fff !important
  }

  .crimso-responsive-nav .mean-container a.meanmenu-reveal {
    color: #fff !important;
  }

  .is-sticky .crimso-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #000 !important
  }

  .is-sticky .crimso-responsive-nav .mean-container a.meanmenu-reveal {
    color: #000 !important;
  }
}

@media only screen and (max-width: 990px) {
  .black-logo {
    display: none;
  }

  .is-sticky .logo .black-logo {
    display: block;
  }

  .white-logo {
    display: block;
    max-width: 195px;
  }

  .is-sticky .logo .white-logo {
    display: none;
  }
}


.bg-offset-hero::after {
  position: absolute;
  content: '';
  width: 75%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-color: #191919;
}

.quote_ {
  opacity: 0.1;
}

@media (max-width: 767.98px) {
  .bg-offset-hero::after {
    width: 100%;
  }
}