.title-sec {
  width: 93%;
  margin: 3em auto;
}
.title-sec .bullet {
  background-color: #49bcce;
  border-radius: 30%;
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 10px -1%;
}
@media (max-width: 1000px) {
  .title-sec .bullet {
    height: 30px;
    width: 30px;
    margin: 25px -2%;
  }
}
.title-sec .title {
  color: #49bcce;
  margin: auto 20px;
}
@media (max-width: 1000px) {
  .title-sec .title {
    font-size: 20px;
    margin: auto 20px;
  }
}
.title-sec .bullet-p {
  margin: 5px -30px;
  background-color: #004059;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  position: absolute;
}
@media (max-width: 1000px) {
  .title-sec .bullet-p {
    height: 30px;
    width: 30px;
    margin: 16px -40px;
  }
}
.title-sec p {
  margin: 2% 4% 2%;
  font-weight: 600;
  font-size: large;
  text-align: justify;
}
@media (max-width: 1000px) {
  .title-sec p {
    width: 95%;
    font-size: 12px;
    line-height: 50px;
    text-align: justify;
    color: #004059;
  }
}

@media (max-width: 1000px) {
  #Gallery-App .title-sec .bullet {
    height: 30px;
    width: 30px;
    margin: 10px -2%;
  }
}
@media (max-width: 1000px) {
  #Gallery-App .title-sec .title {
    font-size: 30px;
  }
}
#Gallery-App .title-sec p {
  font-size: 16px;
}
@media (max-width: 1000px) {
  #Gallery-App .title-sec p {
    font-size: 11px;
  }
}

@media (max-width: 1000px) {
  #Document-App .title-sec .bullet {
    height: 30px;
    width: 30px;
    margin: 15px -2%;
  }
}
@media (max-width: 1000px) {
  #Document-App .title-sec .title {
    font-size: 30px;
  }
}
#Document-App .title-sec p {
  font-size: 16px;
}

.to-login {
  color: #49bcce;
  text-decoration: underline;
  cursor: pointer;
}

#en-sec {
  direction: ltr;
}/*# sourceMappingURL=title.css.map */