html {
  scroll-behavior: smooth !important;
}

html,
body {
  padding: 0px 0px;
  box-sizing: border-box;
  background-color: #fff !important;
  font-weight: 500 !important;
  font-family: 'Neue Haas Grotesk Display', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

pre {
  font-family: 'Neue Haas Grotesk Display', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 0;
}
/* .swiper {
  width: 100vw;
  height: calc(100vh - 60px);
} */
.product-detail-body a {
  font-weight: bold !important;
}
.product-detail-body a:hover {
  color: #2b94e8 !important;
}

.news li{
  white-space: unset !important;
}

.news img {
  margin-left: auto !important;
  margin-right: auto !important;
}

.swiper-button-disabled{
  display:none !important;
}

.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: #cf000e !important;
  border-color: #cf000e !important;
}
.tab_products li button[aria-selected="true"]:hover {
  color: #cf000e !important;
  border-color: #cf000e !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: 500;
  color: #4b5563 !important;
  margin: 0;
  text-transform: none !important;
  letter-spacing: normal !important;
}

a,
p,
button,
span,
div {
  font-weight: 500;
  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: #cf000e !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;
  }
}


.container_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid black;
}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input ~ .checkmark {
  background-color: white;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked ~ .checkmark {
  background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.tooltip-footer::before {
  /*@apply bg-gray-500;*/
  background: #e5e5e5;
  position: absolute;
  /*top: 5px;*/
  /*right: -8px;*/
  bottom: -12px;
  left: 23px;
  display: block;
  width: 16px;
  height: 12px;
  pointer-events: none;
  content: " ";
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);

}
.tooltip-footer::after {
  /*@apply bg-gray-100;*/
  background: white;
  margin-left: -1.8px;
  position: absolute;
  /*top: 5px;*/
  /*right: -8px;*/
  bottom: -10px;
  left: 25px;
  display: block;
  width: 16px;
  height: 12px;
  pointer-events: none;
  content: " ";
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
div#map > div:nth-child(2) {
  visibility: hidden;
}