.navbar li a {
  color: #fff!important;
}

.text-secondary {
  color: #001622;
}

.slider-image img {
  object-fit: cover;
}

@media (min-width: 768px) {
  .navbar-nav .nav-item {
    padding-left: 50px;
  }
}

.slider-content {
  z-index: 2;
  bottom: -100%;
  transition: .5s;
}

.product-sliders [class*='col-']:hover .slider-content {
  bottom: 10px;
}

.product-sliders [class*='col-']:hover .slider-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(60, 60, 60, 0.4);
  width: 100%;
  border-radius: 10px;
  height: 100%;
  backdrop-filter: blur(10px);
}

.product-sliders [class*='col-']:hover .slider-title {
  font-weight: 600;
}

.slider-button {
  margin-top:12px;
  transform:translate(-50%, -50%);
}

.border-primary {
  border-color: var(--bs-primary)!important;
}

.shadow-primary {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.slider-image {
  position: relative;
  height: 400px;
  border-radius: 10px;
}

.radius-default {
  border-radius: 10px;
}

.form-control {
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #C6DAE8;
}

.blog [class*='col-']:hover .btn-card {
  bottom: 0;
}

.btn-card {
  transition: .5s;
  bottom: -100%;
}

@media (max-width: 768px) {
  .banner-header {
    height: 20vh;
    text-align: center;
    
    background: url('../img/banner/mobile.png?h=d5dc77b100984f6281c819fae51ba798&quot') bottom / cover no-repeat!important;
  }
}

.navbar.position-fixed {
  background: white;
  color: var(--bs-primary);
  z-index: 2;
}

.navbar.position-fixed li a {
  color: var(--bs-primary)!important;
}
.banner-header{
	background: url('../img/banner/desktop.png?h=d5dc77b100984f6281c819fae51ba798&quot') right / cover no-repeat;
}

@media (max-width: 768px) {
  .banner-header .text-title {
    font-size: 45px!important;
  }
}

.navbar {
  transition: .5s;
}


.btn-whatsapp {
  bottom: 10px;
  right: 10px;
  height: 50px;
  padding: 0px;
  background: #25d366;
  border-style: none;
  z-index: 100;
  width: calc(100% - 20px);
  position: fixed;
  border-radius: 25px;
}

@media (min-width: 576px) {
  .btn-whatsapp {
    bottom: 10px;
    right: 10px;
    height: 50px;
    padding: 0px;
    background: #25d366;
    border-style: none;
    z-index: 100;
    width: 50px;
    position: fixed;
    border-radius: 50%;
  }
}