/* @import url('http://example.com/example_style.css'); */
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
/* <!-- <link href="//db.onlinewebfonts.com/c/69dbc1186412d7831b88d8a78a360360?family=DIN+Condensed+Web" rel="stylesheet" type="text/css"/> --> */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.mv-container {
  display:flex !important;
  justify-content:center !important;
}
.row-fluid-wrapper {
/*   display:flex;
  justify-content:center; */
}
.row-fluid {
/*   max-width:1200px; */
}
.row-fluid > .row-fluid-wrapper > .content {
/*   display:flex !important;
  justify-content:center !important; */
}
.inner-one {
/*   max-width:1200px;margin:0 auto; */
}
.img-center {
  text-align:center;
}
.mv-card {
      background-color: #ffffff;
    box-shadow: 0px 0px 22px 10px #eeeeed;
    border-radius: 10px;
    padding: 10px;
}
.container-fluid {
  padding:0px;
  }
  @media (max-width: 600px) { 
  .x-mark {
    display:none !important;
    }
    .check-mark {
         max-width: 80px;
    margin: 0 auto !important;
    margin-bottom: 20px !important; 
    }
    #feature-comp-container {
      display:none !important;
    }
  }
  @media (min-width:601px) {
    #mobile-feature-container {
     display:none !important; 
    }
  }
  .meetings-iframe-container {
  height:640px !important;
  }
  .feature-comp {
  max-width:600px;
    margin: 0 auto !important;
  }
/*   
  HS input form style
   */
  input {
  width:100% !important;
  }
  [type=submit] {
    -webkit-appearance: button;
    color: white !important;
    background-color: #1152b8 !important;
    border: none !important;
    margin-top: 20px !important;
    padding: 10px !important;
    text-transform: uppercase !important;
}
  
  #feature-comp-container > .row-fluid-wrapper {
  max-width:500px;
    margin:0 auto;
  }
 #customer-claim > .row-fluid-wrapper > .row-fluid {
   display:flex;
   align-items:center;
   flex-wrap:wrap;
  }
  #offer-outer > .row-fluid-wrapper > .row-fluid {
       max-width: 1200px;
    margin: 0 auto;
    background-color: orange;
    padding: 50px 0px 50px 0px;
    /*margin-top: -50px; */
  }
  .checklist-item {
    margin-bottom:20px;
    text-align:left;
  }
  form {
       background-color: white;
    padding: 20px;
    border-radius: 20px;
    max-width: 400px; 
  }
  .hbspt-form {
   background-color: white;
    padding: 20px;
    border-radius: 20px; 
    max-width:400px;
  }
  .hs-form-field {
   margin-bottom:20px; 
  }
  form {
    margin:0 auto;
  }
  .row-number-7 {
/*    max-width:1200px;padding:10px;margin:0 auto;  */
  }
  
/*   font sytles */
  p {
  font-size:20px !important;
    font-family:Roboto, sans-serif !important;
    font-weight:300 !important;
  }
  h1 {
   font-size:40px !important;
    text-transform:uppercase !important;
/*     font-family:DIN condensed, sans-serif !important; */
    font-family:'DIN-condensed', sans-serif !important;
  }
  h2 {
   font-size:30px;
   text-transform:uppercase !important;
/*     font-family:DIN condensed, sans-serif !important; */
        font-family:'DIN-condensed', sans-serif !important;
/*      font-family:Roboto, sans-serif !important; */
    font-weight:500 !important;
  }
  h3 {
   font-size: 24px !important;
    text-transform:uppcase !important;
    font-family:Roboto, sans-serif !important;
  }
  h4 {
   font-size: 24px !important;
    color:#1152b8 !important;
    text-transform:uppcase !important;
    font-family:Roboto, sans-serif !important;
  }
  .quote {
   font-size:40px !important;
    font-family:DIN condensed, sans-serif !important;
    text-transform:uppercase !important;
  }
  
/*   angle divider fix */
  .angle-divider > div > span > img {
    width:100% !important;
  }
  @media (max-width: 1200px) { 
    .logos {display:none !important;}
  }