h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
input,
select,
option,
div,
span {
    font-family: 'Cairo', sans-serif !important;
}
.tile-cell:nth-child(even){
    transform: scaleX(-1);
}
.tile-row:nth-child(even){
    transform: scaleY(-1);
}
.scroll::-webkit-scrollbar {
    width: 10px;
}
.scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb {
    background: #0a4e95;
    border-radius: 5px;
}
.scroll::-webkit-scrollbar-thumb:hover {
    background: #0a4e95;
}
.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 16px;
  }

  .slider:hover {
    opacity: 1;
  }
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #0a4e95;
    cursor: pointer;
    border-radius: 16px;
  }
  .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #0a4e95;
    cursor: pointer;
    border-radius: 16px;
  }