/* 1a. Containers */

/* Horitzontal Spacing */

  


/* Vertical Spacing */

  



  


/* 1b. Colors */







/* 1c. Typography */

















  

























/* 1d. Buttons */





















  

















 




























 







/* 1e. Forms */




































/* 1f. Icons */
















/* 1g. Cards */







/* 1h. Tables */













/* 1i. Website header */




























/* 1j. Website footer */













/* Drag and drop layout styles */

.dnd-section {
  padding: 20px 20px;
}

/* Padding on blog post sections */

.blog-post__column-wrapper  {
  padding: 20px 0;
}

/* Mobile padding for dnd layout and blog post section */
@media (max-width: 768px) {

  .dnd-section {
    padding: 20px 20px;
  }

  .blog-post__column-wrapper  {
    padding: 20px 0;
  }

}

/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 1140px;
}





html {
  font-size: 16px;
}

body {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  background-color: #ffffff;
  color: #191308;
  font-size: 16px;
  line-height: 1.56;
}

@media (max-width: 767px) {
  html, body {    
    font-size: 16px;    
  }
}


/* Paragraphs */

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

/* Anchors */

a {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #00a4bd;
}

a:hover,
a:focus {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #0b8484;
}

a:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #5bd4d4;
}

/* Headings */

h1 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #191308;
  font-size: 48px;
  text-transform: none;
  line-height: 1.4;
}
@media (max-width: 767px) {
  h1 {    
    font-size: 36px;    
  }
}

h2 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #191308;
  font-size: 32px;
  text-transform: none;
  line-height: 1.5;
}
@media (max-width: 767px) {
  h2 {    
    font-size: 26px;    
  }
}

h3 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #191308;
  font-size: 24px;
  text-transform: none;
  line-height: 1.5;
}
@media (max-width: 767px) {
  h3 {    
    font-size: 24px;    
  }
}

h4 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #191308;
  font-size: 22px;
  text-transform: none;
  line-height: 1.5;
}
@media (max-width: 767px) {
  h4 {    
    font-size: 22px;    
  }
}

h5 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #191308;
  font-size: 20px;
  text-transform: none;
  line-height: 1.5;
}
@media (max-width: 767px) {
  h5 {    
    font-size: 18px;    
  }
}

h6 {
  font-family: Poppins, serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #191308;
  font-size: 18px;
  text-transform: none;
  line-height: 1.5;
}
@media (max-width: 767px) {
  h6 {    
    font-size: 16px;    
  }
}

/* Blockquotes */

blockquote {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-left-color: #fff;
  color: #191308;
  font-size: 24px;
}

blockquote > footer {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  font-size: 16px;
}

/* Horizontal rules */

hr {
  border-bottom-color: #ffffff;
}





button,
.button,
.hs-button {
  border: 0px solid #ff6633;

  padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 102, 51, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 18px;
  text-transform: none;
}

button:hover,
button:focus,
button:active,
.button:hover,
.button:focus,
.button:active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active {
  border: 0px solid #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 119, 85, 1.0)

;
  color: #FFFFFF;
  fill: #FFFFFF;
}

button:active,
.button:active,
.hs-button:active {
  border: 0px solid #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: rgba(255, 199, 165, 100);
  border-color: #ffb683;
  color: #FFFFFF;
  fill: #FFFFFF;
}

/* Primary button */
.button.button--primary {
  box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
}

/* Secondary button */

.button.button--secondary {
  border: 3px solid #ff6633;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-radius: 6px;
  color: #191308;
  fill: #191308;
  text-transform: none;
  box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);

}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  border: 3px none #ff6633;

  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 102, 51, 1.0)

;
  color: #FFFFFF;
  fill: #FFFFFF;
}

.button.button--secondary:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: rgba(255, 182, 131, 100);
  border: 3px none #ff6633;

  border-color: #ffb683;
  color: #FFFFFF;
  fill: #FFFFFF;
}

/* Brutalist button */

