.modal-content h2{
  font-weight: bold;
  text-align: center;
  margin:0px;
    margin-top: 7%;
  font-family: comfortaaLight;
  font-size: 25px;
  letter-spacing:8px;
  text-transform: uppercase;
}
.modal-content p{
  font:20px;
  padding-top: 2%;
}
.modal-content-arabic h2{
  font-weight: bold;
  text-align: center;
  margin:0px;
    margin-top: 7%;
  font-family: Amiri,serif;
  font-size: 35px;
  text-transform: uppercase;
}
.modal-content-arabic p{
  font:20px;
  padding-top: 5%;
}
.modal-content .textDiv{
  font-family: comfortaaRegular;
  font-size: 20px;
  background-color: rgba(255,255,255,0);
  width:auto;
  height: auto;
  margin-bottom: 2%;
}
.modal-content .textDiv p,label{
  margin:0px 30px;
  font-family: comfortaa Bold;
  font-size: 15px;
}
.modal-content .textDiv a {
  font-family: comfortaa Bold;
  font-size: 20px;
  text-decoration: none;
  color: #14d137;
}

.modal-content .textDiv a:hover {
  font-family: comfortaa Bold;
  text-decoration: underline;
}
.modal-content .textDiv label,a {
  display: inline-block;
}

.modal-content-arabic .textDiv{
  font-family: comfortaaRegular;
  font-size: 20px;
  background-color: rgba(255,255,255,0);
  width:auto;
  height: auto;
  margin-bottom: 2%;
}
.modal-content-arabic .textDiv p{
  margin:0px 30px;
  font-family: Amiri, serif;
  font-size: 20px;
  direction: rtl;
  text-align:justify;
}
.title h2{
font-family:  comfortaaLight;
font-size:50px;
letter-spacing: 10px;
}
.title-arabic h2{
font-family:  Amiri, serif;
font-size:50px;
text-align: center;
margin:50px 0px;
}
.title .woobex{
font-family:  comfortaaLight;
font-size:35px;
letter-spacing: 10px;
}
.woobex{
  line-height: 70px;
}
.aboutPage h1{
font-family: comfortaaLight;
font-size:35px;
letter-spacing: 10px;
margin-top: 3%;
margin-bottom: 3%;
text-align: center;
}

.aboutPage h2{
font-family: comfortaaLight;
font-size:25px;
letter-spacing: 3px;
text-align: center;
margin-bottom: 3%;
}
.aboutPage h3{
font-family: comfortaaRegular;
font-size:  25px;
text-align: center;
}
.aboutPage p{
font-family: comfortaaLight;
font-size: 18px;
margin: 0px 10%;
margin-bottom: 4%;
letter-spacing: 3px;
}
.aboutPage-arabic h1{
font-family:Amiri, serif;
font-size:55px;
margin-top: 3%;
margin-bottom: 3%;
text-align: center;
}

.aboutPage-arabic h2{
font-family:Amiri, serif;
font-size:40px;
text-align: center;
margin-bottom: 3%;
}
.aboutPage-arabic h3{
font-family:Amiri, serif;
font-size: 35px;
text-align: center;
}
.aboutPage-arabic p{
font-family:Amiri, serif;
font-size: 20px;
margin: 0px 10%;
margin-bottom: 4%;
direction: rtl;
text-align:justify;
}
.projectPage p{
font-family: comfortaa Bold;
letter-spacing: 2px;
font-size: 13px;
cursor: pointer;
padding: 0px;
margin-top: 10px;
}
.projectPage
.narrativePage p{
font-family: comfortaa Bold;
font-size: 13px;
cursor: pointer;
text-align: center;
letter-spacing: 2px;
}
.projectPage-arabic
.narrativePage-arabic p{
font-family:Amiri, serif;
font-size: 30px;
cursor: pointer;
text-align: center;
letter-spacing: 0px;
}
.initiativePage p{
  font-family: comfortaa Bold;
  letter-spacing: 2px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
}
.initiativePage-arabic p{
  font-family: Amiri, serif;
  font-size: 23px;
  cursor: pointer;
  text-align: center;
}

.collectionPage .textDiv p{
  font-family:comfortaaLight;
  font-weight: 100;
font-size: 18px;
margin: 0px 10%;
padding: 0px;
text-align: center;
}
.collectionPage-arabic .textDiv p{
  font-family:Amiri, serif;
  font-weight: 100;
font-size: 22px;
margin: 0px 10%;
padding: 0px;
text-align: center;
}
.ArticleTitle
{
font-family: codeLight;
font-size: 15px;
text-align: center;
}
.ArticleTitle-arabic
{
font-family:Amiri, serif;
font-size: 28px;
text-align: center;
margin-bottom: 10px;
}
.Articlttitle{
  font-family: comfortaaLight;
  font-size: 25px;
  text-align: center;
  letter-spacing: 4px;
}

.Articlttitle-arabic{
  font-family: Amiri,serif;
  font-size: 30px;
  text-align: center;
}
/*_________________________________________________________________*/
#fullpolygens{
  max-width: 10%;
  max-height: 10%;
  margin: 0px 45%;
  margin-bottom: 1%;
}
#cardfullpolygens{
  max-width: 20%;
  max-height: 20%;
  margin-bottom: 1%;
  margin-top: 2%;
  position: relative;
  left: 40%;
  display: block;
}
#emptypolygens{
  position: relative;
  left: 15%;
  margin-bottom: 3%;
}
#inititaiveEncyc p{
  padding-right: 1%;
}
#introduction{
  margin :0px 100px;
  text-align: center;
  font-family: comfortaaLight;
  margin-bottom: 10px;
}
#introduction-arabic{
  margin :0px 100px;
  text-align: center;
  font-size: 20px;
  font-family: Amiri,serif;
  margin-bottom: 20px;
}
#paragraphTitle{
 text-align: center;
 font-family: comfortaaLight;
 letter-spacing: 10px;
 font-weight: 300;
 font-size: 28px;
 margin-top: 0px;
 margin-bottom: 20px;
}
#paragraphTitle-arabic{
 text-align: center;
 direction:rtl;
 font-family: Amiri , serif;
 font-weight: 300;
 font-size: 28px;
 margin-top: 0px;
 margin-bottom: 20px;
}
.readMore {
  font-family: comfortaaLight;
  font-size: 20px;
  text-align: center;
}
/*_________________________________________________________________*/
@media
only screen and (max-width: 760px),
(min-device-width: 200px) and (max-device-width: 1024px)  {
  .navbar{
    max-height: 100%;
  }

  .triangle-up{
    right: 5%;
  }
  .title h2{
    font-size: 20px;
  }
  .myInput{
    width: 89.2%;
  }
  .resultPageContainer{
    margin-left: 30%;
    max-width: 70%;
  }
  #myBtn{
    font-size:30px;
  }
  .form-check-label{
    word-wrap: break-word;

  }
  #logo{
    margin-left:30%;
  }
}