/* Start Navbar */
.header-area,
header.sticky {
  background-color: #fff;
  height: 90px;
}

header .main-menu {
  background-color: #fff;
}

header .nav-right .mobile-menu-btn span,
header .nav-right .mobile-menu-btn span::before,
header .nav-right .mobile-menu-btn span::after {
  background-color: #14904a;
}

.header-area .company-logo {
  width: 200px;
}

@media (max-width: 991px) {
  .header-area .company-logo {
    width: 150px;
  }
}

@media (max-width: 767px) {
  .header-area .company-logo {
    width: 120px;
  }
}

header .main-menu>ul>li a,
header .main-menu>ul>li:hover>a,
header .main-menu ul li .bi,
header .mobile-menu-form .hotline .hotline-info span,
header .mobile-menu-form .hotline .hotline-info h6 a,
header .mobile-menu-form .hotline .email-info h6 a,
header .mobile-menu-form .email .hotline-info h6 a,
header .mobile-menu-form .email .email-info span,
header .mobile-menu-form .email .email-info h6 a,
header .main-menu>ul>li i.active {
  color: #14904a;
}

header .nav-right .save-btn a svg,
header .nav-right .dropdown .modal-btn svg,
header .nav-right .user-login .user-btn svg,
header .mobile-menu-form .hotline .hotline-icon svg,
header .mobile-menu-form .hotline .email-icon svg,
header .mobile-menu-form .email .hotline-icon svg,
header .mobile-menu-form .email .email-icon svg {
  fill: #14904a;
}

header .main-menu>ul>li>a {
  padding: 34px 2px;
  color: #14904a
}

@media (max-width: 991px) {
  header .main-menu>ul>li>a {
    padding: 10px 0px;
  }
}

header .main-menu>ul>li.menu-item-has-children.for-dropdown .drop-down::before {
  top: 28px;
}

header .main-menu>ul>li>a::after {
  border-bottom-color: #fff;
}

/* End Navbar */
.thumbnail-buttons {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}

.thumbnail-buttons button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.product-card img {
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
}
.product-card-img {
  height: auto !important;
  background-color: inherit !important;
}
@media (max-width: 991.98px) {
  header .nav-right .mobile-menu-btn {
    position: absolute;
      inset-inline-start: 90%;
      z-index: 9;
  }
  html[dir="rtl"] .nav-right .mobile-menu-btn {
    inset-inline-start: 100%;
  }
  header .nav-right {
    padding-inline-end: 50px !important;
  }
  html[dir="rtl"] header .main-menu {
    transform: translateX(100%);
    right: 0 !important;
    left: auto !important;
  }
  html[dir="rtl"] header .main-menu.show-menu{
    transform: translateX(0);
    
  }
}
.info-one p {
  direction: ltr !important;
}
.email-icon i {
  color: #14904a;
}
.email-info span {
  direction: ltr !important;
}