.button.button--brutalist {   
  border: 3px solid #1a1a19;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 50px;
  color: #1a1a19;
  fill: #1a1a19;
  text-transform: none;
  box-shadow: 6px 6px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}

.button.button--brutalist:hover,
.button.button--brutalist:focus,
.button.button--brutalist:active {        
  border: 3px solid #1a1a19;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #1a1a19;
  fill: #1a1a19;
  top: -4px;
  left: -4px;
  box-shadow: 10px 10px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}

/* Highlight button */

.button.button--highlight {
  border: 3px solid #3574E3;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(53, 116, 227, 1.0)

;
  border-radius: 50px;
  color: #fafafb;
  fill: #fafafb;
  text-transform: none;
  box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(26, 26, 25, 1.0);

}

.button.button--highlight:hover,
.button.button--highlight:focus,
.button.button--highlight:active {
  border: 3px solid #3574E3;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(195, 52, 227, 0.0)

;
  color: #3574E3;
  fill: #3574E3;
}

.button.button--highlight:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(255, 132, 255, 0);
  border: 3px solid #3574E3;

  border-color: #85c4ff;
  color: #3574E3;
  fill: #3574E3;
}

/* Simple button */

.button.button--simple {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #00a4bd;
  fill: #00a4bd;
}

.button.button--simple:hover,
.button.button--simple:focus {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #0b8484;
  fill: #0b8484;
}

.button.button--simple:active {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #5bd4d4;
  fill: #5bd4d4;
}

/* Button sizing */

.button.button--small {
  padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;

  font-size: 14px;
}

.button.button--large {
  padding-top: 20px;
padding-right: 48px;
padding-bottom: 20px;
padding-left: 48px;

  font-size: 20px;
}





/* Form */

.widget-type-form {
  border: 0px none #ffffff;

  padding: 15px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;  
  
}

form {

}


/* Form title */

.form-title {
  border: 0px none #191308;

  padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #030303 !important;
  font-size: 20px;
  text-transform: ;
}

/* Labels */

form label {
  padding-top: 6px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 14px;
}

/* Help text */

form legend {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #191308;
  font-size: 14px;
}

/* Form fields */

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

  padding: 5px;

  font-family: Poppins, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 5px;
  color: #191308;
  font-size: 16px;
}

/* Form fields - placeholders */

::-webkit-input-placeholder {
  color: #ffffff;
}

::-moz-placeholder {
  color: #ffffff;
}

:-ms-input-placeholder {
  color: #ffffff;
}

:-moz-placeholder {
  color: #ffffff;
}

::placeholder {
  color: #ffffff;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  right: 5px;
}

form .pika-table thead th {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #191a1a;
}

form td.is-today .pika-button {
  color: #191308;
}

form .is-selected .pika-button {
  background-color: #fff;
  color: #191308;
}

form .pika-button:hover {
  background-color: #191308 !important;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #191308;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
  color: #191308;
  font-size: 14px;
}

/* Submit button */



  form input[type='submit'],
  form .hs-button {
    border: 0px solid #ff6633;

    font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 102, 51, 1.0)

;
    border-radius: 6px;
    color: #FFFFFF;
    text-transform: none;
  }

  form input[type='submit']:hover,
  form input[type='submit']:focus,
  form .hs-button:hover,
  form .hs-button:focus {
    border: 0px solid #ff6633;

    font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(255, 119, 85, 1.0)

;
    color: #FFFFFF;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    border: 0px solid #ff6633;

    font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
    background-color: rgba(255, 199, 165, 100);
    border-color: #ffb683;
    color: #FFFFFF;
}





  form input[type='submit'],
  form .hs-button {
    padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 40px;

    font-size: 18px;
  }



/* Inline thank you message */

.submitted-message {
  border: 0px none #ffffff;

  padding: 15px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
}





/* Default icon (regular/dark) */

.icon {
  padding: 12px;

  background-color: 

  
  
    
  


  rgba(25, 19, 8, 1.0)

;
}

