/* white you custom css code here. only css code will work */
.header-area .header-inner-05 .title span {
  background: #3e9994;
}

.header-slider-one .owl-item.active .animate-style, 
.header-slider-one .owl-item.active .animate-style-02 {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  animation: none !important;
}

.header-area .header-inner-05 .title,
.header-slider-one .owl-item.active .animate-style {
  font-size: 60px;
}

.navbar-area.nav-style-02.has-topbar-04 {
  top: 0;
}

.header-area .header-inner-05 .title span {
  padding: 5px 15px;
}

.custom-icon-how-it-works {
  background: url('/assets/custom/how_it_works_icon.png') center no-repeat !important;
}

.header-slider-one .owl-item.active .btn-wrapper {
  animation: none !important;
}

.breadcrumb-area.breadcrumb-bg:before {
  background: rgb(40,73,109,0.5);
}

.required {
  color: #ff0000;
}

.main-color-three {
  color: #6ac8c1 !important;
}

.slick-slider .slick-dots li.slick-active button, 
.blog-date-content {
  background: #6ac8c1 !important;
}

.boxed-btn.btn-color-three {
  background-color: var(--main-color-one) !important;
}