/* .bg-wee{
  background-color: #fff !important;
} */
* {
  scroll-behavior: smooth !important;
}
body {
  padding: 0;
  margin: 0;
}
.color-naw {
  color: #e41827 !important;
}

.bg-naw {
  background-color: #e41827 !important;
}
html {
  overflow-x: hidden;
}
.grapscroll {
  overflow-x: scroll !important;
}
.ibm-plex-mono-thin {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 100;
  font-style: normal;
}

.ibm-plex-mono-extralight {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 200;
  font-style: normal;
}

.ibm-plex-mono-light {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-mono-regular {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-mono-medium {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-mono-semibold {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-mono-bold {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.ibm-plex-mono-thin-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 100;
  font-style: italic;
}

.ibm-plex-mono-extralight-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 200;
  font-style: italic;
}

.ibm-plex-mono-light-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 300;
  font-style: italic;
}

.ibm-plex-mono-regular-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.ibm-plex-mono-medium-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-style: italic;
}

.ibm-plex-mono-semibold-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 600;
  font-style: italic;
}

.ibm-plex-mono-bold-italic {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 700;
  font-style: italic;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.bannerOne {
  overflow-x: auto;
  min-height: 30vh;
  background-color: white;
  display: flex;
}

.firstBanner {
  min-height: 30vh !important;
  background-color: white;
  display: flex;
}
/* gridOne */
.gridon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 1.5rem !important;
}
.labelii {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  width: 100vw;
}
.gridOne {
  justify-content: center;
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.gridOneDiv {
  height: 100px;
  background-color: white;
  flex-grow: 1;
}
.gridOneDivtall {
  height: 200px;
  background-color: white;
  flex-grow: 1;
}

.gridTwo {
  justify-content: center;
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.gridTwoDiv {
  flex-grow: 1;
  height: 200px;
  background-color: white;
}

.gridTwoDivtall {
  flex-grow: 1;
  height: 300px;
  background-color: white;
}

.scrollDivs {
  min-height: 30vh;
  width: 250px;
  flex-shrink: 0;
  border: 0.5px solid #fff;
}

.scroll-container {
  overflow: auto;
  position: relative;
  width: 100%;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.text-Scroll {
  overflow: auto; /* Hide the default scrollbar */
  position: relative;
  width: 100vw;
  cursor: grab;
}
.text-Scroll > * {
  flex-shrink: 0;
}

/* WebKit-based browsers (Chrome, Safari, Edge) */
.text-Scroll::-webkit-scrollbar {
  height: 1px;
  width: 1px; /* Height of the horizontal scrollbar */
}

.text-Scroll::-webkit-scrollbar-track {
  background: transparent; /* Track background */
}

.text-Scroll::-webkit-scrollbar-thumb {
  background: transparent; /* Scrollbar thumb background */
  border-radius: 0px; /* Scrollbar thumb rounded corners */
}

.text-Scroll::-webkit-scrollbar-thumb:hover {
  background: transparent; /* Scrollbar thumb hover effect */
}

.goods > div:last-child {
  flex-grow: 0 !important;
}