.icon svg {
  fill: #fafafb;
  height: 22px;
  width: 22px;
}

/* Light icon */

.icon--light .icon {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.icon--light svg {
  fill: #191308;
}

/* Size */

.icon--small svg {
  height: 14px;
  width: 14px;
}

.icon--small .icon {
  padding: 10px;

}

.icon--large svg {
  height: 30px;
  width: 30px;
}

.icon--large .icon {
  padding: 16px;

}





/* Table */

table {
  border: 0px solid #ffffff;

  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
}

/* Table cells */

th,
td {
  border: 0px solid #ffffff;

  padding: 10px;

  color: #191308;
}

/* Table header */

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #191a1a;
}

/* Table footer */

tfoot th,
tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #191308;
}





/* Header container */

.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Header content color */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote,
.header .tabs__tab,
.header .tabs__tab:hover,
.header .tabs__tab:focus,
.header .tabs__tab:active {
  color: #191308;
}

/* Header top bar */

.header__top {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

/* Language switcher */

.header__language-switcher-current-label > span {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #191308;
  font-size: 16px;
  text-transform: none;
}

.header__language-switcher:hover .header__language-switcher-current-label > span,
.header__language-switcher:focus .header__language-switcher-current-label > span {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1a1a19;
}

.header__language-switcher-child-toggle svg {
  fill: #191308;
}

/* Language switcher - submenu */

.header__language-switcher .lang_list_class li {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class a:not(.button) {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2e475d;
  font-size: 16px;
  text-transform: none;
}

.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
  color: #1a1a19;
}

.header__language-switcher .lang_list_class a:active {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


  @media screen and (min-width: 768px) {
    .header__language-switcher .lang_list_class {
      box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    }    
  }


/* Header bottom */

.header__bottom {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 20px;
;
}

/* Logo */

.header__logo-company-name {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #191308;
  font-size: 24px;
  text-transform: none;
}

/* Menu */

@media (max-width: 767px) {
  .header__menu--mobile {
    background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
  }
}

/* Menu items */

.header__menu-link {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  font-size: 16px;
  text-transform: none;
}

/* Menu items - top level */

.header__menu-item--depth-1 > .header__menu-link:not(.button) {
  color: #2e475d;
}

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1a1a19;
}

.header__menu-item--depth-1 > .header__menu-link:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #6a6a69;
}

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #1a1a19;
}

.header__menu-item--depth-1 .header__menu-child-toggle svg {
  fill: #2e475d;
}

/* Menu items - submenus */

.header__menu-submenu {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link:not(.button) {
  color: #2e475d;
}

.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #0b8484;
}

