.published{
    padding: 70px 0;
    .published_wrapper{
        padding-top: 40px;
    }
    .published_wrap{
           height: 385px;
           background-color: $white;
           border-radius: 10px;
           box-shadow: 0 1px 1px 1px rgba(0,0,0,.129);
           overflow: hidden;
           position: relative;
           margin-bottom: 20px;
           &:hover .pub_img img{
               transform: scale(1.1);
               transition: all linear .4s;
           }
          .pub_img{
            height: 200px;
            width: 100%;
            background-color: #f3f3f3;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            img{
                height: 100%;
                width: 100%; 
                object-fit: contain;
            }
          }
          .pub_content{
            padding: 10px 12px;
            text-align: center;
            h5{
                font-size: 20px;
                font-weight: 600;
                color: #333;
                line-height: 26px;
            }
            .writter{
               font-size: 18px;
               font-weight: 500;
               color: $primaryColor;
            }
            .ammount{
                font-size: 22px;
                font-weight: 700;
                color: #000;
                padding-top: 5px;
            }
            .buy_btn{
                height: 40px;
                width: 90%;
                background-color: #14a751;
                font-size: 15px;
                font-weight: 500;
                color: $white;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 6px;
                margin-top: 12px;
                cursor: pointer;
                position: absolute;
                bottom: 12px;
                left: 50%;
                transform: translateX(-50%);
                &:hover{
                    background-color: #24b862;

                }
            }
          }
    }
}
.section_head{
    display:flex;
    align-items: center;
    justify-content: space-between;
    h4{
        font-size: 24px;
        font-weight: 600;
        color: #333;
        line-height: 5px;
    }
    a{
        font-size: 18px;
        color: $primaryColor;
        font-weight: 500;
        cursor: pointer;
    }
}

.books{
    padding: 0 0 50px 0;

    .book_wrapper{
        padding-top: 30px;
        .book_wrap{
            height: auto;
            background-color: $white;
            border-radius: 10px;
            overflow: hidden;
            position: relative;
            padding: 10px;
            border: 1px solid #c3c3c367;
            margin-bottom: 20px;
            &:hover .pub_img img{
                transform: scale(1.1);
                transition: all linear .4s;
            }
           .book_img{
             height: 160px;
             width: 100%;
             background-color: #ffffff;
             display: flex;
             justify-content: center;
             align-items: center;
             overflow: hidden;
             img{
                 height: 100%;
                 width: 100%; 
                 object-fit: contain;
             }
           }
           .book_content{
             text-align: center; 
             padding-top: 10px;
             h5{
                 font-size: 17px;
                 font-weight: 500;
                 color: #000000;
                 line-height: 22px;
                 cursor: pointer;
             }
             .writter{
                font-size: 16px;
                font-weight: 600;
                color: $primaryColor;
             }
             .ammount{
                 font-size: 22px;
                 font-weight: 700;
                 color: #000;
                 padding-top: 5px;
             }
             .buy_btn{
                 height: 40px;
                 width: 90%;
                 background-color: #14a751;
                 font-size: 15px;
                 font-weight: 500;
                 color: $white;
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 border-radius: 6px;
                 margin-top: 12px;
                 cursor: pointer;
                 position: absolute;
                 bottom: 12px;
                 left: 50%;
                 transform: translateX(-50%);
                 &:hover{
                     background-color: #24b862;
 
                 }
             }
           }
     }
    }
}