html {
  scroll-behavior: smooth !important;
}

html,
body {
  padding: 0px 40px;
  box-sizing: border-box;
  background-color: #fff !important;
  font-weight: 300 !important;
  font-family: 'Roboto', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input:focus {
  --tw-ring-color: #ffff !important;
  --tw-ring-offset-shadow: #fffff !important;
  --tw-ring-shadow: #fffff !important;
}
textarea:focus {
  --tw-ring-color: #ffff !important;
  --tw-ring-offset-shadow: #fffff !important;
  --tw-ring-shadow: #fffff !important;
}
/* .swiper {
  width: 100vw;
  height: calc(100vh - 60px);
} */

.swiper-slide {
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  width: 100vw;
}

.locale_dropdown {
  inset: unset !important;
  top: 100% !important;
}

.tab_products li button[aria-selected="true"] {
  color: #1D2F4E !important;
  border-color: #1D2F4E !important;
}
.tab_products li button[aria-selected="true"]:hover {
  color: #1D2F4E !important;
  border-color: #1D2F4E !important;
}
.swiper-button-disabled {
  display: none;
}

.swiper-pagination-bullet-active {
  background: black !important;
  opacity: 1;
}
.swiper-pagination-bullet {
  background-color: white;
  opacity: 1;
}
.home_product .category_text:hover {
  color: black !important;
  border-bottom: 2px solid black;
}
a:focus {
  color: black !important;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 100;
  color: #4b5563 !important;
  margin: 0;
  text-transform: none !important;
  letter-spacing: normal !important;
}

a,
p,
button,
span,
div {
  font-weight: 100;
  color: #4b5563;
}

h2,
h3,
h4,
h5 {
  margin: 0px !important;
  padding: 0px !important;
}
/* h1 {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
} */

table tbody tr td a:hover {
  color: #a4aab6 !important;
}
.product-category-by-id .action-item svg:nth-child(1) {
  display: block;
}
.product-category-by-id .action-item svg:nth-child(2) {
  display: none;
}
.product-category-by-id .action-item.minus svg:nth-child(1) {
  display: none !important;
}
.product-category-by-id .action-item.minus svg:nth-child(2) {
  display: block !important;
}
.product-category-by-id .pruduct-category-list {
  transition: font-size 0.1s;
}
.product-category-by-id .pruduct-category-list.close {
  height: 0px !important;
  font-size: 0px !important;
  opacity: 0 !important;
}
.navigation .gva_menu .sub-menu {
  border-top: 1px solid black !important;
}

.about-us a:hover,
.about-us a:focus {
  color: black !important;
}
.about-us a {
  text-decoration: underline !important;
}

/* Product detail */
.product-detail .product-detail-carousel-slide-2 .images img.active {
  border: 1px solid black !important;
}
.product-detail .product-detail-carousel-slide {
  transition: transform 0.4s ease-in-out;
}

/* Modal */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999999999999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 1); /* Black w/ opacity */
}
.modal .swiper-slide {
  background: transparent !important;
}
#CarouselModal .swiper-button-next,
#CarouselModal .swiper-button-prev {
  color: white;
}
.work_with_us ul,
.where_to_buy ul,
.product ul,
.news ul {
  list-style-type: disc;
  padding-left: 40px;
}
.work_with_us ol,
.where_to_buy ol,
.product ol,
.news ol {
  list-style-type: decimal;
  padding-left: 40px;
}
.policy a {
  text-decoration: underline !important;
}
.policy a:hover {
  color: black !important;
}
@media screen and (max-width: 768px) {
  html {
    padding: 0px !important;
  }
  .menu-bar {
    height: 32px !important;
    width: 36px !important;
    position: absolute;
    cursor: pointer;
    margin-top: 40px !important;
    float: right;
    top: -14px !important;
    right: 35px !important;
  }
  .header .area-main-menu .gva-search-region {
    margin-top: -5px !important;
    top: 25px !important;
    right: 85px !important;
  }
  .nmenu-item.lang {
    display: none !important;
  }
  .navigation .gva_menu .sub-menu {
    border-top: 0px solid !important;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a,
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > ul > li > a {
    text-transform: capitalize !important;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover {
    color: #4b5563 !important;
  }
  .gva-offcanvas-mobile
    .gva-navigation
    .gva_menu
    > li
    ul.menu.sub-menu
    li
    a:hover {
    color: #4b5563 !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a.active {
    color: #1D2F4E !important;
    border-bottom: 0px !important;
  }
  .gva-offcanvas-mobile
    .gva-navigation
    .gva_menu
    > li
    ul.menu.sub-menu
    .icaret {
    display: block;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
    text-transform: capitalize !important;
  }
}

@media screen and (max-width: 480px) {
  body {
    padding: 0px 20px !important;
  }
  .menu-bar {
    right: 15px !important;
  }
  h1 {
    font-size: 22px !important;
  }
  .about-us p {
    font-size: 14px !important;
  }
}