@font-face {
  font-family: "cairo";
  src: local("cairo"), url(../fonts/Cairo-Regular.ttf) format("truetype");
  font-display: swap;
}
body,p,a,ul,li{
  font-family: "cairo";
}
.item {
    width: 100%;
    text-align: justify;
  }

.container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 15px;
    overflow-y: auto;
    /* // max-height: 90%; */
    padding: 10px 40px;
    line-height: 27px;
    font-weight: 400;
    font-family: "cairo";
    font-size: 15px;
    color: #15191d;
}
.screen-title {
  font-weight: 700;
  font-family: inherit;
  font-size: 16px;
  color: #6a6a6a;
  margin: 0;
}
.container > div {
    flex: 100%;
    margin-bottom: 10px;
}

/* .item:nth-child(odd) {
     padding-left: 15px;
}

.item:nth-child(even) {
    padding-right: 15px;
}
 */
/* .text-header{
  color: $default-gray;
  line-height: 27px;
  font-size: 16px;
  font-family: $font-bold;
} */

/* .text-sub-header{
  color: $default-very-light-gray;
  font-family: $font-bold;
  font-size: 12px;
  line-height: 27px;
}
 */

@media only screen and (max-width: 768px) {
  .container{
    padding: 16px;
  }
  .container > div {
    flex: 100%;
    margin-bottom: 10px;
    padding-right: 15px;
  }
}