.ratingheader {
    width: 98%;
    margin: 0 auto;
    padding: 10px 0px;
    display: flex;
    gap: 25px;
}

.productin {
    padding: 0px 10px !important;
}

.rating,
.insight {
    width: fit-content;
    height: fit-content;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #444444;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.centerdiv {
    width: fit-content;
    display: flex;
    justify-content: center;
    gap: 4px;
    align-items: center;
}

.rating .centerdiv .leaf {
    transform: rotatey(178deg);
}

.rating .centerdiv .leaf2 {
    transform: rotateY(1deg);
}


.shopFlexLeftnew {
    width: 45%;
    /* background-color: #f8f8f8; */
    border-radius: 10px;
}

/* image box css */

.imagepre {
    /* max-width: 80% !important; */
    max-height: 310px !important;
    display: block;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 10px;
}

.coroselimg {
     width: 100%; 
    height: auto;
    display: flex;
    /* flex-direction: column; */
    margin: 2px 0px;
    border-radius: 10px;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 5px;

}

.miniimg {
    min-width: 60px;
    max-height: 60px;
    object-fit: contain;
    border-radius: 10px;
    margin: 0px 5px;
    cursor: pointer;
    border: 2px solid #afafaf;
    background: #fff;
}
.miniimg.active{
    border: 2px solid #0e3989 !important;
}

.pricefont {
    font-size: 18px !important;
    
    font-weight: 700 !important;
}

@media (max-width: 991px) {

    .miniimg {
        width: 60px;
        height: 50px;
        margin: 0px 5px;
    }

    .coroselimg {
         width: 100%; 
        height: auto;
        display: flex;
        /* flex-direction: column; */
        margin: 2px 0px;
        border-radius: 10px;
        overflow-x: scroll;
        scrollbar-width: none;
        white-space: nowrap;
        box-sizing: border-box;
        /* position: absolute;
        top: 10px;
        left: 0px; */

    }

}

@media (max-width:767px) {
    .coroselimg {
         width: 100%; 
        height: auto;
        display: flex;
        gap: 10px;
        /* flex-direction: column; */
        margin: 2px 0px;
        border-radius: 10px;
        overflow-x: scroll;
        scrollbar-width: none;
        white-space: nowrap;
        box-sizing: border-box;
        /* position: absolute;
        top: 10px;
        left: 0px; */
    }
}

@media (max-width:590px) {
    .coroselimg {
         width: 100%; 
        height: auto;
        display: flex;
        gap: 10px;
        /* flex-direction: column; */
        margin: 2px 0px;
        border-radius: 10px;
        overflow-y: scroll;
        scrollbar-width: none;
        white-space: nowrap;
        box-sizing: border-box;
        /* position: absolute;
        top: 10px;
        left: 0px; */
    }

    .shopProductName {
        font-size: 20px !important;
    }

    .price p {
        font-size: 14px !important;
    }

    .dosage b {
        font-size: 12px !important;
    }

    .mobilePrice {
        font-size: 12px !important;
    }

    .newProductPrice {
        font-size: 15px !important;
    }

    .shopInformation {
        padding: 20px;
        display: flex;
        height: 100%;
        flex-direction: column;
        margin-left: 0px !important;
    }

    .productin {
        padding: 0px 0px !important;
        margin-top: 15px !important;
    }

    .centerdiv p {
        font-size: 10px !important;
    }

    .ratingheader {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 5px;
    }
    .shopImagePreview img {

        height: 245px !important;
        object-fit: contain;
    }
    .buybuy{
    margin: auto 10px;
    background: #118813;
    padding: 12px 12px !important;
}
.coroselimg {
     width: 100%; 
    height: auto;
    display: flex;
    /* flex-direction: column; */
    margin: 2px 0px;
    border-radius: 10px;
    overflow-x: scroll;
    scrollbar-width: none;
    white-space: nowrap;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;

}
}

@media (max-width:399px) {
    .coroselimg {
         width: 100%; 
        height: auto;
        display: flex;
        gap: 10px;
        /* flex-direction: column; */
        margin: 2px 0px;
        border-radius: 10px;
        overflow-x: scroll;
        scrollbar-width: none;
        white-space: nowrap;
        box-sizing: border-box;
        /* position: absolute;
        top: 10px;
        left: 0px; */
    }
    .buybuy{
    margin: auto 10px;
    background: #118813;
    padding: 12px 12px !important;
}
    .centerdiv p {
        font-size: 9px !important;
    }

    .shopImagePreview img {

        height: 250px !important;
        object-fit: contain;
    }

    .price p {
        font-size: 14px !important;
    }

    .dosage b {
        font-size: 14px !important;
    }

    .mobilePrice {
        font-size: 14px !important;
    }

    .newProductPrice {
        font-size: 15px !important;
    }

    .rating, .insight {
    width: fit-content;
     height: fit-content; 
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #444444;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
}

@media (max-width:366px) {

    .pricendose {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        gap: 10px;
    }
    .leaf, .leaf2 {
        width: 17px !important;
        height: 17px !important;
    }
    .buybuy{
    margin: auto 10px;
    background: #118813;
    padding: 12px 12px !important;
}
.centerdiv p{
    font-size: 8px !important;
    text-align: center;
}
    .line {
        display: none;
    }
    #fi_3742162{
        width: 17px !important;
        height: 17px !important;
    }
}


.shopImagePreview img {
    width: 100%;
    max-height: 325px;
    object-fit: contain;
}

/* .owl-item{
    width: 60px !important;
    
    margin-right: 0px !important;
} */

.productin {
    padding: 0px 10px;
}

.poppinspara {
    font-family: 'Poppins', sans-serif !important;
}

.pricendose {
    display: flex;
    align-items: center;
    gap: 10px;
}

.line {
    content: "";
    height: 15px;
    width: 1px;
    background-color: #000;
}



.discountPercentages{
    font-size: 10px !important;
    padding: 2px 8px;
    background: #aafac6;
    border-radius: 15px;
    color: #166635 !important;
}


.threequality{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #edf3fd;
    border-radius: 5px;
    margin-top: 10px;
    padding: 5px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 5px 8px 0px;
    border: 1px solid #0e3989;
}

.qualitybox{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 10px 5px;  
    width: 33%;
    gap:5px
}

.middle{
    border-left: 1px solid #a6d1ff;
    border-right: 1px solid #a6d1ff;
}

.qualityicon{
    display: flex;
    align-items: center;
}

@media (max-width:500px) {
    .qualitybox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 0px 5px;  
    width: 33%;
    gap:5px
}
.greenButton{
    margin: auto 10px;
    background: #118813;
    padding: 12px 12px !important;
}
.quickBuy{
    margin: auto 10px;
    padding: 12px 12px !important;
}

.newdesc{
    margin-top: 25px !important;
}

.threequality{
    margin-top: 20px !important;
}
.locationDiv{
    margin-top: 15px !important;
}
.mobilerow{
    margin-top: 15px !important;
}
.pricendose{
    margin-top: 10px !important;
}
.dosage{
    margin-top: 10px !important;
}

.co
}



.packsize{
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;

    overflow-x: scroll;
    scrollbar-width: none;
    
}

.packsize a button {
    width: max-content;
    margin: 0px !important;
    margin-top: 5px !important;
    
}


.desclaimer{
    font-size: 8px !important;
}

.reviewmain{
    margin-top: 25px;
}