@font-face{font-family:'Roboto';src:url(https://8802783.fs1.hubspotusercontent-na1.net/hubfs/8802783/raw_assets/public/Kinetik_Feb_2023/resources/Roboto-Regular.ttf);}
body{
  max-width:1920px;
  font-family:'Roboto';
}
html, body {
  
}
.row{
  width:100%;
  max-width:1920px;
}
section{
  width:100%;
  max-width:1920px;
  margin:-1px 0;
  padding:0 10%;
}
.hero{
  padding-top:88px;
}
.container-fluid{
  margin:0;
  padding:0;
}
.cta_button{
  font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.003em;
color: #FFFFFF;
  text-decoration:none;
  padding:16px 28px;
  background: #004aad;
  border-radius: 8px;
}
.hs-button{
  font-weight: 600;
font-size: 16px;
  border:0 !important;
line-height: 24px;
letter-spacing: 0.003em;
color: #FFFFFF;
  text-decoration:none;
  padding:10px 28px;
  background: #004aad;
  border-radius: 8px;
}
.cardseemore:hover{
  text-decoration:underline;
}
@media screen and (max-width: 1243px) {
  .cardcol{
    width:100% !important;
  }
  .card{
  min-height:344px !important;
  }
  
}
@media screen and (max-width: 580px) {
  .hero1img {
    width: 80% !important;
  }
  .hero1h1{
    font-size: 35px !important;
    line-height: 47px !important;
  }
  .hero1p{
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .cardsh2{
    font-size: 30px !important;
    line-height: 42px !important;
  }
  .cardsp{
    width:100% !important;
     font-size: 18px !important;
    line-height: 30px !important;
  }
  .cardscta{
    text-align:left !important;
  }
}
@media screen and (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.1rem !important;
    }
}
@media screen and (min-width: 768px) {
    .col-md-4 {
       
        width: 32%;
    }