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

@font-face {
    font-family: 'spinwerad';
    src: url('//145849974.fs1.hubspotusercontent-eu1.net/hubfs/145849974/raw_assets/public/flexBOX_Pro%20child%20TWCC/fonts/spinweradBold.eot');
    src: url('//145849974.fs1.hubspotusercontent-eu1.net/hubfs/145849974/raw_assets/public/flexBOX_Pro%20child%20TWCC/fonts/spinweradBold.eot?#iefix') format('embedded-opentype'),
        url('//145849974.fs1.hubspotusercontent-eu1.net/hubfs/145849974/raw_assets/public/flexBOX_Pro%20child%20TWCC/fonts/spinweradBold.woff2') format('woff2'),
        url('//145849974.fs1.hubspotusercontent-eu1.net/hubfs/145849974/raw_assets/public/flexBOX_Pro%20child%20TWCC/fonts/spinweradBold.woff') format('woff'),
        url('//145849974.fs1.hubspotusercontent-eu1.net/hubfs/145849974/raw_assets/public/flexBOX_Pro%20child%20TWCC/fonts/spinweradBold.ttf') format('truetype'),
        url('//145849974.fs1.hubspotusercontent-eu1.net/hubfs/145849974/raw_assets/public/flexBOX_Pro%20child%20TWCC/fonts/spinweradBold.svg#spinweradBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
--global-font-primary: 'spinwerad' !important;
}

.hero-banner-2, .hero-banner-1 {
  height: auto !important;
}

@media screen and (max-width: 1199px) {
  .hero-banner-2 .slick-list {
    height: auto !important;
  }
  .hero-banner__slide {
    flex-direction: column!important;
  }

  .hero-banner-2 .hero-banner__slide--text-image {
    flex-direction: column!important;
  }

  .hero-banner-2 .hero-banner__image,
  .hero-banner-2 .hero-banner__content-wrapper {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .hero-banner-2 .hero-banner__content {
    position: unset!important; 
    transform: unset!important;
    width: 100%!important;
    padding: 40px 15px 40px!important;
  }
  
  .hero-banner-2 .hero-banner__slider .slick-dots {
    position: unset!important;
    transform: unset!important;
    width: auto!important;
    height: auto!important;
    display: block !important;
    padding: 0px 0 30px!important;
  }

  .hero-banner-2 .hero-banner__slider .slick-dots li { 
    display: inline-flex!important;
  }
}

@media screen and (max-width: 1199px) {
  .hero-banner-2 .hero-banner__image--tablet {
    display: block!important;
  }

  .hero-banner-2 .hero-banner__image--desktop {
    display: none!important;
  }
}

@media screen and (max-width: 1352px) and (min-width: 768px){
  .hero-banner-2 .slick-prev {
    left: 15px!important;
  }

  .hero-banner-2 .slick-next {
    right: 15px!important;
  }
}

@media screen and (max-width: 767px) {
  .hero-banner-2 .one-slide .hero-banner__content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .hero-banner-2 .hero-banner__image--tablet {
    display: none!important;
  }

  .hero-banner-2 .hero-banner__image--mobile {
    display: block!important;
  }
}

h1{line-height: 1.1 !important; word-spacing: -0.5rem !important}
h2{line-height: 1.1 !important; word-spacing: -0.5rem !important}

.hs-breadcrumb-menu-item a, a:active, a:link, a:selected, a:visited {font-family: "Be Vietnam Pro", sans-serif !important; }
.hs-breadcrumb-menu-item a:hover {color:#8cd11e !important}
.hs-breadcrumb-label {font-family: "Be Vietnam Pro", sans-serif; !important}
.hs-breadcrumb-menu-divider{color: rgba(255,255,255,0.2)}