
    /* Hero Section */
    .ms-hero {
        background: linear-gradient(to right, #ffecd2, #fcb69f);
        padding: 80px 20px;
        text-align: center;
        font-family: 'Noto Serif Bengali', serif;
        color: #2c2c2c;
        animation: fadeInDown 1s ease;
    }

    .ms-hero h1 {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }

    .ms-hero p {
        font-size: 1.2rem;
        max-width: 600px;
        margin: auto;
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Books Section */
    .ms-books {
        padding: 40px 20px;
        background-color: #fff;
    }

    .ms-book-card a {
        text-decoration: none;
    }

    .ms-books h2 {
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Noto Serif Bengali', serif;
        font-size: 2rem;
        color: #333;
    }

    .ms-book-card {
        background: #fdfdfd;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        padding: 15px;
        text-align: center;
        margin-bottom: 20px;
        transition: transform 0.3s ease;
        font-family: 'Noto Serif Bengali', serif;
    }

    .ms-book-card:hover {
        transform: translateY(-5px);
    }

    .ms-book-card img {
        width: 200px;
        height: 250px;
        object-fit: cover;
        border-radius: 8px;
    }

    .ms-book-title {
        margin-top: 10px;
        font-size: 1.1rem;
        color: #222;
    }

    .ms-book-price {
        color: #007bff;
        margin: 5px 0;
        font-weight: bold;
    }

    .ms-book-btn {
        background-color: #28a745;
        color: white;
        border: none;
        padding: 6px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
        transition: background-color 0.3s ease;
    }

    .ms-book-btn:hover {
        background-color: #218838;
    }

@media screen and (max-width: 480px) {

   .ms-book-card img{
        width: 125px;
        height: auto;
   }
}
