.top-label {
  width: 100%;
  background-color: #8266d4;
  height: 35px;
  font-weight: 500;
}
.top-label * {
  color: #141313;
  font-family: inherit;
}

.top-label-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 0 auto;
  height: 100%;
  align-items: center;
}
.top-label-row .col-8 {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.top-label-row .col-2 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.top-label-left {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.top-label-center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.top-label-right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

body {
    font-family: "Truculenta", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
      margin:0%;
  }
  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #141313;
    color:#f0f0f0;
  }
  
  .logo {
    height: 50px;
  }

  .nav-links {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    color:#f0f0f0;
  }
  
  .nav-links li {
    margin: 0 10px;
    color:#f0f0f0;
  }
  
  li a {
    text-decoration: none;
    color:#f0f0f0;
  }
  
  .left-logos {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .left-logos li {
    margin: 0 5px;
  }

  .image-scroller {
    overflow: hidden;
    width: 100%;
    height: 500px;
    position: relative;
  }
  
  .image-scroller img {
    width: 100%; 
    height: auto;
    object-fit: contain; 
    position: absolute;
    opacity: 0; 
    transition: opacity 0.5s ease-in-out;

  }
  
  .image-scroller img.active {
    opacity: 1; 
  }
  
  @keyframes slide-show {
    0% { transform: translateX(0); }
    25% { transform: translateX(-100%); } 
    50% { transform: translateX(-200%); }
    75% { transform: translateX(-300%); }
    100% { transform: translateX(-400%); }
  }
  
  
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 18px;
    border: none;
  }
  
  .prev { left: 10px; }
  .next { right: 10px; }

  .subscribe-form {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
  }
  
  .subscribe-form input[type="email"] {
    padding: 10px;
    border: 1px solid #141313;
    border-radius: 3px; 
    flex-grow: 1; 
  }
  
  .subscribe-form input[type="submit"] {
    padding: 10px 20px;
    background-color:#141313;
    color: white;
    border: none;
    border-radius: 3px; 
    cursor: pointer;
  }
  .sub{
    justify-content: center;
    display: flex;
    align-items: center;
    background-color: #8266d4;
    font-size: large;
  }
  .info{
    justify-content: center;
    display: flex;
    align-items: center;
    background-color: #a899d6;
    font-size: large;
  }
  .in{
    margin:60px;
  }

  .ho a:hover{
    color:#8266d4;
  }

  .info a{
    text-decoration: none;
    color:#141313;
  }
  .banner {
    padding: 20px;
    text-align: center;
  }
  
   h2 {
    font-family: "Truculenta", sans-serif;
    background-color:#8266d4;
    font-size: 30px;
    padding:30px;
    font-style:#141313;
    margin:0;
  }
  h2 a {
    text-decoration: none;
    color:#141313;
  }
  
  .banner p {
    margin-bottom: 20px;
  }
  
  .products {
    background-image:url(wallpaper.jpg);
    padding: 30px;
    display: flex;
    flex-wrap:nowrap;
    margin:0px;
    justify-content: space-between;
    overflow-x: scroll;
    scroll-behavior:smooth;
    position: relative;
  }
  .products::-webkit-scrollbar{
    display:none;
  }
  .product-card {
    color:#141313;
    flex: 0 0 auto;
    width: 35%;
    background: radial-gradient(circle at center, #d2b48c 0%, #d2b28b 70%, #4e4335 100%); /* Vintage paper gradient */
    box-shadow: 0 0 5px rgba(0, 0, 0, 1);
    margin-bottom:10px;
    padding: 20px;
    text-align: center;
    border-radius:10px;
  
  }
  .prev1, .next1 {
    border:none;
    width:5vw;
    position: absolute;

    height:10%;
    top: 50%;
    transform: translateY(-50%);

    display:flex;
    justify-content: center;
    align-items:center;
    cursor: pointer;
    background-color: rgba(251, 251, 251, 0.5);
    z-index: 1;
}
.prev1 i,.next1 i{
  opacity:0.5;
}
.prev1:hover i,.next1:hover i{
  opacity:1;
}

.prev1 {
    left: 0;

}

.next1 {
    right: 0;

}
  .product-card button{
    background-color:#d2b48c;
    padding:10px;
    border-radius:10px;
    border-style:dashed;
    font-family: "Truculenta", sans-serif;
    font-weight:600;
    margin-top:30px;
    margin-bottom:10px;
  }
  .product-card button p{
    margin:10px;
    font-size:medium;
    display:inline;
  }
  .product-card img {
    width: 70%;
    height:60%;
    border-radius:10px;
    margin-bottom: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    overflow:hidden;
    position:relative;

  }
  
  .product-card p {
    font-family: "Truculenta", sans-serif;
    font-size:x-large;
    font-weight: 600;
    margin:0px;

  }
  .master-container {
    display: grid;
    grid-template-columns: auto;
    gap: 5px;
justify-content: center;  
align-items:center;
width:100%;
}

  .card {
    width: 400px;
    background: #FFFFFF;
    box-shadow: 0px 187px 75px rgba(0, 0, 0, 0.01), 0px 105px 63px rgba(0, 0, 0, 0.05), 0px 47px 47px rgba(0, 0, 0, 0.09), 0px 12px 26px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  }
  
  .title {
    width: 100%;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-bottom: 1px solid #efeff3;
    font-weight: 700;
    font-size: 11px;
    color: #63656b;
  }
  
  /* cart */
  .cart {
    border-radius: 19px 19px 7px 7px;
  }
  
  .cart .products {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }
  
  .cart .products .product {
    display: grid;
    grid-template-columns: 60px 1fr 80px 1fr;
    gap: 10px;
  }
  
  .cart .products .product span {
    font-size: 13px;
    font-weight: 600;
    color: #edeef1;
    margin-bottom: 8px;
    display: block;
  }
  
  .cart .products .product p {
    font-size: 11px;
    font-weight: 600;
    color: #eaecf1;
  }
  
  .cart .quantity {
    height: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: auto;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 7px;
    filter: drop-shadow(0px 1px 0px #efefef)
      drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5));
  }
  
  .cart .quantity label {
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
    font-size: 15px;
    font-weight: 700;
    color: #47484b;
  }
  
  .cart .quantity button {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: none;
    background-color: transparent;
    padding-bottom: 2px;
  }
  
  .card .small {
    font-size: 15px;
    margin: 0 0 auto auto;
  }
  
  .card .small sup {
    font-size: px;
  }
  
  /* coupons */
  .coupons {
    border-radius: 7px;
  }
  
  .coupons form {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: 10px;
    padding: 10px;
  }
  
  .input_field {
    width: auto;
    height: 36px;
    padding: 0 0 0 12px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #e5e5e5;
    filter: drop-shadow(0px 1px 0px #efefef)
      drop-shadow(0px 1px 0.5px rgba(239, 239, 239, 0.5));
    transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);
  }
  
  .input_field:focus {
    border: 1px solid transparent;
    box-shadow: 0px 0px 0px 2px #242424;
    background-color: transparent;
  }
  
  .coupons form button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 10px;
    width: 100%;
    height: 36px;
    background: linear-gradient(180deg, #4480FF 0%, #115DFC 50%, #0550ED 100%);
    box-shadow: 0px 0.5px 0.5px #EFEFEF, 0px 1px 0.5px rgba(239, 239, 239, 0.5);
    border-radius: 5px;
    border: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #ffffff;
  }
  
  /* Checkout */
  .checkout {
    border-radius: 9px 9px 19px 19px;
  }
  
  .checkout .details {
    display: grid;
    grid-template-columns: 3fr 1fr;
    padding: 10px;
    gap: 5px;
  }
  
  .checkout .details span {
    font-size: 13px;
    font-weight: 600;
  }
  
  .checkout .details span:nth-child(odd) {
    font-size: 11px;
    font-weight: 700;
    color: #707175;
    margin: auto auto auto 0;
  }
  
  .checkout .details span:nth-child(even) {
    font-size: 13px;
    font-weight: 600;
    color: #47484b;
    margin: auto 0 auto auto;
  }
  
  .checkout .checkout--footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 20px;
    background-color: #efeff3;
  }
  
  .price {
    position: relative;
    font-size: 22px;
    color: #2B2B2F;
    font-weight: 900;
  }
  
  .price sup {
    font-size: 13px;
  }
  
  .price sub {
    width: fit-content;
    position: absolute;
    font-size: 11px;
    color: #5F5D6B;
    bottom: 5px;
    display: inline-block;
  }
  
  .checkout .checkout-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 36px;
    background: linear-gradient(180deg, #4480FF 0%, #115DFC 50%, #0550ED 100%);
    box-shadow: 0px 0.5px 0.5px #EFEFEF, 0px 1px 0.5px rgba(239, 239, 239, 0.5);
    border-radius: 7px;
    border: 0;
    outline: none;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.15, 0.83, 0.66, 1);
  }
  /* new-styles.css */

