/* ==========================================
   بخش اصلی صفحه
========================================== */

.vasat{

    display:block;

    margin:0 10px;

    padding:20px;

    background:lightgreen;

}


/* ==========================================
   باکس‌ها
========================================== */

.book-box{

    width:100%;

    margin-bottom:20px;

    padding:22px;

    background:#ffffff;

    border:1px solid #dcdcdc;

    border-right:6px solid #1565c0;

    border-radius:12px;

    box-sizing:border-box;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

    transition:all .3s ease;

}

.book-box:hover{

    transform:translateY(-4px);

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}


/* ==========================================
   رنگ هر پایه
========================================== */

.book7{

    border-right-color:#4CAF50;

}

.book8{

    border-right-color:#2196F3;

}

.book9{

    border-right-color:#FF9800;

}


/* ==========================================
   عنوان و دکمه
========================================== */

.book-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

}


/* ==========================================
   عنوان
========================================== */

.book-box h2{

    margin:0;

    color:#1565c0;

    font-size:24px;

}


/* ==========================================
   متن
========================================== */

.book-box p{

    margin-top:10px;

    margin-bottom:0;

    line-height:2;

    text-align:justify;

    color:#444;

    font-size:17px;

}


/* ==========================================
   دکمه دانلود
========================================== */

.btn-download{

    display:inline-block;

    padding:12px 22px;

    background:#1976d2;

    color:#ffffff;

    text-decoration:none;

    font-weight:bold;

    border-radius:8px;

    white-space:nowrap;

    transition:all .3s ease;

}

.btn-download:hover{

    background:#0d47a1;

    color:#ffffff;

}

.book-box h2{
    display:flex;
    align-items:center;
    gap:10px;
}

.btn-download{
    min-width:180px;
    text-align:center;
}


/* ==========================================
   موبایل
========================================== */

@media (max-width:768px){

    .vasat{

        padding:12px;

    }

    .book-box{

        padding:18px;

    }

    .book-header{

        flex-direction:column;

        align-items:stretch;

        gap:15px;

    }

    .book-box h2{

        font-size:21px;

    }

    .book-box p{

        font-size:16px;

    }

    .btn-download{

        width:100%;

        text-align:center;

        box-sizing:border-box;

    }

}