/* Hero Section  */
.hero-section{
  background-color: #1a76be;
}

.hero-text-main{
  letter-spacing: -1px;
  color:white;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-size: 4rem;
  text-align: center;
}

.hero-text-main-2{
  letter-spacing: -1px;
  color:#181818;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-size: 3rem;
}

.sub-hero-text{
  font-family: 'Covered By Your Grace', cursive;
  font-size: 1.5rem;
  color:#18212e;
  text-align: center;
}

.text-above-cards{
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-size: 3rem;
  color:#18212e;
}

 /* main logo and text */

.img-fluid-customize{
  width: 50%;
  height: auto;
}

.text-below-asiapro-logo{
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color:#999ea6;
}

.line-below-text-container{
  padding-top: 2rem;
}
.line-below-text{
  border-bottom: 2px solid #b3bbc6;
}

/* cards */
.texts-center{
  text-align: center;
  font-family: 'Poppins', sans-serif;
  color:#999ea6;
  font-size: 15px;
}

/* below cards */

.sub-header-hero-text{
  font-family: 'Covered By Your Grace', cursive;
  font-size: 1.6rem;
  color: #e74d57;
  text-align: center;
}


.main-header-hero-text{
  font-family: 'Poppins', sans-serif;
  font-size: 4rem;
  color: #18212e;
  font-weight: bold;
}


.underline-text{
  border-bottom: 2.7px solid #18212e;
}

.secret-white-box-container{
  position: relative;
}

.secret-white-box{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgb(255, 255, 255);
  position: absolute;
  top: 3px;
  left: 646px;
}

.image-grid-width
{
  width: 100%;
}

.padding-for-image{
  padding-top: 1.3rem ;
}

.learnmorebutton{
  background-color: #e74d57;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}
/* media queries */

@media (max-width: 575.98px){

  .hero-text-main{
    text-align: center;
    font-size: 2rem;
  }

  .img-fluid-customize{
    width: 100%;
    height: auto;
  }

  .text-below-asiapro-logo{
    text-align: center;
  }

  .main-header-hero-text{
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    color: #18212e;
    font-weight: bold;
    padding-top: 6px;
    text-align: center;
  }

  .sub-header-hero-text{
    padding-bottom: 2rem;
  }
  

}



@media (min-width: 992px) and (max-width: 1199.98px){
  .main-header-hero-text{
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991.98px){
  .main-header-hero-text{
    text-align: center;
  }
}


@media (min-width: 576px) and (max-width: 767.98px){
  .main-header-hero-text{
    text-align: center;
  }
}


@media (max-width: 810px) and (min-width: 800px){
  .main-header-hero-text-tablet{
    font-size: 1rem;
  }
}


@media (max-width: 320px){
  .v-sm-screen{
    padding-top: 5rem;
  }

  .overlay-main-consturction{
    padding-right: 1rem;
  }
}