@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:wght@300;400;500;600;700;800&family=Lobster&family=Noto+Serif:wght@400;700&family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.cdnfonts.com/css/sf-pro-display?styles=98774,98777,98776,98772,98773,98775,98770,98771,98769');


body {
  font-family: 'Roboto', sans-serif;
  /* max-width: 450px; */
  margin: auto;
  direction: ltr;
  overflow-x: hidden;
    background: #FFFFFF;
  text-align: center;
   height: auto;
   min-height: 100vh;
   background-size: cover;
   background-position: 100% 100%;
   color: #000;
  direction: ltr;
}


.wrapper{
  width: 90%;
  margin: 20px auto;
}


.title{
  color: #000;
text-align: left;
font-family: "Roboto";
font-size: 22px;
font-weight: 400;
}

.txt{
  color: #000;
font-family: "Roboto";
font-size: 17px;
font-weight: 400;
text-align: justify;
margin: 15px auto;
direction: ltr;
}

.list{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px auto;
}

.titr{
    color: #000;
font-family: "Roboto";
font-size: 19px;
font-weight: 700;
text-align: left;
}

.list ul{
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list ul li{
      color: #000;
font-family: "Roboto";
font-size: 19px;
font-weight: 400;
text-align: left;
list-style: disc;
margin-top: 5px;
}

.list ul li a{
    color: blue;
font-family: "Roboto";
text-decoration: underline;
}