/* @import url('http://example.com/example_style.css'); */

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

*{
  padding:0px;
  margin: 0px;
}

a{ 
  text-decoration: none;
}

body{
  font-family: "Exo", sans-serif !important;
  font-style: normal !important;
}

.container {
  max-width: 1170px;
  width: 100%;
  margin: 0px auto;
}

.primary-button{
  background-color: #30CFF2;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 40px;
  color: #012840;
  display: inline-block;
}

.secondary-button{
  background-color: #012840;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 40px;
  color: #FFFFFF;
  display: inline-block;
}

.hs-error-msgs{
  list-style-type:none; 
}

.hs-error-msgs li label{
  color:red;
  font-size:12px;
  position: absolute;
}


@media (max-width: 1200px) {
  .container{

    max-width: 1180px;
    width: 90%;
    margin: 0px auto;

  }
}

@media (max-width: 992px) {
  .container{

    max-width: 990px;
    width: 90%;
    margin: 0px auto;
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 768px;
    width: 90%;
    margin: 0px auto;
  }
}
}
@media (max-width: 576px) {
  .container {
    max-width: 576px;
    width: 90%;
    margin: 0px auto;
  }
}