.mybooks{ width: 100%; padding:0 5px; margin-top: 60px; } .mybooks-title{ width: 100%; direction: rtl; font-size: 25px; font-weight: bold; color: #5DC964; } .mybooks-tabs{ width: 100%; display: flex; align-items: center; direction: rtl; margin-top: 10px; } .mybooks-tabs-item{ width: 50%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; } .mybooks-tabs-item1{ border-radius: 0 5px 5px 0; border: 1px solid #418f46; background-color: white; color: #5DC964; } .mybooks-tabs-item2{ border-radius: 5px 0px 0px 5px; border: 1px solid #418f46; background-color: #5DC964; color: white; } .mybooks-line{ width: 100%; height: 1px; background-color: rgb(201, 199, 199); margin-top: 15px; } .mybooks-main-content{ width: 100%; margin-top: 15px; } .mybooks-main-content-item{ width: 100%; } .mybooks-main-content-row1{ width: 100%; display: flex; justify-content: space-between; direction: ltr; padding: 15px 0; border-bottom: 1px solid rgb(201, 199, 199); } .mybooks-main-content-row1-img-container{ width: 25%; height: auto; border-radius: 5px; overflow: hidden; } .mybooks-main-content-row1-img{ width: 100%; height: 100%; } .mybooks-main-content-row1-text{ width: 80%; } .mybooks-main-content-row1-text-name, .mybooks-main-content-row1-text-activation-date, .mybooks-main-content-row1-text-activation-code{ width: 100%; font-size: 16px; margin-bottom: 10px; }