.hero-section .text-wrapper {
  height: 100%;
  /* width: 600px; */
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.hero-section .text-wrapper .domain-slogan {
  font-family: "Ravi-medium";
  color: #47587b;
}

.hero-section h1 {
  color: #162035;
  font-family: iran-extrabold !important;
  width: 80%;
  /* line-height: 60px; */
}

.hero-section .text-wrapper .hero-desc {
  color: #47587b;
  font-family: "Ravi-medium";
  margin: 5px;
  line-height: 30px;
  text-align: justify;
  font-size: 15px;
}

.hero-section .text-wrapper .hero-desc:nth-last-of-type(1) {
  margin-bottom: 20px;
}

.hero-section .left-box {
  /* width: 360px; */
  /* height: 360px; */
  border-radius: 10px;
}

.hero-section .left-box img {
  width: 100%;
}

/* sm */
@media (min-width: 200px) {
}
/* md  */
@media (min-width: 700px) {
}
/* lg */
@media (min-width: 900px) {
  .hero-section {
    height: 700px !important;
  }
}
/* xl*/
@media (min-width: 1200px) {
  .hero-section {
    height: 100vh;
  }
}
@media (min-width: 1400px) {
}