.body-book{
    margin: 2rem 0rem;
}
.body-book .col-lg-4 img{
width: 100%;
pointer-events: none;
}
.body-book h3{
      text-align:center;
    margin-bottom: 2rem;
    font-size: 22px;
    font-weight: 500;
}
.body-book #tabs .tab {
    display: inline-block;
   
   margin: 0% 1.5rem 0% 0%;
    cursor: pointer;
    position: relative;
    z-index:5;
    background-color: #EEEFF0;
    border-radius: 12px;
    color: black;
    font-size: 14px;
    font-weight: 400;
    padding: 1rem 2rem;
}
.body-book #tabs .whiteborder {
   background-color: #119FFE;
  
   color: white;

}
.body-book #tabs .tabContent {
  
  
    position: relative;
   
    z-index:1;
    padding: 10px;
    margin-top: 1rem;
  
}
.body-book #tabs .tabContent label{
    font-size: 13px;
    font-weight: 400;
    margin-right: 1rem;
}
.body-book #tabs .tabContent p{
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: justify;
}.body-book #tabs .tabContent table{
    margin-top: 2rem;
}
.body-book #tabs .tabContent th, .body-book #tabs .tabContent td {
    padding-right: 4rem;
    font-size: 14px;
    padding-bottom: 0.5rem;
}
.body-book #tabs .hide {
    display: none;
}
.body-book #tabs .show {
    display: block;
}
.btn-all{
    background-color: #EEEFF0;
    border-radius: 12px;
    color: black;
    font-size: 14px;
    font-weight: 400;
    padding: 1rem 2rem;
  
}
.btn-all-add{
    background-color: #119FFE;
  
    color: white;
    border-radius: 12px;
   
    font-size: 14px;
    font-weight: 400;
    padding: 1rem 2rem;
    margin-left: 1rem;
}
.button-desc{
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}
.hero-book-text ul {
    list-style-type: none
}

.hero-book-text p {
    display: grid;
    grid-template-columns: 20px auto;
    justify-content: start;
    align-items: flex-start;
    line-height: 1.5;
}

.hero-book-text .fa-star {

    font-size: 1.5rem;
    color: #FFD500;
    margin-top: 0.6rem;

}

.hero-book-text p span {
    font-size: 2rem;
    color: black;
    vertical-align: middle;
    font-weight: 400;
    margin-left: 1.5rem;
}
@media (max-width:700px) {
    .row{
        padding-left: 0%;
        padding-right: 0%;
    }
   
    .text-success {
    color: #3c763d;
    text-align: center;
}
    .row .right-cart{
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .body-book .col-lg-4{
        text-align: center;
    }
    .body-book .col-lg-4 img{
        width: 50%;
        }
        .body-book h3 {
            margin-bottom: 2rem;
            margin-top: 2rem;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
       
        }
        .body-book .tab{
display:flow-root !important ;
margin: 0% 10% 3% 10%  !important;
text-align: center !important;
        }
        .body-book #tabs .tabContent p {
            
           text-align: justify;
    font-size: 1.4rem;
    ;}
            .button-desc {
             margin-top: 2rem;
    display: flex;
    /* column-gap: 10px; */
    justify-content: flex-start;
    flex-flow: row wrap;
    justify-content: center;
            }
            .btn-all, .btn-all-add{
                width:140px;
                margin-bottom:2rem;
                  margin-right:1rem;
                margin-left:0%;
                text-align: center;
            }
            .btn-all-add{
                margin-right:1rem;
                margin-left:0%;
                text-align: center;
            }
            .hero-book-text p span {
                font-size: 1.4rem;}
                .hero-book-text .fa-star {

                    font-size: 1.2rem;}
                    .body-book #tabs .tabContent table {
                     table-layout: fixed;
    margin: 0% 0% 0% 0%;
                     
                    }
                    .body-book #tabs .tabContent {
                       
                        padding: 0px;
                      
                    }
                    .body-book #tabs .tabContent th, .body-book #tabs .tabContent td {
   padding-right: 0.5rem;
    font-size: 13px;
    padding-bottom: 1rem !important;
    vertical-align: baseline;
}
#tabs .tabContent tbody td {
    padding-right: 0rem !important;
}
}