.header__menu-submenu .header__menu-link:active {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link--active-link:not(.button) {
  color: ;
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}


  @media screen and (min-width: 768px) {
    .header__menu-submenu {
      box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
      -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    }    
  }


/* Menu icons */

.header__menu-toggle svg {
  fill: #2e475d;
}





.gen-header {      
  background-color: rgba(255, 255, 255, 1.0);
}

.gen-header__wrapper {
  padding-top: 15px;
padding-right: 0px;
padding-bottom: 14px;
padding-left: 0px;
;
  max-width: 1140px; 
}

.gen-header__nav-item > a,
.gen-header__nav-item > span {
  color: #292929;font-size: 17px;font-family: Poppins, sans-serif; font-weight: 500;;
} 

.gen-header__nav-item > a:hover,
.gen-header__nav-item > span:hover {
  color: #0b8484;font-size: 17px;text-decoration: underline;;
} 

.gen-header__nav-submenu-header {
  color: #292929;font-size: 20px;font-weight: bold;;
  padding-bottom: 24px;
}

.gen-header__nav-submenu-item > a {
  color: #191308;font-size: 16px;;;
  padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
;
} 

.gen-header__nav-submenu-item > a:hover {
  color: #0b8484;font-size: 16px;text-decoration: underline;;
} 

/* Language Switcher */

.gen-header .globe_class {
  width: 22px;
  height: 23px;
}

.gen-header .globe_class .mask-class {
  width: 22px;
  height: 23px;
  background-color: #292929;
}

.gen-header .lang_list_class {
  padding-top: 25px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 25px;
;
  border-radius: 6px;
  box-shadow:     ;
  -webkit-box-shadow:     ;
  -moz-box-shadow:     ;
  background-color: rgba(244, 246, 250, 1.0);
}

.gen-header .lang_switcher_link {
  color: #191308;font-size: 16px;;;
  padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
;
}

.gen-header .lang_switcher_link:hover {
  color: #0b8484;font-size: 16px;text-decoration: underline;;
}

.gen-header__nav-submenu-column {
  padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
;
}

/* CTA Button */

.gen-header__button .button {
  
    background-color: rgba(#null, 0.0);
  
  
  
  
  
  
    font-style: normal; font-weight: bold; text-decoration: none;
  
  padding-top: 8px;
padding-bottom: 8px;

  
}



.gen-header__button .button:hover,
.gen-header__button .button:focus {    
  
  
    background-color: rgba(#null, 0.0);
  

  
    
  

  

  

  
}


      

.gen-header__button .button:active {
  
  
  
  
  
  
}  

.gen-header__menu-toggle div,
.gen-header__search-close-btn div,
.gen-header__menu-close .cross div {
  background-color: #292929;
}

/* Media Queries */
@media (min-width: 768px) { 

  
  
  
  
  
  

  .gen-header__nav-item > a,
  .gen-header__nav-item > span {
    padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
;
  } 
  
  .gen-header__nav-submenu-inner {
    padding-top: 25px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 25px;
;
    background-color: rgba(244, 246, 250, 1.0);
    border-radius: 6px;
    box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(51, 48, 47, 0.0)

;
    -webkit-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(51, 48, 47, 0.0)

;
    -moz-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(51, 48, 47, 0.0)

;
  }

  .gen-header__nav-submenu-inner::before {
    border-bottom: 8px solid rgba(244, 246, 250, 1.0);
  }

  .gen-header__nav-submenu-column {
    padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
;
  }

  .gen-header__button {
    padding-left: 20px;
  }

  .gen-header .globe_class:hover .mask-class {  
    background-color: #0b8484;
  }

}  

@media (max-width: 767px) { 

  .gen-header__nav-container {
    background-color: rgba(255, 255, 255, 1.0);
  }
  
  .gen-header__nav-item > a,
  .gen-header__nav-item > a:hover,
  .gen-header__nav-item > a:active,
  .gen-header__nav-item > span,
  .gen-header__nav-item > span:hover,
  .gen-header__nav-item > span:active {
    color: #292929;font-size: 16px;;;
    padding-top: 16px;
padding-right: 20px;
padding-bottom: 16px;
padding-left: 20px;
;
  }

  .gen-header__nav-item:first-child > a,
  .gen-header__nav-item:first-child > span {
    padding-top: 0;
  }

  .gen-header__nav-submenu {
    padding-left: 20px;
  }

  .gen-header__nav-submenu-column {
    padding-bottom: 24px;
  }

  .gen-header__button--mobile {
    padding-top: 16px;
padding-right: 20px;
padding-bottom: 16px;
padding-left: 20px;
;
  }

  .gen-header__menu-toggle {
    margin-left: 20px;
  }

} 





/* Footer container */

.footer {
  background-color: 

  
  
    
  


  rgba(33, 51, 67, 1.0)

;
}

/* Footer content color */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote,
.footer .tabs__tab,
.footer .tabs__tab:hover,
.footer .tabs__tab:focus,
.footer .tabs__tab:active {
  color: #ffffff;
}

.footer hr {
  border-bottom-color: #ffffff !important;
}

/* Footer menu */

.footer .hs-menu-wrapper a {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1a1a19;
}

.footer .hs-menu-wrapper a:active {
  font-family: 'Lexend Deca', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #6a6a69;
}

.footer .hs-menu-wrapper .active > a {
  font-weight: bold; text-decoration: underline; font-family: 'Lexend Deca', sans-serif; font-style: normal;
  color: #1a1a19;
}






.card-shadow {  
  box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  -webkit-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  -moz-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}






/* Error templates */

.error-page:before {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* System templates */

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #2e475d;
}

/* Backup unsubscribe template */

.backup-unsubscribe input[type='email'] {
  font-size: 16px !important;
  padding: padding: 5px;
 !important;
}





/* Accordion */

.accordion__summary,
.accordion__summary:before {
  font-family: Poppins, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  font-size: 22px;
}

/* Blog listing, recent posts, related posts, and blog post */

.blog-post__left-sidebar .btn__back-to-posts {
  color: #191308;
}

.blog-listing__post-title {
  text-transform: none;
}

.blog-listing__post-title-link {
  color: #191308;
}

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

.blog-listing__post-title-link:active {
  color: #696358;
}

.blog-listing__post-tag {
  color: #191308;
}

.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus {
  color: #000000;
}

.blog-listing__post-tag:active {
  color: #696358;
}

.blog-listing__post-author-name,
.blog-post__author-name {
  color: #191308;
}

.blog-listing__post-author-name :hover,
.blog-listing__post-author-name :focus,
.blog-post__author-name:hover,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-listing__post-author-name :active,
.blog-post__author-name:active {
  color: #696358;
}

/* Image gallery */

.image-gallery__close-button-icon:hover,
.image-gallery__close-button-icon:focus {
  background-color: rgba(0, 0, 0, 1.0);
}

.image-gallery__close-button-icon:active {
  background-color: rgba(105, 99, 88, 1.0);
}

.icon--light .image-gallery__close-button-icon:hover,
.icon--light .image-gallery__close-button-icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .image-gallery__close-button-icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Pagination */

.pagination__link-icon svg {
  fill: #00a4bd;
  height: 16px;
  width: 16px;
}

.pagination__link:hover .pagination__link-icon svg,
.pagination__link:focus .pagination__link-icon svg {
  fill: #0b8484;
}

.pagination__link:active .pagination__link-icon svg {
  fill: #50f4ff;
}

.pagination__link--active {
  border-color: #ffffff
}

/* Pricing card */

.pricing-card__heading {
  background-color: #191308;
}

/* Social follow and social sharing */

.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
  background-color: rgba(0, 0, 0, 1.0);
}

.social-follow__icon:active,
.social-sharing__icon:active {
  background-color: rgba(105, 99, 88, 1.0);
}

.icon--light .social-follow__icon:hover,
.icon--light .social-follow__icon:focus,
.icon--light .social-sharing__icon:hover,
.icon--light .social-sharing__icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .social-follow__icon:active,
.icon--light .social-sharing__icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Tabs */

.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs__tab:active {
  border-color: #191308;
  color: #191308;
}




/*search code 17-02-2025*/

.cstsearchbox .hs-search-field__input {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ff7755 !important;
  padding: 0px 0px 0px 5px !important;
  font-weight: 600 !important;
}
.cstsearchbox .hs-search-field__button{
  border-radius: 0px;
}

.cstpagination { text-align: center; width: 100%} 
.cstpagination .span12 { text-align: center; width: 100%}
.cstpagination a, .cstpagination a:hover, .cstpagination a:focus, 
.cstpagination a.c-blog-pagination-v2__number, .cstpagination a.c-blog-pagination-v2__number:hover, .cstpagination a.c-blog-pagination-v2__number:focus {
color: #0fbfbf;
}
.cstpagination a{
padding: 1rem;
}
.cstpagination a.ancnavnormal{
  cursor: default;
  text-decoration: none;
}
.cstpagination .c-blog-pagination-v2__number--active { background-color: #cef2f2;border: 1px solid #b7ecec;border-radius: 4px; padding:0.2rem 0.4rem}
@media (max-width: 768px){
 .cstpagination a.c-blog-pagination-v2__number {
    visibility: hidden;
    display: none;
  }
}



@media (min-width: 991px){ 

 .cstsearchonly form{
   margin-top: 3rem;
   display: inline-flex !important;
   width : 700px;
   max-width: 100%;
}
}

.cstsearchonly .systems-page {
  padding: 3rem 0rem;
}

@media (max-width: 990px){  
 .cstsearchonly form{
   margin-top: 3rem;
   display: inline-flex !important;
   width : 100%;
   max-width: 100%;
}  
}

@media (max-width: 400px){ 
  .hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--first,
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--last {
  visibility: hidden;
  display:none;
}  
}

.alltopicsbottomsection .span12.cstsearchbox input[type='search']{
  color: #2e475d !important;
  padding-left: 1rem !important;
  font-weight: 400 !important;  
}
.hs-search-field__bar.hs-search-field__bar--button-inline ::placeholder {
  color: #fa9878;
  opacity: 1;
  font-weight: 400;
  padding-left: 0rem;
}
.hs-search-field__bar.hs-search-field__bar--button-inline :-ms-input-placeholder {
  color: #fa9878;
  font-weight: 400;
  padding-left: 0rem;
}
.hs-search-field__bar.hs-search-field__bar--button-inline ::-ms-input-placeholder {
  color: #fa9878;
  font-weight: 400;
  padding-left: 0rem;
}
.hs-search-field__suggestions-container {
  text-align: left;
}
.alltopicsbottomsection .span12{
  width: 100%;  
}
.alltopicsbottomsection .span12.cstsearchbox {
  text-align: center;
  margin-top: 3rem;
   margin-bottom: 1rem;
}
.alltopicsbottomsection .span12.cstsearchbox .cstsearchboxinner{
  width: 100%;  
  max-width: 360px;
  margin: 0 auto
}
.alltopicsbottomsection .span12.cstsearchbox .hs-search-field__bar button svg {
  height: 18px;
}
.systems-page.systems-page--search-results {
  padding-top: 3rem;
}
.systems-page.systems-page--search-results h1 {
  /*font-size: 3rem !important;
  line-height: 1.25;
  font-weight: 500;*/
  font-size: 3rem;
  line-height: 1.25;
  margin-bottom: 15px;
  padding: 0;
}
.systems-page.systems-page--search-results .hs-search-results__title {
  font-size: 1.5rem !important;
}  
span.hs-search-results__pagination__link {
  color: #0fbfbf;
}
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--prev, 
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--next,
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--first,
.hs-search-results__pagination__link.hs-search-results__pagination__link--text-and-icon.hs-search-results__pagination__link--last {
  color: #0fbfbf;
}
.hs-search-results__pagination__link.hs-search-results__pagination__link--number{
  color: #0fbfbf;
}
.hs-search-results__pagination__link.hs-search-results__pagination__link--number.hs-search-results__pagination__link--active {
  background-color: #cef2f2;
  border: 1px solid #b7ecec;
  border-radius: 4px;
  padding: 0.2rem 0.4rem;
}

.cstsearchlbl {
  width: 280px !important;
  padding: 1rem 0.5rem !important;
  color: #ff6633;
  font-size: 1.5rem !important;
}

@media (max-width: 768px){
 .hs-search-results__pagination__link.hs-search-results__pagination__link--number, span.hs-search-results__pagination__link{
    visibility: hidden;
    display: none;
  }  
  .ctatopbtn {
    display : block;
  }
}
.cstsearchlbl {
    visibility: hidden;
    display: none;
}

.cstsearchonly .hs-search-field__input {
  padding: 0.4rem 0.5rem !important; 
}
.cstsearchonly .span12.cstsearchbox .cstsearchboxinner {
  max-width: 100% !important;
}

.cstsearchonly{
  min-height: 300px;
}
.text-center {
    text-align: center !important;
}
.cstsearchbox form input[type='search'] {
	-webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;

  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 5px;

  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 5px;
}