body {
    font-family: "Noto Sans Arabic", sans-serif;
    overflow-y: auto;
}
.myModal .modal-content {
    direction: rtl;
    background-color: aliceblue;
    background-image: url('/website/imgs/images.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.myModal h3 {
    font-size: 40px;
    font-weight: 700;
    color: #5c0f69;
    text-align: center;
}
.myModal p {
    font-size: 20px;
    color: #151515;
    font-weight: 600;
    margin: 35px 0;
    text-align: center;
}
.myModal .modal-body {
    padding: 20px 35px;
}
.myModal label {
    text-align: start;
    color: #661f73;
    font-weight: 600;
}
.input-field {
    border-radius: 5px;
    outline: none;
    border: 1px solid #5c0f69;
    padding: 10px;
}
.startGame {
    border-radius: 5px;
    outline: none;
    background-color: #5c0f69;
    padding: 10px;
    color: aliceblue;
    transition: .3s;
    display: block;
    margin: auto;
}
.startGame:hover {
    background-color: #5c0f69ce;
    color: aliceblue;
}
/* .game_btn{
    border: none;
    background-image: linear-gradient(0deg, #413b77, #55e1e4);
    border-radius: 16px;
    color: white;
    padding: 10px 20px 15px;
    min-width: 150px;
} */
.error_msg {
    color: #b91414;
}
.error_msg svg {
    fill: #b91414;
}
.title {
    color: #202428;
    text-decoration: none;
    display: block;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    margin: auto
}
.back_icon {
    transform: scale(-1);
    cursor: pointer;
    stroke: #000;
}
.back_icon path {
    fill: #000;
}
.games {
    margin-top: 60px;
    margin-bottom: 25px;
}
.game-box {
    width: 45%;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #dfdddd;
    background-color: aliceblue;
    transition: .3s ease-in;
    padding: 30px;
}
.games .member img {
    margin: 0px -1px 30px -1px;
    /*height: 265.5px !important;*/
}
.games .member {
    border: 1px solid #eef0ef;
    background: #fff;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.games .member .tag {
    position: absolute;
    color: #fff;
    background-color: #ffb700;
    top: 5px;
    left: -100%;
    padding: 12px;
    transition: .3s;
}
.games .member .tag::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 24px solid;
    border-color: transparent transparent transparent #ffb700;
    right: -48px;
    top: 0;
}
/*.games .member .tag::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 12px solid;*/
/*    border-color: transparent transparent transparent #ffb700;*/
/*    right: -24px;*/
/*    top: 24px;*/
/*}*/
.games .member:hover .tag {
    left: 0;
}
.games .member h4{
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 18px;
}
.games .member-content {
    padding: 30px 20px;
    width: 100%;
    text-align: center;
}
.games .member-content p {
    min-height: 120px;
    color: #aaaaaa;
    padding-top: 10px;
    font-size: 14px;
}
.game-box:hover {
    background-color: rgb(205, 225, 243);
    cursor: pointer;
}
.game-box img {
    height: 250px;
}
.game-box h3 {
    margin-bottom: 0 !important;
    line-height: unset;
    overflow: hidden;
}
.game-box a {
    text-decoration: none;
    color: #202428;
    line-height: inherit;
    width: 100%;
    display: block;
}