/* AI CODE START */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Noto Sans Bengali', sans-serif;}
body{background:#f5f5f5;color:#333;scroll-behavior:smooth;}
header{background:green;color:white;padding:20px;text-align:center;}
header h1{font-size:2rem;margin-bottom:5px;}
header p{font-size:1rem;}
.container{max-width:1200px;margin:20px auto;padding:0 20px;}
.product-section{display:flex;flex-wrap:wrap;gap:20px;background:white;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.product-image{flex:1 1 300px;text-align:center;}
.product-image img{max-width:100%;border-radius:10px;}
.product-details{flex:1 1 400px;display:flex;flex-direction:column;justify-content:center;}
.product-details h2{color:#2c7a7b;margin-bottom:15px;}
.product-details p{margin-bottom:10px;line-height:1.5;}
.price{font-size:1.5rem;font-weight:bold;margin:10px 0;color:#d53f8c;}
.delivery{font-size:0.95rem;margin-bottom:20px;}
.buttons{display:flex;gap:10px;flex-wrap:wrap;}
.btn-order,.btn-whatsapp{padding:12px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:0.3s;}
.btn-order{background:#d53f8c;color:white;}
.btn-order:hover{background:#b83270;}
.btn-whatsapp{background:#25D366;color:white;}
.btn-whatsapp:hover{background:#1ebe5d;}
.benefits,.how-to-use,.order-form{margin-top:30px;background:#e6fffa;padding:20px;border-radius:10px;}
.benefits h3,.how-to-use h3,.order-form h3{color:#2c7a7b;margin-bottom:15px;}
.benefits ul{padding-left:20px;column-count:2;column-gap:30px;}
.benefits ul li,.how-to-use ol li{margin-bottom:10px;}
.how-to-use ol{padding-left:20px;}
.order-form form{display:flex;flex-direction:column;gap:10px;}
.order-form input,.order-form textarea,.order-form select{padding:10px;border-radius:5px;border:1px solid #ccc;width:100%;}
.order-form button{background:#d53f8c;color:white;padding:12px;border:none;border-radius:5px;cursor:pointer;transition:0.3s;}
.order-form button:hover{background:#b83270;}
footer{text-align:center;padding:20px;margin-top:30px;background:#2c7a7b;color:white;border-radius:10px 10px 0 0;}
@media(max-width:768px){
  .product-section{flex-direction:column;text-align:center;}
  .product-details{align-items:center;}
  .benefits ul{column-count:1;}
}

/* AI CODE END */

.logo {
    width: 100px;
    border-radius: 100%;
}
/* Container for spacing */
.how-to-use-section .container {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 20px;
}

/* Flex layout for text and videos */
.how-to-use {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
}

/* Text section */
.useDetails {
  flex: 1 1 50%;
}

.useDetails h3 {
  color: #2c7a7b;
  margin-bottom: 15px;
}

.useDetails p {
  line-height: 1.6;
  color: #333;
}

/* Video section */
.use-video {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 10px;
}
.useDetails img {
    width: 100%;
}

/* Responsive: stack vertically on smaller screens */
@media (max-width: 768px) {
  .how-to-use {
    flex-direction: column;
  }
  .use-video {
    width: 100%;
  }
}