body{
    background-color: rgb(131, 110, 111) !important;

}

.bg{
    background-color: rgb(94, 42, 68) !important;
}

.nav-item a{
    color: #ffffffc2 !important;
}

.nav-item .active{
    color: rgb(136, 99, 99) !important;
}



.product-info{
    margin-top: 6rem;
    display: flex;
    gap: 5vw;
    font-family: canela serif;
}

.product-info-image{
    width: 50vw;
    padding: 10vw;
}
.product-info-image img{
    width: 40vw;
    box-shadow: 0 0 10px 1px black;
}

.product-info-information{
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.product-info-information p{
    width: 30vw;
}

.product-info-accordion{
    width: vw;
    display: flex;
    flex-direction: column;
}

.product-info-accordion .accordion-item{
    border-bottom: 1px dotted !important;
    width: 30vw;
}

.accordion .accordion-item{
    background: transparent;
}

.accordion-button {
    background-color: transparent !important; /* Light gray background */
}

.accordion-button:focus {
    box-shadow: none !important; /* Remove the default outline */
}


.product-info-contact{
    padding: 10px;
    width: 12vw;
    margin-top: 3rem;
    background-color: rgb(76, 49, 62);
    border: none;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}
.product-info-contact a{
    text-decoration: none;
    color: aliceblue;
}

.product-info-contact:hover{
    background-color: rgb(40, 58, 58);
    transform: scale(1.2);
}



.question{
    background-color: rgb(39, 57, 40);
    color: #f3ede8;
    padding: 100px ;
    font-family: canela serif;
    font-size: 20px;
}
.sub-que{
    margin-left: 1rem;
}

.question .sub li{
    gap: 20px;
    list-style: square;
    
}


footer{
    background-color: rgb(94, 42, 68) !important;
}