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

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

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

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

/* Config */

*{
  background-color: black;
  
}

h1, h2, h3, h4, h5, h6, span, a, li, button, div, p, .card {
  font-family: 'Rubik', sans-serif !important;
  color: white;
}

.header__bottom {
  background-color: black;
} 

.button: hover, .hs-button: hover {
  background-color: white !important;
  color: black !important;
  border-width: 1px !important;
  border-color: white !important;
}

.pricing-card {
  color: white;
}

.pricing-card__list-content {
  color: white;
}
/*
.hs_cos_wrapper {
  background-color: white;
}

.hs_cos_wrapper > svg {
  fill: black;
  background-color: white;
} */

.button, .hs-button {
  background-color: black !important;
  color: white !important;
  border-color: white;
  border-radius: 5px;
  border-width: 1px;
}

.header__menu-toggle > svg {
 fill: white;
}
form, label, .hs-form-field {
  background-color: #000000;
}

.legal-consent-container {
  color: white;
}

.site-title-header > a {
  font-weight: bold;
  text-decoration: none;
}

#hs-link-footer-module-7_hs_logo_widget > .hs-image-widget {
  width: 100px !important;
}

.header__logo-image {
  width: 100px;
}

.btn {
  background-color: black;
  padding: 5, 20, 5, 20;
}