/* New Arrivals Card */
.new-arrivals-card {
  width: 100vw;
  background-color: #8266d4;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Example shadow */
  border-radius: 0; /* Remove border radius */
  padding: 20px; /* Example padding */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* New Arrivals Title */
.new-arrivals-title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 20px; /* Example margin */
}

/* New Arrivals Products */
.new-arrivals-products {
  width: 100vw;
  max-width: 800px; /* Adjust as needed */
  margin: 20px auto; /* Example margin */
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Display 5 products in one row */
  gap: 10px; /* Example gap between products */
}

/* New Arrival Product */
.new-arrival-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Product Image */
.product-image {
  width: 70%;
  height:60%;
  border-radius:10px;
  margin-bottom: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  overflow:hidden;
  position:relative;
}

/* Product Name */
.product-name {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 5px; /* Example margin */
}

/* Product Price */
.product-price {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 5px; /* Example margin */
}

/* Add to Cart Button */
.add-to-cart-btn {
  background-color:#d2b48c;
    padding:10px;
    border-radius:10px;
    border-style:dashed;
    font-family: "Truculenta", sans-serif;
    font-weight:600;
    margin-top:30px;
    margin-bottom:10px;
  transition: background-color 0.3s ease; /* Example transition */
}

.add-to-cart-btn:hover {
  background-color: #9f8869; /* Example hover color */
}