body {
    background-color: transparent;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: "Cairo";
}


.styled-table {
    direction: rtl;
    border: 1px dotted rgb(81, 0, 128);
    margin-right: 2%;
    border-collapse: collapse;
    width: 95%;
    max-width: 100%;

}

.styled-table th,
.styled-table td {
    border: 1px dotted rgb(81, 0, 128);    
    text-align: center;
    font-weight: bold;

}

table.styled-table tr:nth-child(even) {
    background-color: #fdfdfd;
}




table.styled-table tr:hover {
    background-color: rgb(102, 39, 145);
    font-weight: bolder;
    color: rgb(255, 255, 255);
}