/* ==============================
        Global Settings 
============================== */
@media screen and (max-width: 991px) {
  section {
    scroll-margin-top: 22rem;
  }
}
html {
  scroll-padding-top: 70px;
}

.to-top-btn {
  position: fixed;
  z-index: 20;
  bottom: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #44434a;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.to-top-btn:hover {
  background-color: #1d1d21;
}

.to-top-btn .img {
  margin-bottom: 0.25rem;
  width: 18px;
}

::placeholder {
  font-size: 14px; /* Adjust the size as needed */
  font-weight: 300;
}

/*==============================
        Navbar 
============================== */
.var_navbar-sticky {
  background: #fff;
  opacity: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: 1s;
}

.show {
  opacity: 1;
}

.nav-link {
  height: 70px;
  display: flex !important;
  align-items: center;
  color: #464d58;
}

.nav-link:hover, .active-nav {
  color: var(--bs-primary);
}

/* ======== HOME page ======= */
/*==============================
        Hero 
============================== */
#home {
  background-image: url(../img/furniro_hero_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hero-text h2 {
  font-weight: 550;
}

.hero-text {
  background: #FEF4E2;
  border-radius: 5px;
}

/*==============================
        Browse by Category 
============================== */
.category-title {
  font-weight: 501;
}

/*==============================
        Product List 
============================== */
.product-title {
  font-weight: 501;
}

.product-card {
  background-color: #F3F5F7;
}

/*==============================
        Carousel 
============================== */
.heading-3 {
  font-size: 40px;
}

/*==============================
        Footer 
============================== */
footer ul li a {
  color: #212529 !important;
}

footer ul li a:hover {
  color: var(--bs-primary) !important;
}

/* ======== SHOP page ======= */
/*==============================
        Banner
============================== */
#shop-banner, #blogs-banner {
  background-image: url(../img/shop-hero.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 200px;
}

/* ======== BLOG LISTS page ======= */
/*==============================
        Right Panel
============================== */
.per-category:hover {
  background-color: var(--bs-light);
}

.recent-post .single-recent-post:hover {
  color: var(--bs-primary);
  cursor: pointer;
}

/* ======== SINGLE BLOG POST page ======= */
/*==============================
        Related Articles
============================== */
.card-img-top {
  height: 150px; /* Set a fixed height */
  object-fit: cover; /* Ensures image fills the area while maintaining aspect ratio */
}

@media (max-width: 767.98px) { /* Adjusts for screen sizes smaller than "md" (768px) */
  .card-img-top {
    height: 250px;
  }
}