.form-validation,
.error{
   color: red;
   /* font-size: 12px; */
}

/* Base Badge */
.badge {
   display: inline-block;
   padding: 4px 10px;
   border-radius: 20px;
   font-size: 13px;
   font-weight: 600;
   text-transform: capitalize;
}

/* Status Colors */
.badge-pending {
   background-color: #ffe9b3;
   color: #c28100;
}

.badge-confirmed {
   background-color: #cce5ff;
   color: #004085;
}

.badge-shipped {
   background-color: #d4edda;
   color: #155724;
}

.badge-delivered {
   background-color: #bdf5bd;
   color: #0f7a0f;
}

.badge-cancelled {
   background-color: #f8d7da;
   color: #721c24;
}

.text-bold{
   font-weight: bold;
}

.mr-1{
   margin-right: 0.5rem;
}

.cs_about{
   align-items: flex-start;
}

.cs_bg_filed {
   /* background-size: cover;
   background-position: center;
   background-repeat: no-repeat; */
   background-image: url('/assets/images/banner/new_banner2.jpg');
}

.custom_logo{
   width: 300px;
}

/* Mobile optimization */
@media (max-width: 767px) {
   .cs_hero.cs_style_3 {
      min-height: 215px;
      /* increase area so full image is visible */
      background-size: contain !important;
      /* show full image */
      background-position: top center;
   }

   .custom_logo {
      width: 200px;
   }
}

@media (min-width: 767px) {
  .menu-active {
    border-bottom: 3px solid #e61f7f;
  }
}

.menu-active a{
   color: #e61f7f !important;
}

/* @media (max-width: 400px) {
   .cs_hero.cs_style_1 {
      min-height: 170px;
   }
} */


.cs_site_branding{
   width: 300px;
}
@media (max-width: 991px) {
   .cs_site_branding{
      width: 200px;
   }
   .cs_bg_filed {
      background-image: url('/assets/images/banner/anti-acne serum.jpeg');
   }
}
.cs_hero.cs_style_1, .cs_hero.cs_style_2{
   justify-content: unset;
}
.cs_hero.cs_style_1 .cs_hero_text{
   padding-left: 60px;
}
.cs_black_color {
   color: var(--primary);
}
.cs_hero.cs_style_1 .cs_hero_subtitle{
   color: var(--primary);
}
.cs_banner.cs_style_1 .cs_banner_img{
   max-height: calc(100% - 90px);
}
@media (max-width: 1600px) {
  .cs_fs_70 {
    font-size: 48px;
  }
}
@media (max-width: 1400px) {
  .cs_fs_70 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
   .cs_fs_24 {
      font-size: 18px;
   }
}