* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.section-product-details {
    display: block;
    margin-top: 30px;
}

.container {
    margin-left: 23%;
    margin-right: 23%;
}

.frame-product-details {
    padding: 15px;
    background: #f5bb3e13;
    box-shadow: 0 0 15px #00000328;
    border-radius: 5px;
}

.box-product {
    display: flex;
    margin-bottom: 20px;
}

.img-box {
    width: 20rem;

    margin-right: 10px;
    
    border-radius: 6px;
    overflow: hidden;
}

.img-box img {
    width: 100%;
    height: 20rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 10px #00000394;

}

.box-h3-p-buttom {
    padding: 5px;

}

.title-h3 {
    width: 40rem;
    color: #000003c2;
    margin-bottom: 30px;
    
}

.title-h3 h3 {
    color: #361c1cf3;
}

.title-h3 strong {
    color: #0000039a;
}

.title-h3 p {
    color: rgba(230, 166, 28, 0.849);
    font-weight: 600;
    font-size: 13px;
    margin-top: 10px;
}

.text-p {
    padding: 10px 10px;
    color: rgba(248, 5, 5, 0.884);

    background: #00000318;
}

.text-p p {
    font-size: 18px;

}

.box-bottom {
    display: flex;
    margin-top: 30px;
    gap: 20px;
    padding: 10px 0;
}

.input-number {
    width: 120px;
    padding: 8px 12px;
    font-size: 14px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: 0.3s;
}

.button-submit {
    width: 150px;
    background: rgba(236, 121, 80, 0.377);
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 15px #00000328;
    cursor: pointer;
}

.button-submit:hover {
    background: rgba(236, 122, 80, 0.555);
    transition: 0.3s;
}

.box-product-details {
    white-space: normal;
    padding: 10px 0;
    justify-content: center;

}

.title-h {
    text-align: center;
    padding: 10px;
    width: 130px;
    margin-bottom: 50px;
    background: transparent;
    border: #ffd903 1px solid;
    transform: translateX(280%);
}

.title-h h2 {
    color: #ffd903;
    font-size: 18px;
}

 .box-text p strong {
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      color: #333;
      border-left: 4px solid #ff7043;
      padding-left: 8px;
    }
    .box-text p.description {
      background: #f1f8e9;
      padding: 12px 16px;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      margin-top: 10px;
      line-height: 1.6;
    }