





















/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */










































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */




 @font-face {
  font-family: "Univers 67 Condensed";
  src: url(//2290239.fs1.hubspotusercontent-na1.net/hubfs/2290239/raw_assets/public/sasa-website-2024/fonts/Univers%2067%20Condensed%20Bold.ttf) format("truetype"),
    url(//2290239.fs1.hubspotusercontent-na1.net/hubfs/2290239/raw_assets/public/sasa-website-2024/fonts/Univers%2067%20Condensed%20Bold.woff) format("woff") ;
  font-style: normal;
}

@font-face {
  font-family: "Univers LT Pro";
  src: url(//2290239.fs1.hubspotusercontent-na1.net/hubfs/2290239/raw_assets/public/sasa-website-2024/fonts/UniversLTPro-55Roman.ttf)format("truetype"),
    url(//2290239.fs1.hubspotusercontent-na1.net/hubfs/2290239/raw_assets/public/sasa-website-2024/fonts/UniversLTPro-55Roman.woff)format("woff") ;
  font-style: normal;
  font-weight: normal;
}

.sf__footer__contact__container {
    padding-top: 35px;
    padding-bottom: 45px;
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.sf__footer__blog__listing__container {
    background-color: #e9e9e9;
    padding-top: 35px;
    padding-bottom: 45px;
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.sf__footer__blog__listing__title {
    color: #000;
    text-align: center;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: 2.531px;
}

.sf__footer__blog__listing__container .sf__card-img__single__container img {
    height: 176px;
}

.sf__footer__blog__listing__container  .sf__info-card__borders__true {
    border: none;
}

@import url('https://fonts.googleapis.com/css2?family=League+Gothic&family=Roboto+Condensed:wght@300&display=swap');





.content-wrapper {
max-width: 1440px !important;
}

.dnd-section,
.content-wrapper--vertical-spacing {
padding: 75px 0 !important;
}

.dnd-section > .row-fluid {
max-width: 1440px !important;
}





html {
font-size: 18px !important;
    scroll-behavior: smooth;
}

body {
font-family: Inter, sans-serif; font-style: normal; font-weight: 300; text-decoration: none !important;
color: #000000;
font-size: 18px !important;
}

/*Used to add global site padding for the fixed nav bar.*/
main {
    padding-top: calc(112px / 2);
}

main.no__nav__container {
    padding-top: 0 !important;
}

@media screen and (max-width: 960px) {
main {
        padding-top: 64px;
    }
}

/* Paragraphs */

p {
font-family: Inter, sans-serif; font-style: normal; font-weight: 300; text-decoration: none !important;
}

b, strong {
  font-weight: bold;
}

/* Anchors */

a:active {
font-weight: 300; text-decoration: none; font-family: Inter, sans-serif; font-style: normal !important;
}

/* Headings */

h1,
.h1 {
font-family: Inter, serif; font-style: normal; font-weight: normal; text-decoration: none !important;
color: #000000;
font-size: 28px !important;
text-transform: uppercase !important;
}

h2,
.h2 {
font-family: Inter, serif; font-style: normal; font-weight: 300; text-decoration: none !important;
color: #000000;
font-size: 26px !important;
text-transform: none !important;
line-height: 1.3;
}

@media (max-width: 767px) {
  h2, .h2 {
    font-size: 22px !important;
  }
}

h3,
.h3 {
font-family: Inter, serif; font-style: normal; font-weight: normal; text-decoration: none !important;
color: #000000;
font-size: 24px !important;
text-transform: none !important;
line-height: 1.3;
}

h4,
.h4 {
font-weight: normal; text-decoration: none; font-family: Inter, serif; font-style: normal !important;
color: #000000;
font-size: 22px !important;
text-transform: none !important;
}

h5,
.h5 {
font-weight: normal; text-decoration: none; font-family: Inter, serif; font-style: normal !important;
color: #000000;
font-size: 18px !important;
text-transform: none !important;
}

h6,
.h6 {
font-weight: normal; text-decoration: none; font-family: Inter, serif; font-style: normal !important;
color: #000000;
font-size: 16px !important;
text-transform: none !important;
}

/* Blockquote */

blockquote {
border-left-color: #00A499 !important;
}

ul {
    list-style: initial;
}

ol {
  list-style: decimal;
}





button:active,
.button:active,
.hs-blog-post-listing__post-button:active, span.hs-cta-wrapper a.cta_button:active {
 !important;
font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none !important;
background-color: rgba(40, 40, 40, 1.0) !important;
border-color: #282828 !important;
}





form,
.submitted-message {
font-family: Inter, sans-serif; font-style: normal; font-weight: 300; text-decoration: none !important;
border: 1px none #f1f1f1;

border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
background-color: 







rgba(241, 241, 241, 0.0)

 !important;
padding: 0px;
 !important;
}

/* Form title */

.form-title {
border: 1px none #00A499;
 !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
 !important;
font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
font-size: 27px !important;
color: #000000 !important;
background-color: 







rgba(0, 164, 153, 0.0)

 !important;
}

.form-columns-2 {
display: flex;
gap: 2em;
}

@media (max-width: 767px) {
.form-columns-2 {
flex-direction: column;
gap: 0;
}
}

/* Labels */

form label {
    color: #000000 !important;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 100% */
}

form label.hs-error-msg {
color: #ff3333 !important;
font-size: 0.7em;
}

/* Help text */

form legend {
color: #000000 !important;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
border: 1px solid #000000;

background-color: 







rgba(255, 255, 255, 0.0)

;
color: #000000 !important;
padding: 17px !important;
width: 100%;
margin: 0.4em 0 0.5em 0em;
}

form textarea {
border-radius: calc(0px * 0.3) !important;
}

form fieldset {
max-width: 100% !important;
}

form fieldset div.input {
margin-right: 0 !important;
}

select, textarea {
  width: 100%;
}

fieldset.form-columns-1 .hs-input[type="checkbox"] {
width: 25px !important;
}

.hs-form-booleancheckbox-display {
display: flex;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
color: #000000 !important;
}

::-moz-placeholder {
color: #000000 !important;
}

:-ms-input-placeholder {
color: #000000 !important;
}

::placeholder {
color: #000000 !important;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
color: #000000 !important;
}

.fn-date-picker td.is-selected .pika-button {
background: #000000 !important;
}

.fn-date-picker td .pika-button:hover {
background-color: #000000 !important;
}

.fn-date-picker td.is-today .pika-button {
color: #000000 !important;
}

/* Submit button */

form input[type='submit'],
form .hs-button {
border: 1px solid #000000;
 !important;
padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;
 !important;
font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none !important;
color: #FFFFFF !important;
font-size: 22px;
background-color: 







rgba(0, 0, 0, 0.0)

 !important;
text-transform: none !important;
margin-top: 30px;
cursor: pointer;
    transition: all .3s ease-in-out;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color: 







rgba(0, 164, 153, 1.0)

 !important;
color: #ffffff !important;
border: 1px solid #000000;
 !important;
}

form input[type=submit]:active,
form .hs-button:active {
background-color: rgba(40, 40, 40, 1.0) !important;
border-color: #282828 !important;
}

.hs-form-booleancheckbox {
    list-style: none;
}

option {
  color: black;
}





/* Table */

table {
border: 1px solid #000000;

background-color: 







rgba(255, 255, 255, 1.0)

 !important;
}

/* Table cells */

td,
th {
border: 1px solid #000000;

padding: 18px;

color: #000000 !important;
}

/* Table header */

thead th {
background-color: 







rgba(0, 0, 0, 1.0)

 !important;
color: #FFFFFF !important;
}

/* Table footer */

tfoot td {
background-color: 







rgba(255, 255, 255, 1.0)

 !important;
color: #000000 !important;
}





.search-btn svg { filter: invert(1); }

.header, 
.header form {
  background-color: 







rgba(#null, 1)

 !important;
}
header.site-header, header.site-header a,header.site-header form input[type=search]{

}

.site-header__menu ul li a{
 color: white !important;
}

header.site-header a {
  font-size: 17px;
}

.site-header__menu ul li:hover > a{
  color: #F8B800 !important;
}
.site-header__menu .hs-menu-wrapper >ul >li.active-branch>a{
color: rgba(#null, 0.0)!important;
}
.site-header__menu .hs-menu-wrapper ul ul{
background-color: rgba(#null, 0.0)!important;
}
.site-header__menu ul ul li a {
color: rgba(#null, 0.0)!important;
}
.site-header__menu ul ul li a:hover {
background-color: rgba(#null, 0.0)!important;
color: rgba(#null, 0.0)!important;
}
.site-header__menu ul ul li.active-branch > a {
background-color: rgba(#null, 0.0)!important;
color: rgba(#null, 0.0)!important;
}



header.site-header form input[type=search]{
background-color: black !important;
color: white!important;
padding: 6px 15px!important;
border : 1px solid white !important;
}
header.site-header form input[type=search]::placeholder{
color: #575757 !important;
}

header.site-header .hs-search-field__bar button svg {
  height: 13px;
}


.site-header__bottom ul li a{
color: rgba(#null, 0.0)!important;
}
.site-header__bottom ul li:hover> a{
color: rgba(#null, 0.0)!important;
}
.site-header__bottom .hs-menu-wrapper >ul >li.active-branch>a{
color: rgba(#null, 0.0)!important;
}
.site-header__bottom .hs-menu-wrapper ul ul{
background-color: rgba(#null, 0.0)!important;
}
.site-header__bottom ul ul li a {
color: rgba(#null, 0.0)!important;
}
.site-header__bottom ul ul li a:hover {
background-color: rgba(#null, 0.0)!important;
color: rgba(#null, 0.0)!important;
}
.site-header__bottom ul ul li.active-branch > a {
background-color: rgba(#null, 0.0)!important;
color: rgba(#null, 0.0)!important;
}




.footer {
background-color: 







rgba(0, 164, 153, 1.0)

 !important;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img,
.footer a {
color: #000000 !important;
}
.footerv2__top{
	background-color: rgba(#null, 0.0)!important;
}
.footerv2__menu ul>li>a{
	color: #F8B800 !important;
}

/* .footerv2__menu ul>li>a:hover{
	color: white !important;
}*/

.footerv2__menu ul ul li a{
	color: white !important;
}
.footerv2__menu ul ul li a:hover{
	color: rgba(#null, 0.0)!important;
}
.footerv2__social-links .footerv2__social-title{
	color: #F8B800 !important;
}
.footerv2__social-item{
	background-color: rgba(109, 109, 109, 1.0)!important;
}
.footerv2__social-item:hover{
	background-color: #F8B800 !important;
}
.footerv2__social-item svg{
	fill: rgba(#null, 0.0)!important;
}
.footerv2__social-item:hover svg{
	fill: rgba(#null, 0.0)!important;
}
.footerv2__bottom{
	background-color: white !important;
}

@media (max-width: 767px) {
  .footerv2__bottom{
    background-color: rgba(45, 45, 45, 1.0) !important;
  }
}

.footerv2__copyright{
	color: rgba(#null, 0.0)!important;
}




.blog-post,
.blog-header__inner,
.blog-related-posts {
padding: 75px 0 !important;
}

.blog-sidebar-form{
background-color: white !important;
padding: 0;
}

.blog-search-wrapper {
background-color: #F4F4F4;
border-radius: 0px;
}

.blog-sidebar-form input[type="text"] {
background: transparent !important;
margin: 0;
padding: 10px 15px !important;
}

.blog-sidebar-form input[type="text"]:focus-visible {
outline: none;
border: none;
}

.blog-listing .hero-bg {
padding: 40vh 10vw;
}

.hs_cos_wrapper_type_related_blog_posts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2.5rem;
}

@media (max-width: 767px) {
.hs_cos_wrapper_type_related_blog_posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}

/* Blog post */

.blog-post__meta a {
color: #000000 !important;
}

.blog-post__tag-link {
color: #000000 !important;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
color: #000000 !important;
}

.blog-post__tag-link:active {
color: #282828 !important;
}

.blog-post__content-wrapper p, .blog-post__content-wrapper table, .blog-post__content-wrapper h2 {
  margin: 0 0 15px 0;
}

.blog-post__content-wrapper table p {
  margin: 0;
}

.blog-post__content-wrapper span {
  color: black !important;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
font-family: Inter, serif; font-style: normal; font-weight: 300; text-decoration: none;
text-transform: none !important;
}

.blog-related-posts__title-link {
color: #000000 !important;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
color: #000000 !important;
}

.blog-related-posts__title-link:active {
color: #282828 !important;
}

/* Blog comments */

.blog-comments {
margin-bottom: 75px !important;
}

#comments-listing .comment-reply-to {
color: #00A599 !important;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: #007d71 !important;
}

#comments-listing .comment-reply-to:active {
color: #28cdc1 !important;
}





.hs-search-results__title {
font-family: Inter, serif; font-style: normal; font-weight: normal; text-decoration: none !important;
color: #000000 !important;
}

.search-results-header {
  text-transform: uppercase !important;
  font-weight: 300;
}

.systems-page--search-results .content {
  padding: 3em 0;
  max-width: 1440px;
  margin: 0 auto;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
font-family: Inter, serif; font-style: normal; font-weight: 300; text-decoration: none !important;
text-transform: none !important;
}

.hs-blog-post-listing__post-title-link {
color: #000000 !important;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
color: #000000 !important;
}

.hs-blog-post-listing__post-title-link:active {
color: #282828 !important;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
color: #000000 !important;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
color: #000000 !important;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
color: #000000 !important;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
color: #282828 !important;
}

.hs-pagination__link-icon svg {
fill: #000000 !important;
}

/* Pricing card */

.card__price {
font-family: Inter, serif; font-style: normal; font-weight: normal; text-decoration: none !important;
color: #000000 !important;
font-size: 24px !important;
}

.card__body svg {
fill: #000000 !important;
}

/* Social follow */

.social-links__icon {
background-color: #000000 !important;
}

.social-links__icon:hover,
.social-links__icon:focus {
background-color: #000000 !important;
}

.social-links__icon:active {
background-color: #282828 !important;
font-family: Inter, serif; font-style: normal; font-weight: normal; text-decoration: none !important;
color: #000000 !important;
font-size: 24px !important;
}





.bg-primary {
background-color: #000000 !important;
}

.text-primary{
  color: #000000 !important;
}

.bg-secondary {
background-color: #00A499 !important;
}

.border-primary {
border-color: #000000 !important;
}

.border-secondary {
border-color: #00A499 !important;
}

.rounded-btn {
border-radius: 0px !important;
}

.rounded-card {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}

.rounded-card-inner {
border-top-left-radius: calc(0px - (0px * 0.25));
border-top-right-radius: calc(0px - (0px * 0.25));
border-bottom-left-radius: calc(0px - (0px * 0.25));
border-bottom-right-radius: calc(0px - (0px * 0.25));
}

.text-3-lines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background: transparent !important;
    border: 1px solid black !important;
    opacity: 1 !important;
    transition: all .2s ease-in-out !important;
}

.swiper-pagination-bullet-active {
    background: #00A499 !important;
    width: 13px !important;
    height: 13px !important;
    border: none !important;
    transition: all .2s ease-in-out !important;
}

.swiper-pagination.swiper-js__pagination__dark .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background: transparent !important;
    border: 1px solid #000000 !important;
    opacity: 1 !important;
    transition: all .2s ease-in-out !important;
}

.swiper-pagination.swiper-js__pagination__dark .swiper-pagination-bullet-active {
    background: #00A499 !important;
    width: 13px !important;
    height: 13px !important;
    border: none !important;
    transition: all .2s ease-in-out !important;
}

.search-bar {
background: 







rgba(#null, 1)

;
}

.search-bar form {
padding-left: 0;
padding-right: 0;
}

#search-bar input {
background: transparent !important;
border-bottom: 2px solid #cecece;
border-radius: 0 !important;
width: 100px;
padding: 0.5em !important;
}

#search-bar .hs-search-field__button {
display: none;
}

#search-bar .hs-search-field__input:focus,
#search-bar .hs-search-field__input:focus-visible {
outline: none;
} 

nav .cta_button {
padding-left: 1em !important;
padding-right: 1em !important;
}

#mobile-menu .cta_button {
display: block;
text-align: center;
}

.bg-nav-dropdown {
background-color: 







rgba(#null, 1)

;
}

.product-listing-search form{
padding: 0 !important;
background-color: #F4F4F4 !important;
border-radius: 50px !important;
}

.product-listing-search form input[type="search"] {
background-color: transparent !important;
}

.category-tag {
position: relative;
text-transform: capitalize;
}

.product-swiper {
overflow: hidden;
}

.product-swiper-wrapper {
position: relative;
}

.faq-item-content ul {
position: relative;
}

.faq-item-content li {
margin: 0.5em 0;
position: relative;
left: 1em;
}

.product-swiper .swiper-button-next, .product-swiper .swiper-button-prev {
color: #222222;
}

.hs_cos_wrapper_type_module.widget-type-linked_image img {
border-top-left-radius: calc(0px - (0px * 0.25));
border-top-right-radius: calc(0px - (0px * 0.25));
border-bottom-left-radius: calc(0px - (0px * 0.25));
border-bottom-right-radius: calc(0px - (0px * 0.25));
}

@media (max-width: 767px) {
.swiper-wrapper.content-wrapper {
padding: 0 !important;
}

.product-swiper .swiper-button-next, .product-swiper .swiper-button-prev {
display: none;
}

.product-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000000;
}

.product-swiper .swiper-pagination {
bottom: 22% !important;
}

.product-swiper .swiper-slide>.prod-swiper-inner {
margin-bottom: 7em;
display: block;
}

h1,
.h1 {
font-size: calc(28px - 100%) !important;
}
}

.product-listing-search input:active, .product-listing-search input:focus, .product-listing-search input:focus-within {
outline: none !important;
}

.product-listing-search input[type="search"] {
padding: 5px 20px !important;
}

.product-page-wrapper-individual .herosv18 .herosv18-heading h1{
  text-transform: capitalize !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: fit-content !important;
    left: 50% !important;
    transform: translateX(-50%);
}





form input[type='submit'], form .hs-button {
  border-radius: 0px!important;
  color: #000!important;
  text-transform: uppercase!important;
  /*width: 100%;*/
}

fieldset.form-columns-1 .hs-input {
  width: 100%;
}

input::placeholder {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1.5px;
}

form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {
    border: 0 solid transparent;
    border-bottom: 3px solid #000;
    padding: 20px 17px!important;
}

.hs-form-field {
    position: relative;
}

    .no-list,
    .hs-error-msgs,
    .inputs-list {
        list-style: none !important;
    }

    fieldset.form-columns-1 .hs-input {
        width: 100%;
    }

    select {
        width: 100% !important;
    }

     .hs-input[type="radio"] {
    width: 25px !important;
}

    @media screen and (max-width: 640px) {
      .bwe-custom-button-style {
          flex: 0 1 48%!important;

      }

      button, .button, .hs-blog-post-listing__post-button, span.hs-cta-wrapper a.cta_button {
      font-size: 14px !important;
      }
    }

.bwe__contact__carousel .swiper-slide ul > li {
  padding-bottom: 5px;
}

.bwe__contact__carousel .swiper-slide ul {
  margin-top: 0.5em;
}

.hs_cos_wrapper_type_rich_text ul li {
    position: relative; /* Set position context for pseudo-element */
    margin-left: 1.5rem; /* Space for the custom bullet */
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

.bwe__form__container select {
    height: 31px;
}

.legal-consent-container {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

@media (max-width: 348px) {
  h1,
  .h1 {
    font-size: calc(28px - 130%) !important;
  }
}





.swiper-pagination {
    bottom: 30px !important;
    display: flex;
}

.swiper-pagination-bullet {
    background: #f1f1f1 !important;
}

.swiper-pagination-bullet-active {
    background: #00A499 !important;
}

.sf__swiper__arrow__next {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
}

.sf__swiper__arrow__prev {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
}

.form-columns-1 input {
  width: 100% !important;
}

.fuel-efficiency option {
    color: #fff !important;
}

.sf__blog__container__main a {
    color: rgba(0, 164, 153, 1);
}

@media (max-width: 767px) {
  h1 {
    font-size: 24px !important;
  }
}