html {
  scroll-behavior: smooth;
}

body {
  background: #fffaf1;
  color: #211713;
}

.bwt-travel-loading-box,
#preloader {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

:root {
  --color-yellow: #f6b21a !important;
  --color-black: #211713 !important;
  --color-black1: #342019 !important;
  --color-red: #b6251f !important;
  --bbp-cream: #fff4df;
  --bbp-basil: #26734d;
  --bbp-charcoal: #211713;
  --bbp-tomato: #b6251f;
  --bbp-gold: #f6b21a;
}

a {
  color: var(--bbp-tomato);
}

a:hover,
.side-navigation ul li a:hover,
.menubar-box ul li a:hover {
  color: var(--bbp-basil) !important;
}

#topbar,
#header .middle-header,
footer,
.footer-area {
  background: var(--bbp-charcoal) !important;
}

#topbar {
  border-bottom: 4px solid var(--bbp-gold);
}

#header .logo img,
#site-sticky-menu1 {
  border-radius: 8px !important;
  background: #fffaf1 !important;
  box-shadow: 0 10px 24px rgba(33, 23, 19, 0.18);
}

.side-navigation ul li.current_page_item a,
.topbar-btn a,
#topbar .topbar-text a {
  color: var(--bbp-gold) !important;
}

#topbar .topbar-btn,
.read-more,
.slide-btn,
.abut-butn-cls,
.offer-butn-cls,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
input[type="submit"] {
  background: var(--bbp-basil) !important;
  border-color: var(--bbp-basil) !important;
  color: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 20px rgba(38, 115, 77, 0.22);
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

#topbar .topbar-btn:hover,
.read-more:hover,
.slide-btn:hover,
.abut-butn-cls:hover,
.offer-butn-cls:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--bbp-tomato) !important;
  border-color: var(--bbp-tomato) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(182, 37, 31, 0.24);
}

#slider,
.banner-image {
  background: var(--bbp-charcoal);
}

#slider::after,
.banner-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(33, 23, 19, 0.72), rgba(33, 23, 19, 0.28));
}

#slider .carousel-caption,
.banner-image .container,
.banner-image .entry-title {
  z-index: 2;
}

#slider h1,
.main_title h1,
h1.page-title,
h1.entry-title,
.woocommerce h1 {
  color: #fffaf1 !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

.section-title h2,
.section-title h3,
.woocommerce-loop-product__title,
.product_title,
h2,
h3 {
  color: var(--bbp-charcoal) !important;
}

#about,
#our-choice,
#ingredient,
.site-main,
.content-area,
.woocommerce,
main {
  background-color: #fffaf1;
}

.product,
.post,
.type-page,
.ex-fdlist,
.ex-fditem,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.testimonial_box,
.contact-box,
.comment-body {
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid rgba(33, 23, 19, 0.1) !important;
  box-shadow: 0 14px 34px rgba(33, 23, 19, 0.08);
}

.product img,
.woocommerce ul.products li.product img,
.post img,
#our-choice img,
#ingredient img {
  border-radius: 8px;
}

.price,
.woocommerce-Price-amount,
#amazingOffer .offer-content h3,
#amazingOffer .offer-content h2 {
  color: var(--bbp-tomato) !important;
}

#amazingOffer {
  background-color: var(--bbp-basil) !important;
}

#amazingOffer h2,
#amazingOffer h3,
#amazingOffer p {
  color: #fffaf1 !important;
}

input,
textarea,
select,
.woocommerce form .form-row input.input-text {
  border-radius: 6px !important;
  border: 1px solid rgba(33, 23, 19, 0.22) !important;
  background: #fff !important;
}

@media (max-width: 768px) {
  #slider .slidesmalltext {
    padding: 0 18px !important;
  }

  #slider h1 {
    font-size: 34px !important;
    line-height: 44px !important;
  }
}
