/* @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    */
/*****************************************/

/*Header Edits*/
.header .header__button .button__icon, .hs-content-id-307649227491 .header__local .header__bottom .header__button .button__icon {order: 2;}
.header .header__button .button__icon svg, .hs-content-id-307649227491 .header__local .header__bottom .header__button .button__icon svg {margin-right: 0; margin-left: 1em;}
.hs-content-id-307649227491 .header__local .header__bottom .header__button .button__icon svg {fill: white;}

/*Brutalist Button Edits*/
.button.button--brutalist:hover, .button.button--brutalist:focus, .button.button--brutalist:active {top: 0; left: 0;}

/*Button icon*/
.button .hs_cos_wrapper_type_icon.button__icon svg {transform: rotate(-45deg); transition: all .2s ease-out;}
.button:hover .hs_cos_wrapper_type_icon.button__icon svg {transform: rotate(0deg);}

/*Module Offer-Card*/
.offer-card {display: flex; flex-direction: column;}
.offer-card .offer-card__button-wrapper {margin-top: auto;}

/*Homepage Header Edits*/
.hs-content-id-307649227491 header {display: none;}
.hs-content-id-307649227491 .header__local .header__bottom {background-color: transparent!important;}


/*product page*/
.single-line {display:flex; gap: 10px; justify-content: center; flex-wrap: wrap;}
.single-line p {margin-bottom: 0;}
.single-line .hs_cos_wrapper_type_icon {margin-right: 10px;}
.single-line .hs_cos_wrapper_type_icon svg {margin-bottom: 3px;}

/*animation text*/
#scroll-container {
overflow: hidden;
}

#scroll-text {
  /* animation properties */
transform: translateX(100%);
animation: my-animation 40s linear infinite;
  animation-delay:-1s;
}
#scroll-text .item-1{
  white-space: nowrap;
  font-size: 220px;
  line-height: 1;
  display: block;
  margin-bottom: -27px;
}
#scroll-text .item-2{
  white-space: nowrap;
  font-size: 120px;
  line-height: 1;
  display: block;
  margin-bottom: -16px;
}
@media (max-width: 767px) {
    #scroll-text {animation: my-animation 20s linear infinite;}
    #scroll-text .item-1 {font-size: 120px!important;  margin-bottom: -16px;}
  }
@keyframes my-animation {
  from {
    transform: translateX(50%);
  }
  to {
    transform: translateX(-100%);
  }