textarea:focus, input:focus {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.item {
  border-radius: 11px;
  border: 1px solid rgba(141, 141, 141, 0.25);
  background: #242424;
  padding: 0.5rem 0.3rem;
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 1rem;
}
.item .img {
  width: 170px;
  height: 151px;
  flex-shrink: 0;
  position: relative;
}
.item .img .viewbtn {
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0.3rem;
  margin: 0rem 0.2rem;
  width: 150px;
}
.item .img .viewbtn .content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #FFF;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.item .img .viewbtn .content .icon {
  height: 16px;
  width: 21px;
  background: url('data:image/svg+xml,<svg width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.542 8C13.542 8.79565 13.2259 9.55871 12.6633 10.1213C12.1007 10.6839 11.3376 11 10.542 11C9.74634 11 8.98328 10.6839 8.42067 10.1213C7.85806 9.55871 7.54199 8.79565 7.54199 8C7.54199 7.20435 7.85806 6.44129 8.42067 5.87868C8.98328 5.31607 9.74634 5 10.542 5C11.3376 5 12.1007 5.31607 12.6633 5.87868C13.2259 6.44129 13.542 7.20435 13.542 8Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 8C2.274 3.943 6.065 1 10.542 1C15.02 1 18.81 3.943 20.084 8C18.81 12.057 15.02 15 10.542 15C6.065 15 2.274 12.057 1 8Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9px;
  background: lightgray 50%/cover no-repeat;
}
.item .ri {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  align-content: center;
}
.item .ri .title {
  color: #FFF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.item .ri .n-nego {
  color: #C83838;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.item .ri .price {
  color: #0D99FF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.item .ri .old-price {
  color: #D4D4D4;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal; /*
text-decoration-line: strikethrough;*/
  text-decoration: line-through;
}
.item .ri .staruser {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.item .ri .staruser .fas {
  color: orange;
}
.item .ri .staruser .far {
  color: white;
}
.item .ri .staruser .users {
  color: #FFF;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.item .ri .cbutton {
  display: flex;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  background: rgba(13, 153, 255, 0.43);
  padding: 0.5rem 0.2rem;
}
.item .ri .cbutton.copied .one {
  display: none;
}
.item .ri .cbutton.copied .two {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #FFF;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.item .ri .cbutton.copied .two .icon {
  height: 16px;
  width: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM11.707 6.707C11.8892 6.5184 11.99 6.2658 11.9877 6.0036C11.9854 5.7414 11.8802 5.49059 11.6948 5.30518C11.5094 5.11977 11.2586 5.0146 10.9964 5.01233C10.7342 5.01005 10.4816 5.11084 10.293 5.293L7 8.586L5.707 7.293C5.5184 7.11084 5.2658 7.01005 5.0036 7.01233C4.7414 7.0146 4.49059 7.11977 4.30518 7.30518C4.11977 7.49059 4.0146 7.7414 4.01233 8.0036C4.01005 8.2658 4.11084 8.5184 4.293 8.707L6.293 10.707C6.48053 10.8945 6.73484 10.9998 7 10.9998C7.26516 10.9998 7.51947 10.8945 7.707 10.707L11.707 6.707Z" fill="%2328A745"/></svg>');
}
.item .ri .cbutton .two {
  display: none;
}
.item .ri .cbutton .one {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #FFF;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.item .ri .cbutton .one .icon {
  height: 13px;
  width: 13px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M3.75 9.25H2.375C2.01033 9.25 1.66059 9.10513 1.40273 8.84727C1.14487 8.58941 1 8.23967 1 7.875V2.375C1 2.01033 1.14487 1.66059 1.40273 1.40273C1.66059 1.14487 2.01033 1 2.375 1H7.875C8.23967 1 8.58941 1.14487 8.84727 1.40273C9.10513 1.66059 9.25 2.01033 9.25 2.375V3.75M5.125 12H10.625C10.9897 12 11.3394 11.8551 11.5973 11.5973C11.8551 11.3394 12 10.9897 12 10.625V5.125C12 4.76033 11.8551 4.41059 11.5973 4.15273C11.3394 3.89487 10.9897 3.75 10.625 3.75H5.125C4.76033 3.75 4.41059 3.89487 4.15273 4.15273C3.89487 4.41059 3.75 4.76033 3.75 5.125V10.625C3.75 10.9897 3.89487 11.3394 4.15273 11.5973C4.41059 11.8551 4.76033 12 5.125 12Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.sc {
  border-radius: 10px;
  border: 1px solid #8D8D8D;
  background: #2C2C2C;
}
.sc input[type=number] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid transparent !important; /*
border-radius: 4px;
font-size: 16px;
background-color: white;*/
  background-color: transparent;
  color: #8D8D8D;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-image: url(/images/searchicon.svg?20d9eaddd62223fc921aee330058d471);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}
.sc input[type=number] :focus {
  border: 1px solid #8D8D8D !important;
}

.h8 {
  display: grid;
  grid-template-columns: 20px 1fr 43.433px;
  width: 100%;
  align-items: center;
  margin: 1.5rem 0rem;
}
.h8 .back {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.70703 16.707C9.5195 16.8945 9.26519 16.9998 9.00003 16.9998C8.73487 16.9998 8.48056 16.8945 8.29303 16.707L2.29303 10.707C2.10556 10.5195 2.00024 10.2652 2.00024 10C2.00024 9.73485 2.10556 9.48054 2.29303 9.29301L8.29303 3.29301C8.48163 3.11085 8.73423 3.01006 8.99643 3.01234C9.25863 3.01461 9.50944 3.11978 9.69485 3.30519C9.88026 3.4906 9.98543 3.74141 9.9877 4.00361C9.98998 4.26581 9.88919 4.51841 9.70703 4.70701L5.41403 9.00001H17C17.2652 9.00001 17.5196 9.10537 17.7071 9.2929C17.8947 9.48044 18 9.73479 18 10C18 10.2652 17.8947 10.5196 17.7071 10.7071C17.5196 10.8947 17.2652 11 17 11H5.41403L9.70703 15.293C9.8945 15.4805 9.99982 15.7348 9.99982 16C9.99982 16.2652 9.8945 16.5195 9.70703 16.707Z" fill="%230D99FF"/></svg>');
}
.h8 .site {
  color: #FFF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.h8 .logo {
  width: 43.433px;
  height: 37px;
  flex-shrink: 0;
}
.h8 .logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}

.fi {
  max-height: 316px;
  height: 316px;
  min-width: 190px;
}
.fi img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

div.scroll-container { /*
background-color: #333;*/
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
  display: flex;
  gap: 1rem;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
div.scroll-container .sc-item {
  max-height: 316px;
  height: 316px;
  min-width: 290px;
}
div.scroll-container .sc-item img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  padding: 10px;
}
div.scroll-container ::-webkit-scrollbar {
  display: none;
}

.sum {
  margin: 1rem 0rem;
  padding: 0.5rem;
}
.sum .title {
  color: #FFF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.sum .price {
  color: #0D99FF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.sum .fas {
  color: orange;
}
.sum .far {
  color: white;
}

.features {
  padding: 1rem;
  border-radius: 11px;
  border: 1px solid rgba(141, 141, 141, 0.25);
  background: #242424;
}
.features .h1 {
  color: #FFF;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 14px;
}
.features .ul {
  color: #D4D4D4;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: transparent; /* #fefefe*/
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1200px;
  /*
  display:flex;
  align-items:center;
  justify-content:center;*/
  height: calc(100vh - 150px);
  /* The Close Button */
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* On hover, add a black background color with a little bit see-through */
}
.modal-content .close {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
}
.modal-content .close :hover,
.modal-content .close :focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.modal-content .prev,
.modal-content .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-content .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.modal-content .prev:hover,
.modal-content .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.mySlides {
  display: none;
  height: 100%;
}
.mySlides img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

body {
  background: #000;
}

.content {
  max-width: 100%;
  margin: auto;
}