.homeBannerCol h1 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 128px;
    line-height: 154px;
    text-align: center;
    color: #FFFFFF;
  margin-bottom:-5px;
      text-transform: capitalize;
}

.homeBannerCol h2 {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 128px;
    line-height: 154px;
    text-align: center;
    color: #FFFFFF;
  margin-bottom:-5px;
      text-transform: capitalize;
}
.homeBannerCol h3{
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    font-size: 54px;
    line-height: 70px;
    text-align: center;
    color: #FFFFFF;
  margin-bottom:30px;

}
.homeBannerBtn.exploreSolution a {
    display: inline-block;
    margin: 10px 30px 10px 30px;
}

.homeBannerBtn a{
       position: relative;
  background: #F2664E;
    border: 1px solid #F2664E;
    border-radius: 10px;
    padding: 20px 50px !important;
    display: flex;
    color: #fff !important;
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    width: 25%;
    margin: 0 auto;
  text-transform: uppercase !important;
}
  .homeBannerBtn a:after {
    background-image: url(https://384045.fs1.hubspotusercontent-na1.net/hubfs/384045/down-arrow-btn.png/preview.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 25px;
    position: absolute;
  right: 30px;
    top: 28px;
    width: 25px;
}


@media only screen and (max-width: 1366px){
     .homeBannerBtn a{
        width: 30%;
        padding: 15px 50px !important;
  }}
  .homeBannerBtn a:after {
    top: 22px;
  }
  
  

}

@media only screen and (min-width: 768px) and (max-width: 810px)  { 
    .homeBannerBtn a {
        padding:20px 30px;
        width:50%;
      }
     .homeBannerCol h1 {
        font-size: 100px;
        line-height: 120px;
      }
  
  .homeBannerCol h2 {
        font-size: 100px;
        line-height: 120px;
      }
      .homeBannerCol h3 {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 20px;
    }
  

}

@media only screen and (min-width: 360px) and (max-width: 480px)  { 
  
     .homeBannerCol h1 {
        font-size: 60px;
        line-height: 80px;
        margin-bottom: 0;
    }
  
   .homeBannerCol h2 {
        font-size: 60px;
        line-height: 80px;
        margin-bottom: 0;
    }
      .homeBannerCol h3 {
        font-size: 28px;
        line-height: 50px;
      }
  
    .homeBannerBtn a{
      font-size: 20px;
      padding: 14px 15px!important;
      position: relative;
      text-align: center;
      width: 95%;

    }
  .homeBannerBtn.exploreSolution a {
    margin: 10px;
}
  .homeBannerBtn a:after{
      height: 23px;
        position: absolute;
        right: 15px;
        top: 22px;
        width: 23px;
}
  }

}



