.menu {
    color: var(--dark, #222831);
    text-align: left;
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 120%;
    font-weight: 600;
    position: relative;
  }

  .productRadius{
    border-radius: 45px;
  }

  .frame-7 {
    background: var(--primary, #5d50c6);
    border-radius: 98.62px;
    padding: 15.78px 31.56px 15.78px 31.56px;
    display: flex;
    flex-direction: row;
    gap: 7.89px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    box-shadow: 0px 3px 7px 0px rgba(119, 47, 217, 0.1),
      0px 13px 13px 0px rgba(119, 47, 217, 0.09),
      0px 29px 17px 0px rgba(119, 47, 217, 0.05),
      0px 52px 21px 0px rgba(119, 47, 217, 0.01),
      0px 81px 23px 0px rgba(119, 47, 217, 0);
  }
  .sign-up {
    color: var(--light, #eeeeee);
    text-align: left;
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 13.806412696838379px;
    line-height: 120%;
    font-weight: 600;
    position: relative;
  }
  .frame-6 {
    background: var(--white, #ffffff);
    border-radius: 98.62px;
    padding: 15.78px 31.56px 15.78px 31.56px;
    display: flex;
    flex-direction: row;
    gap: 7.89px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
  }
  .log-in {
    /* color: var(--dark, #222831); */
    text-align: left;
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 13.806412696838379px;
    line-height: 120%;
    font-weight: 600;
    position: relative;
  }
  .rectangle-4417 {
    background: rgba(61, 159, 251, 0.18);
    width: 311.63px;
    height: 304.73px;
    position: absolute;
    left: 556.2px;
    top: 162.72px;
    filter: blur(98.62px);
  }
  .pact-10 {
    background: linear-gradient(118.22deg, rgba(146, 0, 114, 1) 0%, rgba(232, 83, 146, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 3rem; /* Adjust font size as needed */
    font-weight: 600;
    margin-bottom: 1rem; /* Added margin for spacing */
}

.pact-description {
    color: rgba(25, 24, 37, 0.75);
    font-family: "Poppins-Regular", sans-serif;
    font-size: 1.5rem; /* Adjust font size as needed */
    font-weight: 400;
    margin-bottom: 2rem; /* Added margin for spacing */
}

.product {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    margin-bottom: 30px;
    padding: 20px;
}

.product img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
}

.product h5 {
    margin: 15px 0 10px;
    font-size: 18px;
}

.product p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.price-tag {
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 16px;
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 20px;
    font-size: 16px;
    padding: 5px 15px;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
}

.product:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}           

.viewBtn {
    background: var(--primary, #5d50c6);
    border-radius: 98.62px;
    /* padding: 15.78px 31.56px 15.78px 31.56px; */
    display: flex;
    flex-direction: row;
    gap: 7.89px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    box-shadow: 0px 3px 7px 0px rgba(119, 47, 217, 0.1),
      0px 13px 13px 0px rgba(119, 47, 217, 0.09),
      0px 29px 17px 0px rgba(119, 47, 217, 0.05),
      0px 52px 21px 0px rgba(119, 47, 217, 0.01),
      0px 81px 23px 0px rgba(119, 47, 217, 0);
  }

  .navbar-nav .nav-link.menu {
    font-family: "Poppins-SemiBold", sans-serif;
}

/* Centering the navbar content */
.navbar-nav {
    flex: 1;
    /* Grow to fill the available space */
    justify-content: center;
    /* Center the content horizontally */
}

/* Adjusting padding for the container */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.rectangle {
    display: inline-block;
    height: auto;
    border: 5px solid #80a3ef;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(107, 137, 244, 0.5);
    padding: 0 20px;
    margin: 10px;
    /* Adjust the padding as needed */
}

.hashtag {
    padding: 2px;
    align-items: center;
}
.mainDiv{
    padding: 0 20px;
}

#footer {
    position: sticky;
    bottom: 0;
    width: 100%;
}


.contact-card {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 30px;
    margin-bottom: 20px;
  }
  .form-container {
    padding: 20px;
  }
  .form-group {
    margin-bottom: 20px;
  }
  .submit-btn {
    margin-top: 10px;
  }
  .contact-image-card {
    background-color: white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
  }
  .contact-image {
    max-width: 100%;
    height: auto;
  }
  .icon-blue {
    color: #5d50c6; /* Your desired blue color */
}

.custom-span {
    font-family: 'Poppins', sans-serif; /* Poppins font-family */
}
.shop-items {
  font-family: 'Poppins', sans-serif; /* Poppins font-family */
  font-size: 10px;
  font-weight: 600;
}

body {
    font-family: 'Poppins', sans-serif;
}
.main-container {
    display: flex;
}
.left-section, .right-section {
    width: 50%;
    padding: 20px;
}
.image-container {
  max-height: 300px;
  max-width: 600px;
  overflow: auto;  /* Enable scrolling within the container */
}
.product-image {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}
.product-name {
    font-size: 20px;
    margin-top: 20px;
}
.product-dimensions {
    font-size: 18px;
    color: #888;
    margin-top: 10px;
}
.product-price {
    font-size: 20px;
    font-weight: bold;
}
.quantity-select {
    margin-top: 10px;
}
.description-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;
}
.add-to-cart-btn {
    background-color: #5d50c6;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
    display: block;
    margin: 0 auto;
}
.back-to-shopping {
    text-align: center;
    margin-top: 20px;
}
.custom-select .form-control {
    width: 100%;
}
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    margin-top: 20px;
}

.heading {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.product-table {
    width: 100%;
    border-collapse: collapse;
}

.product-table th,
.product-table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.product-table th {
    text-align: left;
}

.product-image {
    width: 1005;
    border-radius: 15px;
    height: 100%;
    object-fit: cover;
    max-width: 600px;
    max-height: 300px;
}

/* .product-image {
    width: 100%;
    height: 100%;
    
} */
.remove-button {
    color: #5d50c6;
    text-decoration: underline;
    cursor: pointer;
}

.add-coupon-btn {
    margin-top: 20px;
}

.subtotal,
.total {
    font-weight: 600;
}

.checkout-btn {
    margin-top: 20px;
    width: 100%;
    background-color: #5d50c6;
}
.quantity-change {
    cursor: pointer;
}

.quantity-change {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    margin: 0 5px;
}

.quantity {
    font-size: 18px;
}



/* formCard {
    width: 100%;
    max-width: 400px;
    margin: auto;
  } */
  /* input[type="text"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"] {
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  } */
  #card-element {
    border: 1px solid #5d50c6; /* Change the color here */
    border-radius: 4px;
    padding: 10px;
  }
  #card-errors {
    color: red;
  }
  .paymentButton {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
  }
  button:hover {
    background-color: #45a049;
  }

  .dropdown-menu {
    min-width: 250px;
  }

  .section-testimonials,
    .section-testimonials * {
      box-sizing: border-box;
    }

    .section-testimonials {
      position: relative;
    }

    .bg {
      background: rgba(86, 178, 128, 0.1);
      width: 100%;
      height: 601px;
      position: absolute;
      left: 0;
      top: 0;
    }

    .stars {
      width: 146px;
      height: 24px;
      margin: 20px auto;
      /* Add margin */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .dummy-photo {
      width: 100px;
      height: 100px;
      background-color: #f7f8fa;
      border-radius: 50%;
      margin: 0 auto 20px;
      /* Add margin */
      box-shadow: 0px 3.36px 20.16px 0px rgba(139, 167, 178, 0.16);
    }


    .card-testimonial {
      width: 100%;
      height: 100%;
      position: relative;
      border-radius: 6px;
      background-color: #ffffff;
      box-shadow: 0px 4px 24px 0px rgba(139, 167, 178, 0.16);
    }

    .title {
      color: #1d293f;
      text-align: center;
      font-family: "Poppins-Medium", sans-serif;
      font-size: 22px;
      line-height: 28.8px;
      font-weight: 500;
      padding: 20px;
    }

    .stars {
      width: 146px;
      height: 24px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .star {
      fill: #56B280;
    }

    .bg3 {
      background: #f7f8fa;
      border-radius: 50%;
      width: 35px;
      height: 39px;
      position: absolute;
      left: 50%;
      bottom: -20px;
      transform: translateX(-50%);
      box-shadow: 0px 3.36px 20.16px 0px rgba(139, 167, 178, 0.16);
    }

    .section-text {
      text-align: center;
      padding-top: 50px;
      margin-bottom: 50px;
    }

    .description {
      color: #5e6e89;
      font-family: "Poppins-Medium", sans-serif;
      font-size: 18px;
      line-height: 27.6px;
      font-weight: 500;
      margin-bottom: 20px;
    }

    .title-h-2 {
      color: #0b254b;
      font-family: "Poppins-Medium", sans-serif;
      font-size: 40px;
      line-height: 57.6px;
      font-weight: 500;
      margin-bottom: 50px;
    }

    .dummy-photo {
      width: 100px;
      height: 100px;
      background-color: #f7f8fa;
      border-radius: 50%;
      margin: 0 auto 20px;
      box-shadow: 0px 3.36px 20.16px 0px rgba(139, 167, 178, 0.16);
    }

    .ratings{
        padding: 20px 0px 20px 0px;
    }
    
    .button-container {
      display: flex; /* Align buttons horizontally */
      justify-content: space-between; /* Distribute buttons evenly */
    }
    
    img.img-fluid {
      max-width: 100%;
      height: auto;
  }