@charset "UTF-8";
/* Theme Name: ee2020 */
/* Author: environment-essentials */
/* Description: EE 2020 theme */
/* Version: 1.0 */
/* Requires at least: 6.8 */
/* Tested up to: 6.8 */
/* Requires PHP: 8.3 */
/* License: GNU General Public License v2 or later */
/* License URI: http://www.gnu.org/licenses/gpl-2.0.html */
/* Text Domain: ee2020 */
/* This theme, like WordPress, is licensed under the GPL. */
/* Use it to make something cool, have fun, and share what you've learned with others. */
@import url("https://fonts.googleapis.com/css2?family=Yantramanav:wght@400;500;700;900&display=swap");
html {
  overflow-y: scroll;
}

pre {
  text-align: left !important;
}

sup {
  vertical-align: baseline;
  font-size: 0.75em;
  top: -0.4em;
  position: relative;
}

[data-is-showing=false] {
  display: none !important;
}

.wrapping_center {
  max-width: 100rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  display: block;
  position: relative;
}

#header {
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#header .logo-container {
  background-image: url("images/ee_logo_retina.png");
  transform: translateZ(0);
  will-change: transform;
  width: 185px;
  height: 123px;
}
#header .wrapping_center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}
#header .wrapping_center .header-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 3;
  height: 123px;
}
#header .wrapping_center .header-right .header-row-above,
#header .wrapping_center .header-right .header-row-below {
  padding: 0.7em 0 0.1em 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
#header .wrapping_center .header-right .header-row-above {
  padding-right: 1.5em;
}
#header .wrapping_center .header-left .logo-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  position: absolute;
  display: inline-block;
  transition: all 0.2s;
  transform: translateZ(0);
  will-change: transform;
}
@media screen and (max-width: 1000px) {
  #header .wrapping_center .header-left .logo-container {
    width: 120px !important;
    height: 80px !important;
  }
}
#header .wrapping_center .header-left .logo-container:hover {
  cursor: pointer;
  transition: all 0.2s;
  opacity: 0.8;
}
@media screen and (max-width: 1000px) {
  #header .header-row-above,
  #header .header-row-below {
    display: none !important;
  }
}

.header_mobile_navigation_button {
  display: none;
  position: absolute;
  width: 50px;
  height: 50px;
  display: none;
  right: 20px;
  top: 24px;
  line-height: 36px;
  font-size: 2em;
  color: #444;
  transition: all 0.2s;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .header_mobile_navigation_button {
    display: block;
  }
}
.header_mobile_navigation_button:hover {
  cursor: pointer;
  opacity: 0.8;
}

.mobile-menu .menu {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.mobile-menu .menu .menu-item {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  padding: 0 !important;
  background-color: #FFF;
}
.mobile-menu .menu .menu-item:after {
  display: none !important;
}
.mobile-menu .menu .menu-item:before {
  width: 4px !important;
  height: 100% !important;
  bottom: auto !important;
}
.mobile-menu .menu .menu-item .menu-label {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.75em 1em !important;
  line-height: 1.3em !important;
}
.mobile-menu .menu .menu-item .sub-menu {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-left: 0 !important;
  box-shadow: none !important;
  background-color: #F6F6F6 !important;
}
.mobile-menu .menu .menu-item .sub-menu .sub-menu-item {
  padding: 0.75em 1em 0.75em 2em !important;
  line-height: 1.3em !important;
}
.mobile-menu .menu .menu-item .sub-menu a {
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 100% !important;
}

.header-row-below .menu,
.mobile-menu .menu {
  display: inline-block;
  list-style: none;
}
.header-row-below .menu li[class*=nav_selected_] > a,
.mobile-menu .menu li[class*=nav_selected_] > a {
  font-weight: bold;
}
.header-row-below .menu .sub-menu,
.mobile-menu .menu .sub-menu {
  margin-top: 0px;
  padding-top: 0.8em;
  padding-bottom: 1em;
  display: none;
  position: absolute;
  width: 300px;
  flex-direction: column;
  background-color: #FFF;
  transition: display 1s;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.header-row-below .menu .sub-menu .sub-menu-item,
.mobile-menu .menu .sub-menu .sub-menu-item {
  box-sizing: border-box;
  text-align: left;
  padding: 0.75em 1em;
  width: 100%;
  line-height: 1.3em;
  display: block;
}
.header-row-below .menu .sub-menu .sub-menu-item:hover,
.mobile-menu .menu .sub-menu .sub-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.header-row-below .menu .sub-menu:hover,
.mobile-menu .menu .sub-menu:hover {
  display: block;
}
.header-row-below .menu .menu-item,
.mobile-menu .menu .menu-item {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  transition: all 0.2s;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  line-height: 32px;
  font-weight: bold;
  padding-bottom: 0;
}
.header-row-below .menu .menu-item:after,
.mobile-menu .menu .menu-item:after {
  content: "\e93a";
  font-family: "linearicons";
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -0.5em;
  font-size: 0.9em;
  left: 0;
  z-index: 2;
  opacity: 0;
  color: #92278F;
  transition: all 0.2s;
  transition-timing-function: ease-in-out;
}
.header-row-below .menu .menu-item:before,
.mobile-menu .menu .menu-item:before {
  position: absolute;
  width: 100%;
  height: 4px;
  content: " ";
  bottom: -15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.header-row-below .menu .menu-item span.menu-label:hover,
.mobile-menu .menu .menu-item span.menu-label:hover {
  cursor: default;
}
.header-row-below .menu .menu-item a.menu-label:hover,
.mobile-menu .menu .menu-item a.menu-label:hover {
  cursor: pointer;
}
.header-row-below .menu .menu-item .menu-label,
.mobile-menu .menu .menu-item .menu-label {
  color: #666;
  padding: 0em 1em;
}
.header-row-below .menu .menu-item:hover:after,
.mobile-menu .menu .menu-item:hover:after {
  opacity: 1;
  bottom: -1.3em;
}
.header-row-below .menu .menu-item:hover .menu-label,
.mobile-menu .menu .menu-item:hover .menu-label {
  color: #92278F;
  padding-bottom: 0.5em;
}
.header-row-below .menu .menu-item a,
.mobile-menu .menu .menu-item a {
  text-decoration: none;
  color: #666;
}
.header-row-below .menu .menu-item:hover .sub-menu,
.mobile-menu .menu .menu-item:hover .sub-menu {
  transition: display 0s;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.header_mobile_navigation_flyout .header_product_login_link,
.header_mobile_navigation_flyout .header_contact_us_button,
.header_mobile_navigation_flyout .header_free_trial_button {
  margin: 0;
}

.mobile-menu {
  background-color: #F6F6F6;
  padding-bottom: 5em;
}
.mobile-menu .menu {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.mobile-menu .menu .menu-item {
  width: 100%;
  padding: 1em;
}
.mobile-menu .menu .menu-item .sub-menu {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  padding-left: 2em;
  position: relative;
  background-color: transparent;
}

.columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
@media screen and (max-width: 1000px) {
  .columns {
    flex-direction: column !important;
  }
  .columns.reverse {
    flex-direction: column-reverse !important;
  }
  .columns .main_content_col,
  .columns .second_col_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 1em;
    width: 100% !important;
  }
}
.columns.reverse {
  flex-direction: row-reverse;
}
.columns.reverse .main_content_col {
  padding-right: 0;
  padding-left: 1em;
}
.columns.reverse .second_col_content {
  padding-right: 1em;
  padding-left: 0;
}
.columns .main_content_col {
  width: 60%;
  position: relative;
  vertical-align: top;
  padding-right: 1em;
  box-sizing: border-box;
}
.columns .main_content_col.justify-center {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: center;
}
.columns .main_content_col.justify-center p {
  margin-left: 0;
}
.columns .second_col_content {
  width: 40%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  vertical-align: top;
  padding-left: 2em;
  box-sizing: border-box;
}
.columns .second_col_content.tinyForm {
  padding-top: 3em;
}
@media screen and (max-width: 1000px) {
  .columns .second_col_content.tinyForm {
    padding-top: 0em;
  }
}
.columns .second_col_content.tinyForm .with_frm_style .frm_form_fields > fieldset {
  padding: 0 !important;
}
.columns .second_col_content.tinyForm .frm_style_formidable-style.with_frm_style .frm_submit button {
  margin: 0 !important;
}
.columns .second_col_content .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.columns .second_col_content .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.columns .second_col_content .video-container .html5-video-player {
  background-color: #FFF !important;
}

@media screen and (max-width: 1000px) {
  .hero_image {
    height: 20px;
  }
}

.hero {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .hero {
    min-height: 0 !important;
    padding-bottom: 75px;
    padding-top: 25px;
    height: auto !important;
  }
  .hero:after {
    height: 50px !important;
  }
}
.hero.cta-hero {
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .hero.cta-hero {
    margin-bottom: 0;
  }
}
.hero .column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.hero .column .hero-content {
  color: #444444;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.hero .column .hero-content h1 {
  font-family: "Yantramanav", Roboto, Arial, sans-serif;
  color: #92278F;
}
.hero .column .hero-content .left {
  z-index: 2;
  width: 60%;
}
.hero .column .hero-content .left .hero-container {
  text-align: left;
  padding-right: 2em;
}
@media screen and (max-width: 1000px) {
  .hero .column .hero-content .left .hero-container {
    padding-left: 0;
    padding-right: 2em;
  }
}
.hero .column .hero-content .left .hero-container p {
  line-height: 1.2em;
  width: 80%;
}
.hero .column .hero-content .left .hero-container p.post-tags {
  font-size: 0.75em;
  margin-bottom: 0.5em;
}
.hero .column .hero-content .left .hero-container p.post-tags .resource-tag {
  display: inline-block;
  color: #444;
  border: 1px solid #444;
  border-radius: 3px;
  margin-right: 1em;
  padding: 0.25em 0.5em;
}
.hero .column .hero-content .left .hero-container p.post-tags .resource-tag:hover {
  cursor: pointer;
  border-color: #0c82c2;
  background-color: #0c82c2;
  color: #FFF;
}
.hero .column .hero-content .left .hero-container a {
  text-decoration: none;
}
.hero .column .hero-content .left .button {
  margin-top: 1em;
}
.hero .column .hero-content .right {
  z-index: 2;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 40%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hero .column .hero-content .right .image-container {
  width: 100%;
  position: relative;
}
.hero .column .hero-content .right .image-container img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .hero .column .hero-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .hero .column .hero-content .left {
    width: 100% !important;
  }
  .hero .column .hero-content .left .hero-container {
    text-align: center;
  }
  .hero .column .hero-content .left .hero-container p {
    width: 100%;
    text-align: center;
  }
  .hero .column .hero-content .right {
    display: none !important;
  }
}
.hero .column .hero-boxes {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 2;
}
.hero .column .hero-boxes a {
  display: inline-block;
  position: relative;
  width: calc(33% - 10px);
  text-decoration: none;
  box-sizing: border-box;
  pointer-events: none;
}
.hero .column .hero-boxes a .box {
  width: 100%;
  height: 230px;
  background-color: #FFF;
  border: 1px solid #F1F1F1;
  border-radius: 3px;
  padding: 2em;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
  will-change: transform;
}
.hero .column .hero-boxes a .box .left span {
  padding-left: 10px;
  font-size: 100px;
  color: #f5b61a;
}
.hero .column .hero-boxes a .box .right {
  padding: 0 0 0 2em;
  color: #4c4949;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .hero .column .hero-boxes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .hero .column .hero-boxes a {
    width: 100%;
    margin-bottom: 1em;
  }
  .hero .column .hero-boxes a:last-child {
    margin-bottom: 0;
  }
  .hero .column .hero-boxes a .box {
    width: 100%;
    height: auto;
  }
  .hero .column .hero-boxes a .box .left span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .hero .column .hero-boxes {
    display: none;
    margin-top: 1em;
  }
  .hero .column .hero-boxes .box {
    width: 100%;
    margin-bottom: 2em;
  }
  .hero .column .hero-boxes .box:last-child {
    margin-bottom: 0;
  }
}

#content {
  width: 100%;
  z-index: 1;
  display: block;
  position: relative;
  clear: both;
  min-height: calc(100vh - 230px - 123px);
}
#content .category-pills {
  text-align: center;
  margin-top: 1em;
}
@media screen and (max-width: 1000px) {
  #content .category-pills {
    margin-top: 1em;
  }
  #content .category-pills .category-pill .label {
    font-size: 0.9em !important;
  }
}
#content .category-pills .category-pill {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  padding: 0.35em 1.2em;
  margin-top: 0.5em;
  margin-right: 0.5em;
  font-weight: 600;
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  color: #fff;
}
#content .category-pills .category-pill .icon {
  font-size: 20px;
  padding-right: 10px;
  transition: transform 0.4s ease;
}
#content .category-pills .category-pill .label {
  font-size: 1.1em;
}
#content .row {
  width: 100%;
  height: 100%;
  position: relative;
}
#content .row .column {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1650px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  padding: 0 1em;
}
#content .row .column > h1 {
  width: 100%;
  text-align: center;
  margin: 2em 0 1em 0;
}
#content .row .column > h2 {
  width: 100%;
  text-align: center;
}
#content .row .column > h3,
#content .row .column > h4 {
  width: 100%;
}
#content .row .column p {
  width: 100%;
}
#content .row .column .maps-flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 600px;
  align-items: stretch;
  overflow: hidden;
  border-radius: 3px;
}
@media screen and (max-width: 1000px) {
  #content .row .column .maps-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  #content .row .column .maps-flex-container .address {
    width: 100% !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  }
  #content .row .column .maps-flex-container iframe {
    width: 100% !important;
  }
}
#content .row .column .maps-flex-container .address {
  padding: 1em;
  width: 300px;
  font-size: 0.9em;
  background-color: #F6F6F6;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
#content .row .column .maps-flex-container .address p:first-child {
  margin-top: 0;
}
#content .row .column .maps-flex-container iframe {
  z-index: 1;
  filter: grayscale(80%);
  transition: all 0.2s;
}
#content .row .column .maps-flex-container iframe:hover {
  filter: grayscale(0%);
}
#content .row .column .maps-flex-container iframe {
  width: 100%;
}
#content .row .column figure.wp-block-image {
  background-color: #F6F6F6;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#content .row .column figure.wp-block-image img {
  width: 100%;
}
#content .button {
  display: inline-block;
  background-color: #92278F;
  color: #FFFFFF;
  padding: 0.75em 1em;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 0.5em;
}
#content .button.disabled {
  background-color: #EEE;
  pointer-events: none;
}
#content .button.disabled .button-content {
  color: #BBB !important;
}
#content .button.disabled:hover {
  background-color: #EEE;
  cursor: not-allowed;
}
#content .button.disabled:hover .button-content {
  color: #BBB !important;
}
#content .button:hover {
  background-color: rgb(166.1243243243, 44.3756756757, 162.7108108108);
  cursor: pointer;
}
#content .button .button-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#content .button .button-content span:not([data-checkout-button-label]) {
  padding-right: 0.5em;
  font-size: 1.5em;
}
#content .button.button-secondary {
  background-color: #444444;
  color: #FFF;
}
#content .button.button-secondary:hover {
  background-color: #555;
}

.module-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5em;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .module-summary {
    margin-bottom: 1em !important;
  }
}
.module-summary.reverse {
  flex-direction: row-reverse;
}
.module-summary.reverse .right {
  padding-left: 0;
  padding-right: 1em;
}
.module-summary.reverse .left .revealed {
  animation-name: revealRight !important;
}
.module-summary.reverse .left img {
  right: 0;
}
@media screen and (max-width: 1000px) {
  .module-summary {
    flex-direction: column-reverse !important;
    padding-top: 1em;
  }
  .module-summary.reverse {
    flex-direction: column-reverse !important;
  }
  .module-summary.reverse .left {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .module-summary .right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .module-summary .left {
    width: 100% !important;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .module-summary .left img {
    right: 0 !important;
    left: 0 !important;
  }
  .module-summary h2 {
    text-align: center;
  }
}
.module-summary .right {
  padding-left: 1em;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .module-summary .right {
    width: 100% !important;
  }
}
.module-summary .right .key-point {
  padding: 0.5em 1em 0.5em 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5em;
}
@media screen and (max-width: 1000px) {
  .module-summary .right .key-point {
    line-height: 1.3em;
    padding-left: 0;
    padding-right: 0;
  }
}
.module-summary .right .key-point .icon {
  display: block;
  min-width: 55px;
  font-size: 34px;
}
.module-summary .right .key-point .content {
  color: #4c4949;
}
.module-summary .right .key-point.module-button {
  padding-top: 1em;
}
@media screen and (max-width: 1000px) {
  .module-summary .right .key-point.module-button {
    justify-content: center;
  }
  .module-summary .right .key-point.module-button .button2 {
    margin-right: 0;
  }
}
.module-summary .left {
  position: relative;
  width: 50%;
}
.module-summary .left img {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  max-width: none;
  right: 1em;
  border-radius: 5px;
  transition: all 0.2s;
}
.module-summary .left img:hover {
  cursor: zoom-in;
}
.module-summary .left img.shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.module-summary .left img.revealed {
  animation-name: revealLeft;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
@media screen and (max-width: 1000px) {
  .module-summary .left img.revealed {
    animation: none !important;
  }
}

.bulletin-container {
  margin-top: 4em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  border: 1px solid #92278F;
  border-radius: 3px;
}
.bulletin-container .bulletin-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #92278F;
  color: #FFF;
  padding: 1em;
  box-sizing: border-box;
  font-family: "Yantramanav", Roboto, Arial, sans-serif;
}
.bulletin-container .bulletin-header .left {
  font-size: 1.2em;
  font-weight: bold;
}
.bulletin-container .bulletin-header .right {
  text-align: right;
}
.bulletin-container .bulletin-header .right a {
  text-decoration: none;
  color: #FFF;
}
.bulletin-container .bulletin-header .right a:hover {
  text-decoration: underline;
}
.bulletin-container .bulletin-header .left,
.bulletin-container .bulletin-header .right {
  width: 50%;
}
.bulletin-container .latest-bulletins {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.bulletin-container .latest-bulletins a {
  text-decoration: none !important;
}
.bulletin-container .latest-bulletins a:last-child .bulletin-entry {
  border-bottom: none;
}
.bulletin-container .latest-bulletins h2 {
  margin-bottom: 0.5em;
}
.bulletin-container .latest-bulletins .bulletin-entry {
  padding: 1.5em 1em;
  line-height: 1.2em;
  display: block;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.bulletin-container .latest-bulletins .bulletin-entry h2 {
  line-height: 1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bulletin-container .latest-bulletins .bulletin-entry h2 .bulletin_dot {
  min-width: 14px;
}
.bulletin-container .latest-bulletins .bulletin-entry:hover {
  cursor: pointer;
  opacity: 0.8;
}
.bulletin-container .latest-bulletins .bulletin-entry .content {
  color: #444;
  line-height: 1.5em;
  display: block;
  padding-left: 1.6em;
}

.bulletin-container2 {
  text-align: center;
  width: 100%;
  margin-top: 5em;
  display: block;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .bulletin-container2 {
    margin-top: 2em !important;
  }
}
.bulletin-container2 .latest-bulletins {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 1em;
  line-height: 1.6em;
  margin-bottom: 2em;
  margin-top: 2em;
}
.bulletin-container2 .latest-bulletins.revealed a {
  opacity: 1;
  animation-name: revealBottom;
  animation-iteration-count: 1;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
.bulletin-container2 .latest-bulletins.revealed a:nth-child(1) {
  animation-delay: 0s;
}
.bulletin-container2 .latest-bulletins.revealed a:nth-child(2) {
  animation-delay: 0.1s;
}
.bulletin-container2 .latest-bulletins.revealed a:nth-child(3) {
  animation-delay: 0.2s;
}
.bulletin-container2 .latest-bulletins.revealed a:nth-child(4) {
  animation-delay: 0.3s;
}
.bulletin-container2 .latest-bulletins.revealed a:nth-child(5) {
  animation-delay: 0.4s;
}
.bulletin-container2 .latest-bulletins.revealed a:nth-child(6) {
  animation-delay: 0.5s;
}
@media screen and (max-width: 1000px) {
  .bulletin-container2 .latest-bulletins {
    flex-direction: column;
  }
  .bulletin-container2 .latest-bulletins a:nth-child(3),
  .bulletin-container2 .latest-bulletins a:nth-child(4) {
    display: none;
  }
  .bulletin-container2 .latest-bulletins a {
    max-width: 100% !important;
  }
}
.bulletin-container2 .latest-bulletins a {
  box-sizing: border-box;
  font-size: 0.9em;
  display: block;
  text-decoration: none;
  background-color: #FAFAFA;
  width: 100%;
  max-width: 400px;
  min-width: 200px;
  padding: 1em;
  position: relative;
  transition: all 0.1s;
  overflow: hidden;
}
.bulletin-container2 .latest-bulletins a [data-is-material-ripple] circle {
  fill: rgba(0, 0, 0, 0.02) !important;
}
.bulletin-container2 .latest-bulletins a:hover {
  transform: scale(1.02);
  cursor: pointer;
}
.bulletin-container2 .latest-bulletins a::before, .bulletin-container2 .latest-bulletins a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  background: #F2F2F2;
  z-index: 2;
  transform: rotate(180deg);
}
.bulletin-container2 .latest-bulletins a::before {
  top: 0;
  clip-path: polygon(0 100%, 5% 80%, 10% 100%, 15% 80%, 20% 100%, 25% 80%, 30% 100%, 35% 80%, 40% 100%, 45% 80%, 50% 100%, 55% 80%, 60% 100%, 65% 80%, 70% 100%, 75% 80%, 80% 100%, 85% 80%, 90% 100%, 95% 80%, 100% 100%);
}
.bulletin-container2 .latest-bulletins a::after {
  bottom: 0;
  clip-path: polygon(0 0, 5% 20%, 10% 0, 15% 20%, 20% 0, 25% 20%, 30% 0, 35% 20%, 40% 0, 45% 20%, 50% 0, 55% 20%, 60% 0, 65% 20%, 70% 0, 75% 20%, 80% 0, 85% 20%, 90% 0, 95% 20%, 100% 0);
}
.bulletin-container2 .latest-bulletins a .bulletin-entry {
  line-height: 1.6em;
  display: block;
  position: relative;
}
.bulletin-container2 .latest-bulletins a .bulletin-entry h3 {
  margin-top: 0.5em;
  font-weight: bold;
}
.bulletin-container2 .latest-bulletins a .bulletin-entry h2 {
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5em;
  text-align: center;
  padding: 0.5em 0;
  color: #666;
  background: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: unset;
}
.bulletin-container2 .latest-bulletins a .bulletin-entry .content {
  color: #666;
  text-align: left;
  display: block;
  padding-bottom: 1em;
}

.highlightRow {
  position: relative;
}
@media screen and (max-width: 1000px) {
  .highlightRow p {
    text-align: left !important;
  }
}
.highlightRow.darken:before {
  background: linear-gradient(to bottom, #F2F2F2 0%, #EAEAEA 10%, #EAEAEA 90%, #F2F2F2 100%);
}
.highlightRow:before {
  content: " ";
  background: linear-gradient(to bottom, #F2F2F2 0%, #FAFAFA 10%, #FAFAFA 90%, #F2F2F2 100%);
  position: absolute;
  z-index: -1;
  width: 500%;
  left: -250%;
  height: calc(100% + 10rem);
  top: -5rem;
}

.alternating-module {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 110px 0;
  position: relative;
}
.alternating-module p {
  padding: 0.5em 0;
}
.alternating-module:nth-child(even):before {
  content: " ";
  background: linear-gradient(to bottom, #F2F2F2 0%, #FAFAFA 10%, #FAFAFA 90%, #F2F2F2 100%);
  position: absolute;
  z-index: -1;
  width: 500%;
  left: -250%;
  height: calc(100% + 10rem);
  top: -5rem;
}
.alternating-module.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.alternating-module.no-margin-top {
  margin-top: 0;
}
.alternating-module.no-margin-top .left:first-child {
  padding-top: 0 !important;
}
.alternating-module:last-child {
  margin-bottom: 100px;
}
.alternating-module.stack-vertical {
  flex-direction: column !important;
  margin-bottom: 4em !important;
}
.alternating-module.stack-vertical .left,
.alternating-module.stack-vertical .right {
  width: 100% !important;
  text-align: center;
}
.alternating-module .left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 50%;
  padding-right: 50px;
}
.alternating-module .left.full-width {
  width: 100% !important;
  text-align: center;
  padding-right: 0;
}
@media screen and (max-width: 1000px) {
  .alternating-module .left {
    align-items: center;
  }
}
.alternating-module .left img.module-logo {
  max-width: 360px !important;
  max-height: 100px;
  margin-left: 0;
}
@media screen and (max-width: 1000px) {
  .alternating-module .left img.module-logo {
    max-width: 100% !important;
    margin: 0 auto;
    padding-bottom: 2em;
  }
}
.alternating-module .right {
  position: relative;
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alternating-module .right img {
  position: relative;
  top: 0;
  width: 100% !important;
  height: auto;
  border-radius: 5px;
  transition: all 0.2s;
  image-rendering: auto;
}
.alternating-module .right img:hover {
  cursor: zoom-in;
}
.alternating-module .right img.shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.alternating-module .right img.no-effects {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.alternating-module.product-logo {
  margin-bottom: 100px;
}
@media screen and (max-width: 1000px) {
  .alternating-module.product-logo .left {
    width: 100% !important;
  }
  .alternating-module.product-logo .right {
    padding-top: 0 !important;
  }
  .alternating-module.product-logo img {
    max-width: 100% !important;
  }
}
.alternating-module.product-logo img {
  max-width: 450px !important;
  padding: 1em;
}
.alternating-module.product-logo img:hover {
  cursor: default !important;
}
.alternating-module.product-logo .left {
  padding-right: 0em;
  width: 65%;
}
.alternating-module:nth-child(odd):not(.reverse) {
  flex-direction: row-reverse;
}
.alternating-module:nth-child(odd):not(.reverse) .left {
  padding-left: 50px;
  padding-right: 0;
}
.alternating-module:nth-child(odd):not(.reverse) .right img {
  right: 0;
}
@media screen and (max-width: 1000px) {
  .alternating-module:nth-child(odd):not(.reverse) .left {
    padding-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  .alternating-module.mobile-reverse-columns {
    flex-direction: column-reverse !important;
  }
}
@media screen and (max-width: 1000px) {
  .alternating-module {
    margin: 2em 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column !important;
    height: auto;
    width: 100%;
  }
  .alternating-module:last-child {
    margin-bottom: 0;
  }
  .alternating-module:nth-child(even) {
    flex-direction: column;
  }
  .alternating-module:nth-child(even) .left {
    padding-left: 0 !important;
  }
  .alternating-module .right,
  .alternating-module .left {
    width: 100%;
    padding: 0;
  }
  .alternating-module .right,
  .alternating-module .left {
    padding-top: 1em;
    height: auto;
  }
  .alternating-module .right img,
  .alternating-module .left img {
    position: relative;
    height: auto;
  }
  .alternating-module.product-logo {
    margin-bottom: 1em;
  }
  .alternating-module.product-logo .right:not(.product-comparison) {
    padding-left: 2em;
    padding-right: 2em;
    box-sizing: border-box;
  }
}

.requirement-rows {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  margin-top: 2em;
  margin-bottom: 5em;
}
@media screen and (max-width: 1000px) {
  .requirement-rows {
    grid-template-columns: repeat(1, 1fr);
  }
}
.requirement-rows.revealed .requirement-row {
  opacity: 1;
  animation-name: revealBottom;
  animation-iteration-count: 1;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
.requirement-rows.revealed .requirement-row:nth-child(1) {
  animation-delay: 0s;
}
.requirement-rows.revealed .requirement-row:nth-child(2) {
  animation-delay: 0.1s;
}
.requirement-rows.revealed .requirement-row:nth-child(3) {
  animation-delay: 0.2s;
}
.requirement-rows.revealed .requirement-row:nth-child(4) {
  animation-delay: 0.3s;
}
.requirement-rows.revealed .requirement-row:nth-child(5) {
  animation-delay: 0.4s;
}
.requirement-rows.revealed .requirement-row:nth-child(6) {
  animation-delay: 0.5s;
}
.requirement-rows .requirement-row {
  width: auto;
  padding: 1.25em 1.5em;
  margin-bottom: 0;
  background-color: #FAFAFA;
  border-radius: 10px;
  font-size: 0.9em;
  line-height: 1.5em;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.requirement-rows .requirement-row .requirement-content ul {
  font-size: 18px !important;
}
.requirement-rows .requirement-row h3 {
  font-weight: bold;
  margin-top: 0;
}
.requirement-rows .requirement-row li {
  padding-bottom: 0.5em;
}

.center-heading {
  text-align: center;
}
.center-heading.margin-top {
  margin-top: 2em;
}
.center-heading + p {
  max-width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .center-heading + p {
    max-width: 100%;
  }
}

.flex-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.flex-center .video-paragraph-container {
  margin-top: 2em;
  width: 100%;
  max-width: 800px;
  position: relative;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 1em;
}
.flex-center .video-paragraph-container .video-inset-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.flex-center .video-paragraph-container .video-inset-container object,
.flex-center .video-paragraph-container .video-inset-container iframe,
.flex-center .video-paragraph-container .video-inset-container embed {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 800px;
  clip-path: inset(1px 1px);
}

.resource-header-tag-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 900px) {
  .resource-header-tag-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .resource-header-tag-container .resource-header-tag {
    width: 100%;
  }
  .resource-header-tag-container .resource-header-tag[data-is-active=true]:after {
    display: none;
  }
}
.resource-header-tag-container .resource-header-search {
  padding: 1em 0 1em 1.5em;
  align-self: flex-end;
  flex-grow: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  position: relative;
}
.resource-header-tag-container .resource-header-search:before {
  content: "\f002";
  font-family: "FontAwesome";
  color: #BBB;
  left: -0.5em;
  position: relative;
}
.resource-header-tag-container .resource-header-search input {
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
  font-size: 16px;
  max-width: 300px;
  background-color: transparent;
  border: none;
  padding: 0.25em;
}
.resource-header-tag-container .resource-header-search input:focus {
  outline: none;
}
.resource-header-tag-container .resource-header-search input:hover {
  filter: brightness(150%);
}
.resource-header-tag-container .resource-header-tag {
  padding: 1em 1.5em;
  position: relative;
  cursor: pointer;
}
.resource-header-tag-container .resource-header-tag span {
  margin-right: 0.75em;
  color: #BBB;
}
.resource-header-tag-container .resource-header-tag[data-is-active=true] {
  background-color: rgba(0, 0, 0, 0.025);
}
.resource-header-tag-container .resource-header-tag[data-is-active=true] span {
  color: #92278F;
}
.resource-header-tag-container .resource-header-tag[data-is-active=true]:after {
  content: " ";
  position: absolute;
  border-bottom: 2px solid #92278F;
  bottom: -2px;
  left: 0;
  width: 100%;
}
.resource-header-tag-container .resource-header-tag:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.resources-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media screen and (max-width: 900px) {
  .resources-container a {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}
.resources-container a {
  text-decoration: none;
  display: inline-block;
  min-width: 300px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.5em;
}
.resources-container a:nth-child(odd) {
  margin-right: 2em;
}
.resources-container a .resource-thumbnail {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-end;
  transition: all 0.2s;
  will-change: transform;
  background: #F6F6F6 center;
  border-bottom: none;
  background-size: cover;
  position: relative;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.resources-container a .resource-thumbnail .resource-decoration {
  max-width: 10px;
  width: 100%;
  background-size: cover;
  transition: all 0.2s;
}
.resources-container a .resource-thumbnail .resource-info-container {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  box-sizing: border-box;
  padding: 1em 1em 1em;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.resources-container a .resource-thumbnail .heading {
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
}
.resources-container a .resource-thumbnail .tags {
  font-size: 0.75em;
}
.resources-container a .resource-thumbnail .tags .post-date {
  color: #999;
}
.resources-container a .resource-thumbnail .tags .resource-tag {
  display: inline-block;
  color: #444;
  border: 1px solid #444;
  border-radius: 3px;
  margin-right: 0.5em;
  padding: 0.25em 0.5em;
  line-height: 1.2em;
}
.resources-container a .resource-thumbnail .tags .date {
  display: inline-block;
  color: #666;
  margin-right: 1em;
  padding: 0.25em 0;
  line-height: 1.2em;
}
.resources-container a .resource-thumbnail:hover {
  cursor: pointer;
}
.resources-container a .resource-thumbnail:hover .resource-info-container {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgba(0, 0, 0, 0.3);
}

.related-resources {
  width: 100%;
  margin-top: 8em;
}
.related-resources h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.post-author {
  margin-top: -2.5em;
  margin-bottom: 1.5em;
  color: #999;
  font-size: 0.9em;
}
.post-author span {
  padding-right: 0.5em;
}

.resources-centered-search form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  margin-top: 2em;
  margin-bottom: 4em;
}
.resources-centered-search form input {
  max-width: 500px;
  width: 100%;
  padding: 1em;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #FFF;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  border: 1px solid #92278F;
}
.resources-centered-search form .search-button {
  background-color: #92278F;
  border: 1px solid #92278F;
  color: #FFF;
  outline: none;
  padding: 0.28em 3em;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.resources-centered-search form .search-button span {
  font-size: 1.5em;
}
.resources-centered-search form .search-button:hover {
  opacity: 0.9;
  cursor: pointer;
}

.resources-horizontal-containers {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .resources-horizontal-containers {
    margin-top: 2em;
  }
}
.resources-horizontal-containers .category-heading {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 1000px) {
  .resources-horizontal-containers .category-heading h2 {
    font-size: 1.2em;
  }
}
.resources-horizontal-containers .category-heading .left {
  font-size: 1.5em;
  color: #92278F;
  font-weight: bold;
}
.resources-horizontal-containers .category-heading .right {
  text-align: right;
  font-weight: bold;
  color: #92278F;
  font-size: 0.9em;
}
.resources-horizontal-containers .category-heading .right span {
  padding-left: 1em;
  transition: all 0.2s;
}
.resources-horizontal-containers .category-heading .right a {
  text-decoration: none;
  padding: 1em 1em 1em 1em;
  transition: padding 0.2s;
}
.resources-horizontal-containers .category-heading .right a:hover {
  background-color: #FAFAFA;
  cursor: pointer;
  padding: 1em 0.5em 1em 1em;
  border-radius: 5px;
}
.resources-horizontal-containers .category-heading .right a:hover span {
  padding-left: 1.5em;
}
.resources-horizontal-containers .category-posts {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: flex-start;
  gap: 2em;
  margin-bottom: 3em;
}
.resources-horizontal-containers .category-posts.center-flex {
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .resources-horizontal-containers .category-posts {
    flex-direction: column;
  }
  .resources-horizontal-containers .category-posts a {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.resources-horizontal-containers .category-posts a {
  display: block;
  width: 32%;
  max-width: 32%;
  flex-shrink: 2;
  position: relative;
  text-decoration: none;
  transition: all 0.2s;
}
.resources-horizontal-containers .category-posts a:active {
  transform: scale(1.01) !important;
}
.resources-horizontal-containers .category-posts a:hover {
  transform: scale(1.02);
}
.resources-horizontal-containers .category-posts a:hover .post-item-image:after {
  background-position: 100% 100%;
}
.resources-horizontal-containers .category-posts a:hover span {
  color: #0c82c2;
}
.resources-horizontal-containers .category-posts .resource-title {
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  color: #444;
  display: block;
  position: relative;
  width: 100%;
}
.resources-horizontal-containers .category-posts .post-item-image {
  display: block;
  position: relative;
  width: 100%;
  height: 150px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background-size: cover;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 0.5em;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.resources-horizontal-containers .category-posts .post-item-image:after {
  content: " ";
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: all 0.2s;
}
.resources-horizontal-containers .category-posts .post-item-image .time-ago-badge {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 1em;
  color: #EEEEEE;
  font-size: 0.8em;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  overflow: hidden;
  line-height: 1em;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.new-breadcrumb {
  font-weight: bold;
  color: #92278F;
  font-size: 1em;
}
.new-breadcrumb span {
  padding-left: 0 !important;
  padding-right: 1em;
  transition: all 0.2s;
}
.new-breadcrumb a {
  text-decoration: none;
  padding: 1em 1em 1em 1em;
  transition: padding 0.2s;
}
.new-breadcrumb a:hover {
  background-color: #FAFAFA;
  cursor: pointer;
  padding: 1em 1em 1em 0.5em;
  text-decoration: none;
  border-radius: 5px;
}
.new-breadcrumb a:hover span {
  padding-right: 1.67em;
}

.page_content_padding {
  padding: 3em 2em 3em 2em;
  text-align: left;
  line-height: 2em;
  font-size: 18px;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  vertical-align: top;
  color: #444;
}
@media screen and (max-width: 1000px) {
  .page_content_padding {
    padding: 2em 1em 3em 1em;
    line-height: 1.2em;
  }
  .page_content_padding p {
    font-size: 0.9em;
  }
  .page_content_padding h2 {
    line-height: 1.2em;
  }
  .page_content_padding ul, .page_content_padding ol {
    font-size: 0.9em;
    text-align: left;
  }
}
.page_content_padding .videoWrapper {
  margin-top: 2em;
}
.page_content_padding hr {
  height: 1px;
  border-width: 0px;
  font-size: 5em;
}
.page_content_padding h2:first-child {
  margin-top: 0em;
}
.page_content_padding h3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.2em;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  margin: 1em 0em 0.5em 0em;
}
.page_content_padding blockquote {
  padding: 4em;
  position: relative;
  text-align: center;
  margin-top: 1em;
}
@media screen and (max-width: 1000px) {
  .page_content_padding blockquote {
    padding: 1em;
  }
}
.page_content_padding blockquote strong {
  font-weight: 300;
}
.page_content_padding em {
  font-style: italic;
}
.page_content_padding blockquote em {
  font-style: italic;
  font-size: 1.2em;
}
.page_content_padding blockquote:before {
  content: "“";
  font-family: "Arial Black";
  position: absolute;
  font-size: 10em;
  left: 0;
  top: 50px;
  opacity: 0.1;
}
.page_content_padding blockquote:after {
  content: "”";
  font-family: "Arial Black";
  position: absolute;
  font-size: 10em;
  right: 0;
  bottom: 20px;
  opacity: 0.1;
}
.page_content_padding img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}
.page_content_padding strong {
  font-weight: bold;
}
.page_content_padding h1 {
  font-size: 3em;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  margin: 0.7em 0em 0.25em 0em;
  line-height: 1.2em;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .page_content_padding h1 {
    font-size: 1.7em;
    text-align: center;
  }
}
.page_content_padding h2 {
  font-size: 1.5em;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  margin: 1em 0em 0.25em 0em;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .page_content_padding h2 {
    font-size: 1.5em;
    text-align: center;
  }
}
.page_content_padding ul li {
  padding-bottom: 0.5em;
}
@media screen and (max-width: 1000px) {
  .page_content_padding ul li {
    padding-bottom: 0;
  }
}
.page_content_padding.align-center {
  margin: 0 auto;
  text-align: center;
}

.wrapping_center_wide {
  max-width: 115rem;
  margin: 0 auto;
}

.hero-centered {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.hero-centered .hero-top {
  padding-bottom: 2rem;
}
.hero-centered .hero-bottom {
  margin-bottom: 5rem;
}
@media screen and (max-width: 1000px) {
  .hero-centered .hero-bottom {
    margin-bottom: 2rem;
    height: auto !important;
  }
}
.hero-centered .hero-bottom img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 1000px) {
  .hero-centered .hero-bottom img {
    height: auto !important;
  }
}
.hero-centered .hero-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.hero-centered .hero-buttons .button2:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .hero-centered .hero-buttons {
    flex-direction: column;
    gap: 1em;
  }
  .hero-centered .hero-buttons .button2 {
    font-size: 0.9em;
    min-width: 100%;
    box-sizing: border-box;
    margin-right: 0 !important;
  }
  .hero-centered .hero-buttons .button2 span {
    padding-right: 0.5em;
  }
}

.button2 {
  background-color: #92278F;
  color: #FFFFFF !important;
  padding: 0.5em 1em;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  font-weight: bold;
  margin-right: 1em;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0);
  display: inline-block;
  z-index: 0;
}
@media screen and (max-width: 1000px) {
  .button2 {
    padding: 0.5em 0.5em !important;
    line-height: 1.4em;
    text-align: center;
  }
  .button2 span {
    padding-right: 0.5em !important;
  }
}
.button2:hover {
  transform: scale(1.05);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
.button2:active {
  transform: scale(1.02);
  transition: all 0s;
}
.button2.alternate {
  background-color: #FFFFFF;
  color: #444444 !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.button2 span {
  padding-right: 1em;
}
.button2.highlight {
  overflow: visible;
  position: relative;
  z-index: 0;
}
.button2.highlight .buttonText {
  z-index: 1;
  position: relative;
}
.button2.highlight .ringBg {
  background-color: red;
  position: absolute;
  width: calc(100% - 1em);
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 3px;
  overflow: hidden;
}
.button2.highlight .ring {
  position: absolute;
  overflow: hidden;
  top: -4px;
  left: -4px;
  width: calc(100% + 2 * 4px - 1em);
  height: calc(100% + 2 * 4px);
  pointer-events: none;
  z-index: -1;
  border-radius: 3px;
  opacity: 0;
}
@media screen and (max-width: 1000px) {
  .button2.highlight .ring {
    display: none;
  }
}
.button2.highlight .ring.fadein {
  animation-name: ringFadeIn;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.button2.highlight .ring.fadeout {
  animation-name: ringFadeOut;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.button2.highlight .ring .paint {
  position: absolute;
  top: -195%;
  left: -26%;
  width: 150%;
  height: 500%;
  background: conic-gradient(transparent 0 20%, #447EC0 35% 46%, #F0B608 49% 60%, #19AA4B 63% 74%, transparent 80% 100%);
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(0turn);
  animation: spin 4s linear infinite;
  will-change: transform;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes ringFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ringFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spin {
  to {
    --angle: 360deg;
  }
}
.header-button {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  color: #444444;
  background: linear-gradient(to right, #E9E9E9 23%, #F2F2F2 23%);
  border-radius: 3px;
  min-width: 170px;
  box-sizing: border-box;
  text-align: center;
  height: 40px;
  text-decoration: none;
  position: relative;
  margin-left: 1em;
  cursor: pointer;
  transition: all 0.1s;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  line-height: 40px;
  font-weight: bold;
  overflow: hidden;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.header-button:hover {
  transform: scale(1.02);
  filter: translateZ(0);
}
.header-button:active {
  transform: scale(1);
  transition: all 0s;
}
.header-button span {
  display: inline-block;
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 0.5em;
  font-size: 1.25em;
}
.header-button.button-trial {
  background: linear-gradient(to right, #3cA04f 23%, #F2F2F2 23%);
}
.header-button.button-trial:hover {
  background: linear-gradient(to right, #3cA04f 100%, #F2F2F2 100%);
  color: #FFF !important;
}
.header-button.button-trial:hover span {
  animation-name: buttonTrial;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes buttonTrial {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes buttonTrial {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@-ms-keyframes buttonTrial {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes buttonTrial {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.header-button.button-trial span {
  color: #FFF !important;
}
.header-button.button-contact {
  background: linear-gradient(to right, #447EC0 23%, #F2F2F2 23%);
}
.header-button.button-contact:hover {
  color: #FFF !important;
  background: linear-gradient(to right, #447EC0 100%, #F2F2F2 100%);
}
.header-button.button-contact:hover span {
  animation-name: buttonContact;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes buttonContact {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes buttonContact {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-ms-keyframes buttonContact {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes buttonContact {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.header-button.button-contact span {
  color: #FFF !important;
}
.header-button.button-login {
  background: linear-gradient(to right, #92278F 23%, #F2F2F2 23%);
}
.header-button.button-login:hover {
  background: linear-gradient(to right, #92278F 100%, #F2F2F2 100%);
  color: #FFF !important;
}
.header-button.button-login:hover span {
  animation-name: buttonLogin;
  animation-iteration-count: 1;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes buttonLogin {
  0% {
    transform: translateX(0%);
  }
  25% {
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes buttonLogin {
  0% {
    transform: translateX(0%);
  }
  25% {
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-ms-keyframes buttonLogin {
  0% {
    transform: translateX(0%);
  }
  25% {
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes buttonLogin {
  0% {
    transform: translateX(0%);
  }
  25% {
    opacity: 0;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.header-button.button-login span {
  color: #FFF !important;
}

.header_product_login_link,
.header_contact_us_button,
.header_free_trial_button {
  color: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #3cA04f;
  border-radius: 5px;
  min-width: 150px;
  box-sizing: border-box;
  text-align: center;
  border: 2px solid transparent;
  padding: 0.5em 0.5em;
  position: relative;
  margin-left: 1em;
  cursor: pointer;
  transition: all 0.1s;
  font-weight: bold;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
}
.header_product_login_link span,
.header_contact_us_button span,
.header_free_trial_button span {
  padding-right: 1em;
}

.header_contact_us_button {
  background-color: #447EC0;
  color: #FFF;
}

.header_product_login_link {
  background-color: #92278F;
  color: #FFF;
}

.header_free_trial_button:hover {
  background-color: #FFF;
  color: #3cA04f;
  border-color: #3cA04f;
}

.footer_contact_us_button:hover,
.header_contact_us_button:hover {
  background-color: #FFF;
  color: #447EC0;
  border-color: #447EC0;
}

.header_product_login_link:hover {
  background-color: #FFF;
  color: #92278F;
  border-color: #92278F;
}

.product_showcase_container {
  width: 420px;
  min-width: 300px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  box-sizing: border-box;
  padding: 1em;
  margin-top: 2em;
  margin-left: 1em;
  margin-right: 1em;
  transition: all 0.5s;
  text-align: center;
  line-height: 16px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #FFFFFF;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
.product_showcase_container svg[data-is-material-ripple] circle {
  fill: rgba(0, 0, 0, 0.02) !important;
}
.product_showcase_container:active {
  transform: scale(1.01) !important;
}
.product_showcase_container:hover {
  cursor: default;
  transform: scale(1.02);
  transition: all 0.1s;
}

.product_showcase_clickable {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.product_showcase_logo {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.5em;
  min-height: 64px;
  text-align: center;
}

.product_showcase_logo img {
  vertical-align: middle;
}

.product_showcase_text_container p {
  color: #666;
  font-size: 0.9em !important;
  line-height: 1.4em !important;
  text-align: center;
}

.product_showcase_header h2 {
  text-align: center;
  font-weight: 600 !important;
  font-size: 1.8em !important;
  line-height: 1.2em;
}

.product_showcase_action_button {
  position: absolute;
  bottom: 1em;
  left: calc(50% - 90px);
  width: 180px;
  color: #FFF;
  font-weight: 500;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 5px;
  transition: all 0.1s;
}

.product_showcase_action_button span {
  padding-left: 1em;
}

.product_showcase_action_button_clickable {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.product_showcase_action_button:hover {
  cursor: pointer;
  box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.16), 0 2px 5px -2px rgba(0, 0, 0, 0.26);
  transition: all 0.1s;
  opacity: 0.9;
}

.product_showcase_action_button:active {
  cursor: pointer;
  opacity: 0.6;
}

.mtt_wrapper {
  width: 100%;
  position: relative;
  min-height: 400px;
  margin: 0 auto;
  vertical-align: top;
  margin-top: 1em;
  text-align: center;
}

.mtt_container {
  position: relative;
  margin: 1em;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  perspective: 1000px;
  width: 200px;
  height: 200px;
}
.mtt_container:hover .mtt_head {
  transform: rotateY(180deg);
}
.mtt_container:hover .mtt_head_text {
  opacity: 0.8;
}
.mtt_container:hover .mtt_head_veil {
  opacity: 0.8;
}
.mtt_container:hover .mtt_head_text {
  opacity: 0.8;
}

.mtt_head {
  width: 200px;
  height: 200px;
  display: inline-block;
  position: relative;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  text-align: left;
  transform-style: preserve-3d;
  transition: transform 0.3s;
}

.mtt_head_veil {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  transition: all 0s;
  transition-delay: 0.09s;
  opacity: 0;
  left: 0;
  top: 0;
}

.mtt_head_text {
  transform: rotateY(180deg);
  color: #FFF;
  font-size: 1.2em;
  font-weight: 500;
  text-align: center;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 0s;
  transition-delay: 0.09s;
  box-sizing: border-box;
  line-height: 1.2em;
  left: 0;
  top: 0;
}

.mtt_head_text div:first-child {
  margin-bottom: 0.1em;
}

.mtt_head_text_role {
  font-size: 0.7em;
  font-weight: 300;
  line-height: 1.1em;
}

.mtt_dep_container h2 {
  font-size: 2em;
  line-height: 2em;
}

.mtt_dep_container {
  padding-bottom: 2em;
}

.product_showcase_wrapper {
  margin-top: 5em;
}
.product_showcase_wrapper.revealed .product_showcase_container {
  opacity: 1;
  animation-name: revealBottom;
  animation-iteration-count: 1;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
.product_showcase_wrapper.revealed .product_showcase_container:nth-child(1) {
  animation-delay: 0s;
}
.product_showcase_wrapper.revealed .product_showcase_container:nth-child(2) {
  animation-delay: 0.1s;
}
.product_showcase_wrapper.revealed .product_showcase_container:nth-child(3) {
  animation-delay: 0.2s;
}
.product_showcase_wrapper.revealed .product_showcase_container:nth-child(4) {
  animation-delay: 0.3s;
}
.product_showcase_wrapper.revealed .product_showcase_container:nth-child(5) {
  animation-delay: 0.4s;
}
.product_showcase_wrapper.revealed .product_showcase_container:nth-child(6) {
  animation-delay: 0.5s;
}
@media screen and (max-width: 1000px) {
  .product_showcase_wrapper {
    margin-top: 1em;
  }
}
@media screen and (min-width: 1000px) {
  .product_showcase_wrapper .product_showcase_container {
    border-left: 0;
    border-top-width: 1em;
  }
}
@media screen and (max-width: 1000px) {
  .product_showcase_wrapper .product_showcase_container {
    border-top: 0;
    border-left-width: 1em;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    margin-top: 1em !important;
  }
}

.comparison-container {
  padding: 0;
  position: relative;
  margin-bottom: 10em;
}
@media screen and (max-width: 1000px) {
  .comparison-container {
    margin-bottom: 0;
  }
  .comparison-container.revealed .comparison-tablist .comparison-tab, .comparison-container.after-revealed .comparison-tablist .comparison-tab {
    animation: none !important;
  }
}
.comparison-container.after-revealed .comparison-tablist .comparison-tab {
  animation: highlightComparisonTab 6s ease-in-out infinite both !important;
}
.comparison-container.after-revealed .comparison-tablist .comparison-tab:nth-child(1) {
  animation-delay: 0s !important;
}
.comparison-container.after-revealed .comparison-tablist .comparison-tab:nth-child(2) {
  animation-delay: 0.25s !important;
}
.comparison-container.after-revealed .comparison-tablist .comparison-tab:nth-child(3) {
  animation-delay: 0.5s !important;
}
@-webkit-keyframes highlightComparisonTab {
  0% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  8% {
    border-color: rgba(0, 0, 0, 0.5) !important;
    background-color: #FAFAFA;
  }
  16% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes highlightComparisonTab {
  0% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  8% {
    border-color: rgba(0, 0, 0, 0.5) !important;
    background-color: #FAFAFA;
  }
  16% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  100% {
    background-color: transparent;
  }
}
@-ms-keyframes highlightComparisonTab {
  0% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  8% {
    border-color: rgba(0, 0, 0, 0.5) !important;
    background-color: #FAFAFA;
  }
  16% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes highlightComparisonTab {
  0% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  8% {
    border-color: rgba(0, 0, 0, 0.5) !important;
    background-color: #FAFAFA;
  }
  16% {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.1);
  }
  100% {
    background-color: transparent;
  }
}
.comparison-container.revealed {
  animation-name: revealBottom;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
@media screen and (max-width: 1000px) {
  .comparison-container.revealed {
    animation: none !important;
  }
}
@-webkit-keyframes revealBottom {
  0% {
    opacity: 0;
    transform: translateY(4%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-moz-keyframes revealBottom {
  0% {
    opacity: 0;
    transform: translateY(4%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-ms-keyframes revealBottom {
  0% {
    opacity: 0;
    transform: translateY(4%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes revealBottom {
  0% {
    opacity: 0;
    transform: translateY(4%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.comparison-container.revealed .comparison-tablist .comparison-tab {
  animation-name: bounceLeft;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceLeft {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-3%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-moz-keyframes bounceLeft {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-3%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-ms-keyframes bounceLeft {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-3%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes bounceLeft {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-3%);
  }
  100% {
    transform: translateX(0%);
  }
}
.comparison-container.revealed .comparison-tablist .comparison-tab:nth-child(1) {
  animation-delay: 0s;
}
.comparison-container.revealed .comparison-tablist .comparison-tab:nth-child(2) {
  animation-delay: 0.15s;
}
.comparison-container.revealed .comparison-tablist .comparison-tab:nth-child(3) {
  animation-delay: 0.3s;
}
.comparison-container .comparison-container-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 3em;
  margin-bottom: 3em;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .comparison-container .comparison-container-content {
    margin-top: 0em;
    flex-direction: column;
  }
  .comparison-container .comparison-container-content .comparison-radios {
    display: flex !important;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    margin-top: 0.5em;
    position: relative;
  }
  .comparison-container .comparison-container-content .comparison-radios .comparison-radio-button {
    padding: 0.25em;
    border-radius: 3px;
    background-color: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.8em;
  }
  .comparison-container .comparison-container-content .comparison-radios .comparison-radio {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid #D9D9D9;
    transition: all 0.1s;
  }
  .comparison-container .comparison-container-content .comparison-radios .comparison-radio[data-is-active=true] {
    background-color: #D9D9D9;
    transform: scale(1.3);
  }
  .comparison-container .comparison-container-content .comparison-containerlist {
    flex-direction: row !important;
    overflow-y: hidden !important;
    width: calc(100% + 2em) !important;
    display: flex !important;
    touch-action: pan-y;
    overscroll-behavior-x: none;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    padding: 0.5em 1em 2em 1em !important;
    margin-left: -1em;
    overflow-x: hidden;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content {
    min-width: calc(100vw - 2em) !important;
    background-color: #FFF;
    margin-right: 1em;
    flex: 0 0 100%;
    align-self: flex-start;
    height: auto;
    line-height: 1em !important;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content h2 {
    text-align: center;
    font-size: 1.25em;
    padding-bottom: 0 !important;
    line-height: 1.1em !important;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content[data-is-showing=false] {
    display: block !important;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-text {
    width: 100% !important;
    box-sizing: border-box;
    padding: 1em !important;
    padding-bottom: 0 !important;
    font-size: 0.9em;
    min-height: auto !important;
    text-align: center;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content .background-decoration {
    display: none;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-background-image {
    display: none;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-buttons {
    display: flex !important;
    flex-direction: column !important;
    padding: 1em !important;
    padding-top: 0 !important;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-buttons .button2 {
    width: 100%;
    margin: 0;
    margin-top: 1em;
    font-size: 0.9em;
    box-sizing: border-box;
  }
  .comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-buttons .button2 span {
    display: none;
  }
  .comparison-container .comparison-container-content .comparison-tablist {
    flex-direction: row !important;
    overflow-y: hidden !important;
    width: calc(100% + 2em) !important;
    min-width: 0 !important;
    margin-left: -1em;
    padding-left: 1em;
    touch-action: pan-y;
    overscroll-behavior-x: none;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    scrollbar-width: none;
  }
  .comparison-container .comparison-container-content .comparison-tablist::-webkit-scrollbar {
    display: none;
  }
  .comparison-container .comparison-container-content .comparison-tablist .comparison-tab {
    min-width: calc(100vw - 2em - 6px) !important;
    padding: 0.5em 0.5em 0.5em 0.5em !important;
    margin-right: 1em;
    box-sizing: border-box;
    text-align: left;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-size: 0.8em;
    margin-bottom: 0 !important;
  }
  .comparison-container .comparison-container-content .comparison-tablist .comparison-tab:after {
    display: none !important;
  }
  .comparison-container .comparison-container-content .comparison-tablist .comparison-tab .label {
    width: auto !important;
  }
  .comparison-container .comparison-container-content .comparison-tablist .comparison-tab .icon {
    padding-right: 0.75em !important;
    padding-left: 0.05em;
    font-size: 1.8em !important;
  }
  .comparison-container .comparison-container-content .comparison-tablist .comparison-tab[data-is-active=true] {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .comparison-container .comparison-container-content .comparison-content {
    width: 100vw !important;
  }
  .comparison-container .comparison-container-content .comparison-content[data-is-showing=false] {
    display: block;
  }
}
.comparison-container .comparison-container-content .comparison-radios {
  display: none;
}
.comparison-container .comparison-container-content .comparison-tablist {
  display: flex;
  flex-direction: column;
  width: 30%;
  min-width: 450px;
  padding-top: 1em;
  box-sizing: border-box;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 105%;
  padding: 0.5em 1.75em 0.5em 1em;
  border: 1px solid transparent;
  border-right: none !important;
  box-sizing: border-box;
  margin-bottom: 3em;
  transition: all 0.1s;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab [data-is-material-ripple] circle {
  fill: rgba(0, 0, 0, 0.02) !important;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab:first-child:after, .comparison-container .comparison-container-content .comparison-tablist .comparison-tab:nth-child(2):after {
  content: "+";
  font-weight: bold;
  font-size: 2em;
  color: #666;
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: flex;
  right: calc(50% - 25px);
  z-index: 5;
  top: calc(100% + 0.1em);
  justify-content: center;
  border-radius: 50px;
  position: absolute;
  pointer-events: none;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab:nth-child(2):after {
  content: "=";
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab.smaller .label {
  text-align: center;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab .label {
  font-size: 1.6em;
  line-height: 1.8em;
  font-weight: 600;
  text-align: left;
  width: 100%;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab:hover {
  background-color: #FAFAFA !important;
  cursor: pointer;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab[data-is-active=false] {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab[data-is-active=true] {
  background-color: #FFFFFF !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-color: transparent !important;
}
.comparison-container .comparison-container-content .comparison-tablist .comparison-tab .image {
  max-height: 30px;
  max-width: 100px;
  margin-right: 1em;
}
.comparison-container .comparison-container-content .comparison-containerlist {
  width: 70%;
  box-sizing: border-box;
  z-index: 2;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  line-height: 1.6em;
  position: relative;
  overflow: hidden;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content:not(.showing) .comparison-background-image {
  background-position: -20% 50%;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-text {
  padding: 1.5em;
  width: 60%;
  min-height: 300px;
  box-sizing: border-box;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-text p {
  padding-top: 0;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-text h2 {
  line-height: 1.45em;
  padding-bottom: 0.5em;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .background-decoration {
  z-index: -1;
  position: absolute;
  left: -40%;
  top: -100%;
  height: 300%;
  width: 100%;
  background-color: #FFFFFF;
  transform: rotate(-16deg);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.5s;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-background-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  transition: all 0.2s;
  background-position: -15% 50%;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-background-image img {
  margin: 0;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-screenshot {
  padding: 1.5em;
  width: 100%;
  box-sizing: border-box;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-screenshot img {
  margin: 0 auto;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-buttons {
  padding: 0 1.5em 1.5em 1.5em;
  display: flex;
  align-items: center;
  flex-direction: row;
  line-height: 2em;
}
.comparison-container .comparison-container-content .comparison-containerlist .comparison-content .comparison-buttons .button2 {
  display: block;
}

.comparison-addon {
  margin-top: 5em;
  margin-bottom: 5em;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
.comparison-addon .left {
  width: 60%;
  padding-right: 2em;
  box-sizing: border-box;
}
.comparison-addon .left a {
  margin-top: 2em;
}
.comparison-addon .left .related-badge {
  font-size: 0.9em;
  color: #666;
  display: inline-block;
}
.comparison-addon .right {
  width: 40%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.comparison-addon .right .product-container {
  border-left: 2em solid transparent !important;
}

.solutions-container {
  padding: 0;
}

.solutions-container-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 3em;
  box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
  .solutions-container-content.revealed .solution-tablist .solution-tab, .solutions-container-content.after-revealed .solution-tablist .solution-tab {
    animation: none !important;
  }
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab {
  animation: highlightTab 9s ease-in-out infinite both !important;
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab:nth-child(1) {
  animation-delay: 0s !important;
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab:nth-child(2) {
  animation-delay: 0.1s !important;
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab:nth-child(3) {
  animation-delay: 0.2s !important;
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab:nth-child(4) {
  animation-delay: 0.3s !important;
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab:nth-child(5) {
  animation-delay: 0.4s !important;
}
.solutions-container-content.after-revealed .solution-tablist .solution-tab:nth-child(6) {
  animation-delay: 0.5s !important;
}
@-webkit-keyframes highlightTab {
  0% {
    background-color: transparent;
    outline-color: transparent;
  }
  8% {
    outline-color: rgba(0, 0, 0, 0.1);
    background-color: #FAFAFA;
  }
  12% {
    background-color: transparent;
    outline-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@-moz-keyframes highlightTab {
  0% {
    background-color: transparent;
    outline-color: transparent;
  }
  8% {
    outline-color: rgba(0, 0, 0, 0.1);
    background-color: #FAFAFA;
  }
  12% {
    background-color: transparent;
    outline-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@-ms-keyframes highlightTab {
  0% {
    background-color: transparent;
    outline-color: transparent;
  }
  8% {
    outline-color: rgba(0, 0, 0, 0.1);
    background-color: #FAFAFA;
  }
  12% {
    background-color: transparent;
    outline-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes highlightTab {
  0% {
    background-color: transparent;
    outline-color: transparent;
  }
  8% {
    outline-color: rgba(0, 0, 0, 0.1);
    background-color: #FAFAFA;
  }
  12% {
    background-color: transparent;
    outline-color: transparent;
  }
  100% {
    background-color: transparent;
  }
}
.solutions-container-content.revealed {
  animation-name: revealBottom;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
@media screen and (max-width: 1000px) {
  .solutions-container-content.revealed {
    animation: none !important;
  }
}
.solutions-container-content.revealed .solution-tablist .solution-tab {
  animation-name: bounceLeft;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.solutions-container-content.revealed .solution-tablist .solution-tab:nth-child(1) {
  animation-delay: 0s;
}
.solutions-container-content.revealed .solution-tablist .solution-tab:nth-child(2) {
  animation-delay: 0.1s;
}
.solutions-container-content.revealed .solution-tablist .solution-tab:nth-child(3) {
  animation-delay: 0.2s;
}
.solutions-container-content.revealed .solution-tablist .solution-tab:nth-child(4) {
  animation-delay: 0.3s;
}
.solutions-container-content.revealed .solution-tablist .solution-tab:nth-child(5) {
  animation-delay: 0.4s;
}
.solutions-container-content.revealed .solution-tablist .solution-tab:nth-child(6) {
  animation-delay: 0.5s;
}
.solutions-container-content .solution-radios {
  display: none;
}
@media screen and (max-width: 1000px) {
  .solutions-container-content {
    margin-top: 0em;
    flex-direction: column;
  }
  .solutions-container-content .solution-radios {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    margin-top: 0.5em;
    position: relative;
  }
  .solutions-container-content .solution-radios .solution-radio-button {
    padding: 0.25em;
    border-radius: 3px;
    background-color: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.8em;
  }
  .solutions-container-content .solution-radios .solution-radio {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid #D9D9D9;
    transition: all 0.1s;
  }
  .solutions-container-content .solution-radios .solution-radio[data-is-active=true] {
    background-color: #D9D9D9;
    transform: scale(1.3);
  }
  .solutions-container-content .solution-containerlist {
    flex-direction: row !important;
    overflow-y: hidden !important;
    width: calc(100% + 2em) !important;
    display: flex !important;
    touch-action: pan-y;
    overscroll-behavior-x: none;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    padding: 0.5em 1em 2em 1em !important;
    margin-left: -1em;
    overflow-x: hidden;
  }
  .solutions-container-content .solution-containerlist .solution-content {
    min-width: calc(100vw - 2em) !important;
    background-color: #FFF;
    margin-right: 1em;
    flex: 0 0 100%;
    align-self: flex-start;
    height: auto;
    line-height: 1em !important;
  }
  .solutions-container-content .solution-containerlist .solution-content h2 {
    text-align: center;
    font-size: 1.25em;
    padding-bottom: 0 !important;
    line-height: 1.3em !important;
  }
  .solutions-container-content .solution-containerlist .solution-content[data-is-showing=false] {
    display: block !important;
  }
  .solutions-container-content .solution-containerlist .solution-content .solution-text {
    width: 100% !important;
    box-sizing: border-box;
    padding: 1em !important;
    padding-bottom: 0 !important;
    font-size: 0.9em;
    min-height: auto !important;
    text-align: center;
  }
  .solutions-container-content .solution-containerlist .solution-content .background-decoration {
    display: none;
  }
  .solutions-container-content .solution-containerlist .solution-content .solution-background-image {
    display: none;
  }
  .solutions-container-content .solution-containerlist .solution-content .solution-buttons {
    display: flex !important;
    flex-direction: column !important;
    padding: 1em !important;
    padding-top: 0 !important;
  }
  .solutions-container-content .solution-containerlist .solution-content .solution-buttons .button2 {
    width: 100%;
    margin: 0;
    margin-top: 1em;
    font-size: 0.9em;
    box-sizing: border-box;
  }
  .solutions-container-content .solution-containerlist .solution-content .solution-buttons .button2 span {
    display: none;
  }
  .solutions-container-content .solution-tablist {
    flex-direction: row !important;
    overflow-y: hidden !important;
    width: calc(100% + 2em) !important;
    margin-left: -1em;
    padding-left: 1em;
    touch-action: pan-y;
    overscroll-behavior-x: none;
    scroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
    scrollbar-width: none;
  }
  .solutions-container-content .solution-tablist::-webkit-scrollbar {
    display: none;
  }
  .solutions-container-content .solution-tablist .solution-tab {
    min-width: calc(100vw - 2em - 6px) !important;
    padding: 0.5em 0.5em 0.5em 0.5em !important;
    margin-right: 1em;
    box-sizing: border-box;
    text-align: left;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-size: 0.9em;
  }
  .solutions-container-content .solution-tablist .solution-tab .label {
    width: 100% !important;
    padding-right: 0.25em;
  }
  .solutions-container-content .solution-tablist .solution-tab .icon {
    padding-right: 0.5em !important;
    padding-left: 0.25em;
    font-size: 1.8em !important;
  }
  .solutions-container-content .solution-tablist .solution-tab[data-is-active=true] {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .solutions-container-content .solution-content {
    width: 100vw !important;
  }
  .solutions-container-content .solution-content[data-is-showing=false] {
    display: block;
  }
}
.solutions-container-content .solution-tablist {
  display: flex;
  flex-direction: column;
  width: 30%;
  padding-top: 0.5em;
  box-sizing: border-box;
}
.solutions-container-content .solution-tablist .solution-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  outline: 1px solid transparent;
  width: 110%;
  padding: 0.75em 1em;
  box-sizing: border-box;
  margin-bottom: 0.1em;
  line-height: 1.2em;
  transition: all 0.1s;
  position: relative;
}
.solutions-container-content .solution-tablist .solution-tab [data-is-material-ripple] circle {
  fill: rgba(0, 0, 0, 0.02) !important;
}
.solutions-container-content .solution-tablist .solution-tab:hover {
  background-color: #FAFAFA !important;
  cursor: pointer;
}
@media screen and (min-width: 1000px) {
  .solutions-container-content .solution-tablist .solution-tab[data-is-active=true] {
    background-color: #FFFFFF !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1) !important;
    outline-color: transparent !important;
  }
}
.solutions-container-content .solution-tablist .solution-tab .label {
  width: 80%;
}
.solutions-container-content .solution-tablist .solution-tab .icon {
  color: #92278F;
  padding-right: 1em;
  font-size: 1.5em;
}
.solutions-container-content .solution-containerlist {
  width: 70%;
  box-sizing: border-box;
  z-index: 2;
}
.solutions-container-content .solution-containerlist .solution-content {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  line-height: 1.6em;
  position: relative;
  overflow: hidden;
}
.solutions-container-content .solution-containerlist .solution-content:not(.showing) .solution-background-image {
  background-position: 50% 50%;
}
.solutions-container-content .solution-containerlist .solution-content .solution-text {
  padding: 1.5em;
  width: 55%;
  min-height: 290px;
}
.solutions-container-content .solution-containerlist .solution-content .solution-text p {
  padding-top: 0;
  font-size: 1.1em;
}
@media screen and (max-width: 1000px) {
  .solutions-container-content .solution-containerlist .solution-content .solution-text p {
    font-size: 1em;
    line-height: 1.4em;
  }
}
.solutions-container-content .solution-containerlist .solution-content .solution-text h2 {
  line-height: 1.45em;
  padding-bottom: 0.5em;
}
.solutions-container-content .solution-containerlist .solution-content .background-decoration {
  z-index: -1;
  position: absolute;
  left: -38%;
  top: -100%;
  height: 300%;
  width: 100%;
  background-color: #FFFFFF;
  transform: rotate(-16deg);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.5s;
}
.solutions-container-content .solution-containerlist .solution-content .solution-background-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  transition: all 0.2s;
  background-position: 52% 50%;
}
.solutions-container-content .solution-containerlist .solution-content .solution-background-image img {
  margin: 0;
}
.solutions-container-content .solution-containerlist .solution-content .solution-buttons {
  padding: 1.5em;
  display: flex;
  align-items: center;
  flex-direction: row;
  line-height: 2em;
}
.solutions-container-content .solution-containerlist .solution-content .solution-buttons .button2 {
  display: block;
}

.solutions-page-container .solutions-intro {
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .solutions-page-container .solutions-intro {
    text-align: center;
  }
  .solutions-page-container .solutions-intro h2 {
    padding-top: 0.5em;
    padding-bottom: 0em;
    margin-bottom: 0;
  }
}
.solutions-page-container .solutions-intro h2 {
  padding-top: 0.5em;
  font-size: 4em;
  line-height: 1em;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-bottom: 0.2em;
}
.solutions-page-container .solutions-link-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2em;
  margin-bottom: 5em;
}
@media screen and (max-width: 1000px) {
  .solutions-page-container .solutions-link-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
    margin-top: 1em;
  }
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item {
  display: block;
  text-decoration: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: all 0.1s;
  transform: scale(1.001);
}
@media screen and (max-width: 1000px) {
  .solutions-page-container .solutions-link-grid .solution-link-grid-item {
    background-color: #FFF;
  }
  .solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-text {
    width: 100% !important;
    padding: 1em !important;
    line-height: 1.3em !important;
    font-size: 0.9em;
  }
  .solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-buttons {
    font-size: 0.8em;
    padding: 1em !important;
    padding-top: 0 !important;
    width: 100%;
    box-sizing: border-box;
    position: relative !important;
  }
  .solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-buttons .button2 {
    margin-right: 0;
    width: 100%;
  }
  .solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-buttons .button2 span {
    display: none;
  }
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item:hover {
  transform: scale(1.02);
  filter: translateZ(0);
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-buttons {
  padding: 1.5em;
  padding-top: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  line-height: 2em;
  position: absolute;
  bottom: 0;
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-buttons .button2 {
  display: block;
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-text {
  padding: 1.5em;
  padding-bottom: 5.5em;
  width: 50%;
  line-height: 1.6em;
  min-height: 100px;
  color: #666;
  box-sizing: border-box;
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-text p {
  padding-top: 0;
  font-size: 1em;
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-text h2 {
  line-height: 1.45em;
  padding-bottom: 0.5em;
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item:nth-child(4) .background-decoration, .solutions-page-container .solutions-link-grid .solution-link-grid-item:nth-child(3) .background-decoration {
  transform: rotate(16deg);
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .background-decoration {
  z-index: -1;
  position: absolute;
  left: -43%;
  top: -100%;
  height: 300%;
  width: 100%;
  background-color: #FFFFFF;
  transform: rotate(-16deg);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .solutions-page-container .solutions-link-grid .solution-link-grid-item .background-decoration {
    display: none;
  }
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-background-image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  transition: all 0.2s;
  background-position: 52% 50%;
}
@media screen and (max-width: 1000px) {
  .solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-background-image {
    display: none;
  }
}
.solutions-page-container .solutions-link-grid .solution-link-grid-item .solution-background-image img {
  margin: 0;
}

.nav_selected_default_grey {
  color: #444 !important;
}
.nav_selected_default_grey .menu-label {
  color: #444 !important;
}
.nav_selected_default_grey:before {
  background-color: #444;
}
.nav_selected_default_grey:after {
  color: #444 !important;
}

.nav_selected_ee_purple {
  color: #92278F !important;
}
.nav_selected_ee_purple .menu-label {
  color: #92278F !important;
}
.nav_selected_ee_purple:before {
  background-color: #92278F;
}
.nav_selected_ee_purple:after {
  color: #92278F !important;
}

.nav_selected_el_green {
  color: #19AB49 !important;
}
.nav_selected_el_green .menu-label {
  color: #19AB49 !important;
}
.nav_selected_el_green:before {
  background-color: #19AB49;
}
.nav_selected_el_green:after {
  color: #19AB49 !important;
}

.nav_selected_sl_yellow {
  color: #F0B608 !important;
}
.nav_selected_sl_yellow .menu-label {
  color: #F0B608 !important;
}
.nav_selected_sl_yellow:before {
  background-color: #F0B608;
}
.nav_selected_sl_yellow:after {
  color: #F0B608 !important;
}

.nav_selected_lg_blue {
  color: #447EC0 !important;
}
.nav_selected_lg_blue .menu-label {
  color: #447EC0 !important;
}
.nav_selected_lg_blue:before {
  background-color: #447EC0;
}
.nav_selected_lg_blue:after {
  color: #447EC0 !important;
}

.nav_selected_at_blue {
  color: #00719E !important;
}
.nav_selected_at_blue .menu-label {
  color: #00719E !important;
}
.nav_selected_at_blue:before {
  background-color: #00719E;
}
.nav_selected_at_blue:after {
  color: #00719E !important;
}

.nav_selected_cr_blue {
  color: #00719E !important;
}
.nav_selected_cr_blue .menu-label {
  color: #00719E !important;
}
.nav_selected_cr_blue:before {
  background-color: #00719E;
}
.nav_selected_cr_blue:after {
  color: #00719E !important;
}

.nav_selected_bu_blue {
  color: #528FBF !important;
}
.nav_selected_bu_blue .menu-label {
  color: #528FBF !important;
}
.nav_selected_bu_blue:before {
  background-color: #528FBF;
}
.nav_selected_bu_blue:after {
  color: #528FBF !important;
}

.nav_selected_al_purple {
  color: #CC66AA !important;
}
.nav_selected_al_purple .menu-label {
  color: #CC66AA !important;
}
.nav_selected_al_purple:before {
  background-color: #CC66AA;
}
.nav_selected_al_purple:after {
  color: #CC66AA !important;
}

.nav_selected_sl_purple {
  color: #6633BB !important;
}
.nav_selected_sl_purple .menu-label {
  color: #6633BB !important;
}
.nav_selected_sl_purple:before {
  background-color: #6633BB;
}
.nav_selected_sl_purple:after {
  color: #6633BB !important;
}

.color_ee_purple {
  background: linear-gradient(135deg, #92278F, hsl(301.6822429907, 69.8378378378%, 26.2745098039%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_ee_purple {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #92278F 10%, hsl(301.6822429907, 69.8378378378%, 26.2745098039%)) border-box;
}

.page_content_padding.content_ee_purple .button2 .ringBg {
  background-color: #92278F;
}
.page_content_padding.content_ee_purple .resources-centered-search form input {
  border: 1px solid #92278F !important;
}
.page_content_padding.content_ee_purple .resources-centered-search form .search-button {
  background-color: #92278F !important;
  border: 1px solid #92278F !important;
}
.page_content_padding.content_ee_purple .frm_loading_form .frm_button_submit {
  color: #92278F !important;
}
.page_content_padding.content_ee_purple .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #92278F, hsl(301.6822429907, 69.8378378378%, 26.2745098039%)) border-box;
}
.page_content_padding.content_ee_purple .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #92278F, hsl(301.6822429907, 69.8378378378%, 26.2745098039%));
}
.page_content_padding.content_ee_purple h1,
.page_content_padding.content_ee_purple h2,
.page_content_padding.content_ee_purple h3 {
  background: linear-gradient(135deg, #92278F, hsl(301.6822429907, 69.8378378378%, 26.2745098039%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_ee_purple .category-pills .category-pill {
  background: linear-gradient(135deg, #92278F, hsl(301.6822429907, 69.8378378378%, 26.2745098039%));
  box-shadow: 0 4px 12px rgba(146, 39, 143, 0.3);
}
.page_content_padding.content_ee_purple .key-point .button2 {
  background-color: #92278F;
}
.page_content_padding.content_ee_purple .post-content a,
.page_content_padding.content_ee_purple .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_ee_purple .post-content a:hover,
.page_content_padding.content_ee_purple .key-point:not(.module-button) a:hover {
  background-color: rgba(146, 39, 143, 0.1);
}

.post-item-image.background_ee_purple:after {
  background: linear-gradient(to bottom, rgba(146, 39, 143, 0.1) 0%, rgba(146, 39, 143, 0.7) 80%);
}

.color_el_green {
  background: linear-gradient(135deg, #19AB49, hsl(139.7260273973, 86.4897959184%, 28.431372549%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_el_green {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #19AB49 10%, hsl(139.7260273973, 86.4897959184%, 28.431372549%)) border-box;
}

.page_content_padding.content_el_green .button2 .ringBg {
  background-color: #19AB49;
}
.page_content_padding.content_el_green .resources-centered-search form input {
  border: 1px solid #19AB49 !important;
}
.page_content_padding.content_el_green .resources-centered-search form .search-button {
  background-color: #19AB49 !important;
  border: 1px solid #19AB49 !important;
}
.page_content_padding.content_el_green .frm_loading_form .frm_button_submit {
  color: #19AB49 !important;
}
.page_content_padding.content_el_green .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #19AB49, hsl(139.7260273973, 86.4897959184%, 28.431372549%)) border-box;
}
.page_content_padding.content_el_green .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #19AB49, hsl(139.7260273973, 86.4897959184%, 28.431372549%));
}
.page_content_padding.content_el_green h1,
.page_content_padding.content_el_green h2,
.page_content_padding.content_el_green h3 {
  background: linear-gradient(135deg, #19AB49, hsl(139.7260273973, 86.4897959184%, 28.431372549%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_el_green .category-pills .category-pill {
  background: linear-gradient(135deg, #19AB49, hsl(139.7260273973, 86.4897959184%, 28.431372549%));
  box-shadow: 0 4px 12px rgba(25, 171, 73, 0.3);
}
.page_content_padding.content_el_green .key-point .button2 {
  background-color: #19AB49;
}
.page_content_padding.content_el_green .post-content a,
.page_content_padding.content_el_green .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_el_green .post-content a:hover,
.page_content_padding.content_el_green .key-point:not(.module-button) a:hover {
  background-color: rgba(25, 171, 73, 0.1);
}

.post-item-image.background_el_green:after {
  background: linear-gradient(to bottom, rgba(25, 171, 73, 0.1) 0%, rgba(25, 171, 73, 0.7) 80%);
}

.color_sl_yellow {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_sl_yellow {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #F0B608 10%, hsl(37, 100%, 42.6274509804%)) border-box;
}

.page_content_padding.content_sl_yellow .button2 .ringBg {
  background-color: #F0B608;
}
.page_content_padding.content_sl_yellow .resources-centered-search form input {
  border: 1px solid #F0B608 !important;
}
.page_content_padding.content_sl_yellow .resources-centered-search form .search-button {
  background-color: #F0B608 !important;
  border: 1px solid #F0B608 !important;
}
.page_content_padding.content_sl_yellow .frm_loading_form .frm_button_submit {
  color: #F0B608 !important;
}
.page_content_padding.content_sl_yellow .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%)) border-box;
}
.page_content_padding.content_sl_yellow .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
}
.page_content_padding.content_sl_yellow h1,
.page_content_padding.content_sl_yellow h2,
.page_content_padding.content_sl_yellow h3 {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_sl_yellow .category-pills .category-pill {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
  box-shadow: 0 4px 12px rgba(240, 182, 8, 0.3);
}
.page_content_padding.content_sl_yellow .key-point .button2 {
  background-color: #F0B608;
}
.page_content_padding.content_sl_yellow .post-content a,
.page_content_padding.content_sl_yellow .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_sl_yellow .post-content a:hover,
.page_content_padding.content_sl_yellow .key-point:not(.module-button) a:hover {
  background-color: rgba(240, 182, 8, 0.1);
}

.post-item-image.background_sl_yellow:after {
  background: linear-gradient(to bottom, rgba(240, 182, 8, 0.1) 0%, rgba(240, 182, 8, 0.7) 80%);
}

.color_lg_blue {
  background: linear-gradient(135deg, #447EC0, hsl(211.935483871, 61.6%, 40.9803921569%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_lg_blue {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #447EC0 10%, hsl(211.935483871, 61.6%, 40.9803921569%)) border-box;
}

.page_content_padding.content_lg_blue .button2 .ringBg {
  background-color: #447EC0;
}
.page_content_padding.content_lg_blue .resources-centered-search form input {
  border: 1px solid #447EC0 !important;
}
.page_content_padding.content_lg_blue .resources-centered-search form .search-button {
  background-color: #447EC0 !important;
  border: 1px solid #447EC0 !important;
}
.page_content_padding.content_lg_blue .frm_loading_form .frm_button_submit {
  color: #447EC0 !important;
}
.page_content_padding.content_lg_blue .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #447EC0, hsl(211.935483871, 61.6%, 40.9803921569%)) border-box;
}
.page_content_padding.content_lg_blue .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #447EC0, hsl(211.935483871, 61.6%, 40.9803921569%));
}
.page_content_padding.content_lg_blue h1,
.page_content_padding.content_lg_blue h2,
.page_content_padding.content_lg_blue h3 {
  background: linear-gradient(135deg, #447EC0, hsl(211.935483871, 61.6%, 40.9803921569%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_lg_blue .category-pills .category-pill {
  background: linear-gradient(135deg, #447EC0, hsl(211.935483871, 61.6%, 40.9803921569%));
  box-shadow: 0 4px 12px rgba(68, 126, 192, 0.3);
}
.page_content_padding.content_lg_blue .key-point .button2 {
  background-color: #447EC0;
}
.page_content_padding.content_lg_blue .post-content a,
.page_content_padding.content_lg_blue .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_lg_blue .post-content a:hover,
.page_content_padding.content_lg_blue .key-point:not(.module-button) a:hover {
  background-color: rgba(68, 126, 192, 0.1);
}

.post-item-image.background_lg_blue:after {
  background: linear-gradient(to bottom, rgba(68, 126, 192, 0.1) 0%, rgba(68, 126, 192, 0.7) 80%);
}

.color_at_blue {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_at_blue {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #29709b 10%, hsl(202.6315789474, 70.1632653061%, 28.431372549%)) border-box;
}

.page_content_padding.content_at_blue .button2 .ringBg {
  background-color: #29709b;
}
.page_content_padding.content_at_blue .resources-centered-search form input {
  border: 1px solid #29709b !important;
}
.page_content_padding.content_at_blue .resources-centered-search form .search-button {
  background-color: #29709b !important;
  border: 1px solid #29709b !important;
}
.page_content_padding.content_at_blue .frm_loading_form .frm_button_submit {
  color: #29709b !important;
}
.page_content_padding.content_at_blue .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%)) border-box;
}
.page_content_padding.content_at_blue .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
}
.page_content_padding.content_at_blue h1,
.page_content_padding.content_at_blue h2,
.page_content_padding.content_at_blue h3 {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_at_blue .category-pills .category-pill {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
  box-shadow: 0 4px 12px rgba(41, 112, 155, 0.3);
}
.page_content_padding.content_at_blue .key-point .button2 {
  background-color: #29709b;
}
.page_content_padding.content_at_blue .post-content a,
.page_content_padding.content_at_blue .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_at_blue .post-content a:hover,
.page_content_padding.content_at_blue .key-point:not(.module-button) a:hover {
  background-color: rgba(41, 112, 155, 0.1);
}

.post-item-image.background_at_blue:after {
  background: linear-gradient(to bottom, rgba(41, 112, 155, 0.1) 0%, rgba(41, 112, 155, 0.7) 80%);
}

.color_cr_blue {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_cr_blue {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #29709b 10%, hsl(202.6315789474, 70.1632653061%, 28.431372549%)) border-box;
}

.page_content_padding.content_cr_blue .button2 .ringBg {
  background-color: #29709b;
}
.page_content_padding.content_cr_blue .resources-centered-search form input {
  border: 1px solid #29709b !important;
}
.page_content_padding.content_cr_blue .resources-centered-search form .search-button {
  background-color: #29709b !important;
  border: 1px solid #29709b !important;
}
.page_content_padding.content_cr_blue .frm_loading_form .frm_button_submit {
  color: #29709b !important;
}
.page_content_padding.content_cr_blue .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%)) border-box;
}
.page_content_padding.content_cr_blue .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
}
.page_content_padding.content_cr_blue h1,
.page_content_padding.content_cr_blue h2,
.page_content_padding.content_cr_blue h3 {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_cr_blue .category-pills .category-pill {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
  box-shadow: 0 4px 12px rgba(41, 112, 155, 0.3);
}
.page_content_padding.content_cr_blue .key-point .button2 {
  background-color: #29709b;
}
.page_content_padding.content_cr_blue .post-content a,
.page_content_padding.content_cr_blue .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_cr_blue .post-content a:hover,
.page_content_padding.content_cr_blue .key-point:not(.module-button) a:hover {
  background-color: rgba(41, 112, 155, 0.1);
}

.post-item-image.background_cr_blue:after {
  background: linear-gradient(to bottom, rgba(41, 112, 155, 0.1) 0%, rgba(41, 112, 155, 0.7) 80%);
}

.color_bu_blue {
  background: linear-gradient(135deg, #548FBF, hsl(206.9158878505, 57.5319148936%, 43.9215686275%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_bu_blue {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #548FBF 10%, hsl(206.9158878505, 57.5319148936%, 43.9215686275%)) border-box;
}

.page_content_padding.content_bu_blue .button2 .ringBg {
  background-color: #548FBF;
}
.page_content_padding.content_bu_blue .resources-centered-search form input {
  border: 1px solid #548FBF !important;
}
.page_content_padding.content_bu_blue .resources-centered-search form .search-button {
  background-color: #548FBF !important;
  border: 1px solid #548FBF !important;
}
.page_content_padding.content_bu_blue .frm_loading_form .frm_button_submit {
  color: #548FBF !important;
}
.page_content_padding.content_bu_blue .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #548FBF, hsl(206.9158878505, 57.5319148936%, 43.9215686275%)) border-box;
}
.page_content_padding.content_bu_blue .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #548FBF, hsl(206.9158878505, 57.5319148936%, 43.9215686275%));
}
.page_content_padding.content_bu_blue h1,
.page_content_padding.content_bu_blue h2,
.page_content_padding.content_bu_blue h3 {
  background: linear-gradient(135deg, #548FBF, hsl(206.9158878505, 57.5319148936%, 43.9215686275%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_bu_blue .category-pills .category-pill {
  background: linear-gradient(135deg, #548FBF, hsl(206.9158878505, 57.5319148936%, 43.9215686275%));
  box-shadow: 0 4px 12px rgba(84, 143, 191, 0.3);
}
.page_content_padding.content_bu_blue .key-point .button2 {
  background-color: #548FBF;
}
.page_content_padding.content_bu_blue .post-content a,
.page_content_padding.content_bu_blue .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_bu_blue .post-content a:hover,
.page_content_padding.content_bu_blue .key-point:not(.module-button) a:hover {
  background-color: rgba(84, 143, 191, 0.1);
}

.post-item-image.background_bu_blue:after {
  background: linear-gradient(to bottom, rgba(84, 143, 191, 0.1) 0%, rgba(84, 143, 191, 0.7) 80%);
}

.color_al_purple {
  background: linear-gradient(135deg, #DD6BA8, hsl(327.8947368421, 74.6373626374%, 54.3137254902%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_al_purple {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #DD6BA8 10%, hsl(327.8947368421, 74.6373626374%, 54.3137254902%)) border-box;
}

.page_content_padding.content_al_purple .button2 .ringBg {
  background-color: #DD6BA8;
}
.page_content_padding.content_al_purple .resources-centered-search form input {
  border: 1px solid #DD6BA8 !important;
}
.page_content_padding.content_al_purple .resources-centered-search form .search-button {
  background-color: #DD6BA8 !important;
  border: 1px solid #DD6BA8 !important;
}
.page_content_padding.content_al_purple .frm_loading_form .frm_button_submit {
  color: #DD6BA8 !important;
}
.page_content_padding.content_al_purple .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #DD6BA8, hsl(327.8947368421, 74.6373626374%, 54.3137254902%)) border-box;
}
.page_content_padding.content_al_purple .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #DD6BA8, hsl(327.8947368421, 74.6373626374%, 54.3137254902%));
}
.page_content_padding.content_al_purple h1,
.page_content_padding.content_al_purple h2,
.page_content_padding.content_al_purple h3 {
  background: linear-gradient(135deg, #DD6BA8, hsl(327.8947368421, 74.6373626374%, 54.3137254902%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_al_purple .category-pills .category-pill {
  background: linear-gradient(135deg, #DD6BA8, hsl(327.8947368421, 74.6373626374%, 54.3137254902%));
  box-shadow: 0 4px 12px rgba(221, 107, 168, 0.3);
}
.page_content_padding.content_al_purple .key-point .button2 {
  background-color: #DD6BA8;
}
.page_content_padding.content_al_purple .post-content a,
.page_content_padding.content_al_purple .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_al_purple .post-content a:hover,
.page_content_padding.content_al_purple .key-point:not(.module-button) a:hover {
  background-color: rgba(221, 107, 168, 0.1);
}

.post-item-image.background_al_purple:after {
  background: linear-gradient(to bottom, rgba(221, 107, 168, 0.1) 0%, rgba(221, 107, 168, 0.7) 80%);
}

.color_sl_purple {
  background: linear-gradient(135deg, #6633BB, hsl(262.5, 69.1428571429%, 36.6666666667%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_sl_purple {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #6633BB 10%, hsl(262.5, 69.1428571429%, 36.6666666667%)) border-box;
}

.page_content_padding.content_sl_purple .button2 .ringBg {
  background-color: #6633BB;
}
.page_content_padding.content_sl_purple .resources-centered-search form input {
  border: 1px solid #6633BB !important;
}
.page_content_padding.content_sl_purple .resources-centered-search form .search-button {
  background-color: #6633BB !important;
  border: 1px solid #6633BB !important;
}
.page_content_padding.content_sl_purple .frm_loading_form .frm_button_submit {
  color: #6633BB !important;
}
.page_content_padding.content_sl_purple .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #6633BB, hsl(262.5, 69.1428571429%, 36.6666666667%)) border-box;
}
.page_content_padding.content_sl_purple .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #6633BB, hsl(262.5, 69.1428571429%, 36.6666666667%));
}
.page_content_padding.content_sl_purple h1,
.page_content_padding.content_sl_purple h2,
.page_content_padding.content_sl_purple h3 {
  background: linear-gradient(135deg, #6633BB, hsl(262.5, 69.1428571429%, 36.6666666667%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_sl_purple .category-pills .category-pill {
  background: linear-gradient(135deg, #6633BB, hsl(262.5, 69.1428571429%, 36.6666666667%));
  box-shadow: 0 4px 12px rgba(102, 51, 187, 0.3);
}
.page_content_padding.content_sl_purple .key-point .button2 {
  background-color: #6633BB;
}
.page_content_padding.content_sl_purple .post-content a,
.page_content_padding.content_sl_purple .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_sl_purple .post-content a:hover,
.page_content_padding.content_sl_purple .key-point:not(.module-button) a:hover {
  background-color: rgba(102, 51, 187, 0.1);
}

.post-item-image.background_sl_purple:after {
  background: linear-gradient(to bottom, rgba(102, 51, 187, 0.1) 0%, rgba(102, 51, 187, 0.7) 80%);
}

.color_rl_purple {
  background: linear-gradient(135deg, #9b569d, hsl(298.3098591549, 41.2181069959%, 37.6470588235%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_rl_purple {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #9b569d 10%, hsl(298.3098591549, 41.2181069959%, 37.6470588235%)) border-box;
}

.page_content_padding.content_rl_purple .button2 .ringBg {
  background-color: #9b569d;
}
.page_content_padding.content_rl_purple .resources-centered-search form input {
  border: 1px solid #9b569d !important;
}
.page_content_padding.content_rl_purple .resources-centered-search form .search-button {
  background-color: #9b569d !important;
  border: 1px solid #9b569d !important;
}
.page_content_padding.content_rl_purple .frm_loading_form .frm_button_submit {
  color: #9b569d !important;
}
.page_content_padding.content_rl_purple .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #9b569d, hsl(298.3098591549, 41.2181069959%, 37.6470588235%)) border-box;
}
.page_content_padding.content_rl_purple .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #9b569d, hsl(298.3098591549, 41.2181069959%, 37.6470588235%));
}
.page_content_padding.content_rl_purple h1,
.page_content_padding.content_rl_purple h2,
.page_content_padding.content_rl_purple h3 {
  background: linear-gradient(135deg, #9b569d, hsl(298.3098591549, 41.2181069959%, 37.6470588235%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_rl_purple .category-pills .category-pill {
  background: linear-gradient(135deg, #9b569d, hsl(298.3098591549, 41.2181069959%, 37.6470588235%));
  box-shadow: 0 4px 12px rgba(155, 86, 157, 0.3);
}
.page_content_padding.content_rl_purple .key-point .button2 {
  background-color: #9b569d;
}
.page_content_padding.content_rl_purple .post-content a,
.page_content_padding.content_rl_purple .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_rl_purple .post-content a:hover,
.page_content_padding.content_rl_purple .key-point:not(.module-button) a:hover {
  background-color: rgba(155, 86, 157, 0.1);
}

.post-item-image.background_rl_purple:after {
  background: linear-gradient(to bottom, rgba(155, 86, 157, 0.1) 0%, rgba(155, 86, 157, 0.7) 80%);
}

.color_bad {
  background: linear-gradient(135deg, #C00, hsl(0, 100%, 30%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_bad {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #C00 10%, hsl(0, 100%, 30%)) border-box;
}

.page_content_padding.content_bad .button2 .ringBg {
  background-color: #C00;
}
.page_content_padding.content_bad .resources-centered-search form input {
  border: 1px solid #C00 !important;
}
.page_content_padding.content_bad .resources-centered-search form .search-button {
  background-color: #C00 !important;
  border: 1px solid #C00 !important;
}
.page_content_padding.content_bad .frm_loading_form .frm_button_submit {
  color: #C00 !important;
}
.page_content_padding.content_bad .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #C00, hsl(0, 100%, 30%)) border-box;
}
.page_content_padding.content_bad .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #C00, hsl(0, 100%, 30%));
}
.page_content_padding.content_bad h1,
.page_content_padding.content_bad h2,
.page_content_padding.content_bad h3 {
  background: linear-gradient(135deg, #C00, hsl(0, 100%, 30%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_bad .category-pills .category-pill {
  background: linear-gradient(135deg, #C00, hsl(0, 100%, 30%));
  box-shadow: 0 4px 12px rgba(204, 0, 0, 0.3);
}
.page_content_padding.content_bad .key-point .button2 {
  background-color: #C00;
}
.page_content_padding.content_bad .post-content a,
.page_content_padding.content_bad .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_bad .post-content a:hover,
.page_content_padding.content_bad .key-point:not(.module-button) a:hover {
  background-color: rgba(204, 0, 0, 0.1);
}

.post-item-image.background_bad:after {
  background: linear-gradient(to bottom, rgba(204, 0, 0, 0.1) 0%, rgba(204, 0, 0, 0.7) 80%);
}

.color_enviroupdates {
  background: linear-gradient(135deg, #5DA652, hsl(112.1428571429, 45.8709677419%, 38.6274509804%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_enviroupdates {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #5DA652 10%, hsl(112.1428571429, 45.8709677419%, 38.6274509804%)) border-box;
}

.page_content_padding.content_enviroupdates .button2 .ringBg {
  background-color: #5DA652;
}
.page_content_padding.content_enviroupdates .resources-centered-search form input {
  border: 1px solid #5DA652 !important;
}
.page_content_padding.content_enviroupdates .resources-centered-search form .search-button {
  background-color: #5DA652 !important;
  border: 1px solid #5DA652 !important;
}
.page_content_padding.content_enviroupdates .frm_loading_form .frm_button_submit {
  color: #5DA652 !important;
}
.page_content_padding.content_enviroupdates .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #5DA652, hsl(112.1428571429, 45.8709677419%, 38.6274509804%)) border-box;
}
.page_content_padding.content_enviroupdates .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #5DA652, hsl(112.1428571429, 45.8709677419%, 38.6274509804%));
}
.page_content_padding.content_enviroupdates h1,
.page_content_padding.content_enviroupdates h2,
.page_content_padding.content_enviroupdates h3 {
  background: linear-gradient(135deg, #5DA652, hsl(112.1428571429, 45.8709677419%, 38.6274509804%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_enviroupdates .category-pills .category-pill {
  background: linear-gradient(135deg, #5DA652, hsl(112.1428571429, 45.8709677419%, 38.6274509804%));
  box-shadow: 0 4px 12px rgba(93, 166, 82, 0.3);
}
.page_content_padding.content_enviroupdates .key-point .button2 {
  background-color: #5DA652;
}
.page_content_padding.content_enviroupdates .post-content a,
.page_content_padding.content_enviroupdates .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_enviroupdates .post-content a:hover,
.page_content_padding.content_enviroupdates .key-point:not(.module-button) a:hover {
  background-color: rgba(93, 166, 82, 0.1);
}

.post-item-image.background_enviroupdates:after {
  background: linear-gradient(to bottom, rgba(93, 166, 82, 0.1) 0%, rgba(93, 166, 82, 0.7) 80%);
}

.color_safetyupdates {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_safetyupdates {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #F0B608 10%, hsl(37, 100%, 42.6274509804%)) border-box;
}

.page_content_padding.content_safetyupdates .button2 .ringBg {
  background-color: #F0B608;
}
.page_content_padding.content_safetyupdates .resources-centered-search form input {
  border: 1px solid #F0B608 !important;
}
.page_content_padding.content_safetyupdates .resources-centered-search form .search-button {
  background-color: #F0B608 !important;
  border: 1px solid #F0B608 !important;
}
.page_content_padding.content_safetyupdates .frm_loading_form .frm_button_submit {
  color: #F0B608 !important;
}
.page_content_padding.content_safetyupdates .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%)) border-box;
}
.page_content_padding.content_safetyupdates .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
}
.page_content_padding.content_safetyupdates h1,
.page_content_padding.content_safetyupdates h2,
.page_content_padding.content_safetyupdates h3 {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_safetyupdates .category-pills .category-pill {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
  box-shadow: 0 4px 12px rgba(240, 182, 8, 0.3);
}
.page_content_padding.content_safetyupdates .key-point .button2 {
  background-color: #F0B608;
}
.page_content_padding.content_safetyupdates .post-content a,
.page_content_padding.content_safetyupdates .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_safetyupdates .post-content a:hover,
.page_content_padding.content_safetyupdates .key-point:not(.module-button) a:hover {
  background-color: rgba(240, 182, 8, 0.1);
}

.post-item-image.background_safetyupdates:after {
  background: linear-gradient(to bottom, rgba(240, 182, 8, 0.1) 0%, rgba(240, 182, 8, 0.7) 80%);
}

.color_grey {
  background: linear-gradient(135deg, #999, hsl(0, 12%, 50%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_grey {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #999 10%, hsl(0, 12%, 50%)) border-box;
}

.page_content_padding.content_grey .button2 .ringBg {
  background-color: #999;
}
.page_content_padding.content_grey .resources-centered-search form input {
  border: 1px solid #999 !important;
}
.page_content_padding.content_grey .resources-centered-search form .search-button {
  background-color: #999 !important;
  border: 1px solid #999 !important;
}
.page_content_padding.content_grey .frm_loading_form .frm_button_submit {
  color: #999 !important;
}
.page_content_padding.content_grey .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #999, hsl(0, 12%, 50%)) border-box;
}
.page_content_padding.content_grey .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #999, hsl(0, 12%, 50%));
}
.page_content_padding.content_grey h1,
.page_content_padding.content_grey h2,
.page_content_padding.content_grey h3 {
  background: linear-gradient(135deg, #999, hsl(0, 12%, 50%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_grey .category-pills .category-pill {
  background: linear-gradient(135deg, #999, hsl(0, 12%, 50%));
  box-shadow: 0 4px 12px rgba(153, 153, 153, 0.3);
}
.page_content_padding.content_grey .key-point .button2 {
  background-color: #999;
}
.page_content_padding.content_grey .post-content a,
.page_content_padding.content_grey .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_grey .post-content a:hover,
.page_content_padding.content_grey .key-point:not(.module-button) a:hover {
  background-color: rgba(153, 153, 153, 0.1);
}

.post-item-image.background_grey:after {
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(153, 153, 153, 0.7) 80%);
}

.color_darkgrey {
  background: linear-gradient(135deg, #444, hsl(0, 12%, 16.6666666667%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.borderHighlight_darkgrey {
  border: 2em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #444 10%, hsl(0, 12%, 16.6666666667%)) border-box;
}

.page_content_padding.content_darkgrey .button2 .ringBg {
  background-color: #444;
}
.page_content_padding.content_darkgrey .resources-centered-search form input {
  border: 1px solid #444 !important;
}
.page_content_padding.content_darkgrey .resources-centered-search form .search-button {
  background-color: #444 !important;
  border: 1px solid #444 !important;
}
.page_content_padding.content_darkgrey .frm_loading_form .frm_button_submit {
  color: #444 !important;
}
.page_content_padding.content_darkgrey .frm_forms {
  border-top: 1em solid transparent;
  border-radius: 15px;
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(135deg, #444, hsl(0, 12%, 16.6666666667%)) border-box;
}
.page_content_padding.content_darkgrey .frm_forms .frm_submit button {
  background: linear-gradient(135deg, #444, hsl(0, 12%, 16.6666666667%));
}
.page_content_padding.content_darkgrey h1,
.page_content_padding.content_darkgrey h2,
.page_content_padding.content_darkgrey h3 {
  background: linear-gradient(135deg, #444, hsl(0, 12%, 16.6666666667%));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page_content_padding.content_darkgrey .category-pills .category-pill {
  background: linear-gradient(135deg, #444, hsl(0, 12%, 16.6666666667%));
  box-shadow: 0 4px 12px rgba(68, 68, 68, 0.3);
}
.page_content_padding.content_darkgrey .key-point .button2 {
  background-color: #444;
}
.page_content_padding.content_darkgrey .post-content a,
.page_content_padding.content_darkgrey .key-point:not(.module-button) a {
  font-weight: 600;
  text-decoration-thickness: 2px;
}
.page_content_padding.content_darkgrey .post-content a:hover,
.page_content_padding.content_darkgrey .key-point:not(.module-button) a:hover {
  background-color: rgba(68, 68, 68, 0.1);
}

.post-item-image.background_darkgrey:after {
  background: linear-gradient(to bottom, rgba(68, 68, 68, 0.1) 0%, rgba(68, 68, 68, 0.7) 80%);
}

.wave {
  animation-name: solutionWave;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes solutionWave {
  0% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.6;
    filter: brightness(1.2);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
@-moz-keyframes solutionWave {
  0% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.6;
    filter: brightness(1.2);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
@-ms-keyframes solutionWave {
  0% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.6;
    filter: brightness(1.2);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}
@keyframes solutionWave {
  0% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.6;
    filter: brightness(1.2);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}

.alternating-module:nth-child(odd) img.revealed {
  animation-name: revealLeft;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
@media screen and (max-width: 1000px) {
  .alternating-module:nth-child(odd) img.revealed {
    animation: none !important;
  }
}
@-webkit-keyframes revealLeft {
  0% {
    opacity: 0;
    transform: translateX(-4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes revealLeft {
  0% {
    opacity: 0;
    transform: translateX(-4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes revealLeft {
  0% {
    opacity: 0;
    transform: translateX(-4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes revealLeft {
  0% {
    opacity: 0;
    transform: translateX(-4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.alternating-module:nth-child(even) img.revealed {
  animation-name: revealRight;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
@media screen and (max-width: 1000px) {
  .alternating-module:nth-child(even) img.revealed {
    animation: none !important;
  }
}
@-webkit-keyframes revealRight {
  0% {
    opacity: 0;
    transform: translateX(4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes revealRight {
  0% {
    opacity: 0;
    transform: translateX(4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes revealRight {
  0% {
    opacity: 0;
    transform: translateX(4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes revealRight {
  0% {
    opacity: 0;
    transform: translateX(4%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@-webkit-keyframes pPlusIntro {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes pPlusIntro {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-ms-keyframes pPlusIntro {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pPlusIntro {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  80% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes p1Intro {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes p1Intro {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes p1Intro {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes p1Intro {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.products-compared {
  display: flex;
  flex-direction: row;
  gap: 4em;
  margin-top: 1em;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .products-compared {
    flex-direction: column;
    gap: 1em;
  }
}
@media screen and (min-width: 1000px) {
  .products-compared:after {
    content: "+";
    font-weight: bold;
    font-size: 4em;
    color: #444;
    width: 100px;
    height: 100px;
    line-height: 90px;
    display: flex;
    right: calc(50% - 50px);
    z-index: 5;
    top: calc(50% - 50px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    background: linear-gradient(145deg, #FFF 0%, #FFF 100%);
    justify-content: center;
    border-radius: 50px;
    position: absolute;
    animation-name: pPlusIntro;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    will-change: transform;
  }
}

.product-container {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #FFFFFF;
  width: 100%;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  padding: 2em;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .product-container {
    padding: 1em !important;
    box-sizing: border-box;
    max-width: 100%;
    font-size: 0.9em;
  }
  .product-container:first-child {
    border-right: 0;
  }
  .product-container:last-child {
    border-left: 0;
  }
  .product-container .product-compare-logo {
    width: 100%;
    margin: 0 auto;
    max-width: 200px;
    height: 55px !important;
  }
  .product-container .product-compare-text p {
    font-size: 1em;
    padding-bottom: 0;
  }
}
.product-container:first-child {
  border-left: 0;
  border-top: 0;
  padding-left: 1.5em;
  animation-name: p1Intro;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  z-index: 2;
}
@media screen and (min-width: 1000px) {
  .product-container:first-child {
    border-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .product-container:first-child:after {
    width: 75px !important;
    height: 75px !important;
    line-height: 70px !important;
    font-size: 3em !important;
    right: calc(50% - 37.5px) !important;
    top: calc(100% + 2px) !important;
    content: "+";
    font-weight: bold;
    color: #444;
    display: flex;
    z-index: 5;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    background: linear-gradient(145deg, #FFF 0%, #FFF 100%);
    justify-content: center;
    border-radius: 50px;
    position: absolute;
    animation-name: pPlusIntro;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0.75s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: backwards;
    will-change: transform;
  }
}
.product-container:last-child {
  border-right: 0;
  border-bottom: 0;
  padding-right: 1.5em;
  animation-name: p2Intro;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
@media screen and (min-width: 1000px) {
  .product-container:last-child {
    border-top: 0;
  }
}
@-webkit-keyframes p2Intro {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes p2Intro {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes p2Intro {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes p2Intro {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.product-container .product-compare-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding-bottom: 1em;
}
.product-container .product-compare-logo img {
  padding: 0 1em;
  box-shadow: none;
  width: 100% !important;
}
.product-container .product-compare-heading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.8em;
  line-height: 1.2em;
}
.product-container .product-compare-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4em;
}

p,
.page_content_padding ul,
.page_content_padding ol {
  padding: 0.5em 0;
  line-height: 1.6em;
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}

.center-form {
  margin-bottom: 5em;
}

.frm_forms {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 2em;
  overflow: hidden;
  border-top: 2em solid #92278F;
}
@media screen and (max-width: 1000px) {
  .frm_forms {
    font-size: 0.9em;
  }
}
.frm_forms .frm_fields_container .frm_opt_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0em;
}
.frm_forms .frm_fields_container .frm_opt_container .frm_checkbox label {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  padding: 0.2em 0;
  position: relative;
  padding-left: 1em;
  line-height: 1.3;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.frm_forms .frm_fields_container .frm_opt_container .frm_checkbox label:hover {
  background-color: #FAFAFA;
  cursor: pointer;
}
.frm_forms .frm_fields_container .frm_opt_container .frm_checkbox input[type=checkbox] {
  position: relative;
  left: -0.5em;
}
.frm_forms .frm_fields_container .frm_form_field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.frm_forms .frm_fields_container .frm_form_field.frm_none_container {
  margin-bottom: 0;
}
.frm_forms .frm_fields_container .frm_form_field.frm_html_container {
  line-height: 1.2em;
  font-size: 0.9em;
  color: #666;
  margin-bottom: 1em;
}
.frm_forms .frm_fields_container .frm_form_field input,
.frm_forms .frm_fields_container .frm_form_field textarea,
.frm_forms .frm_fields_container .frm_form_field select {
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  padding: 0.4em;
  font-size: 1em;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.frm_forms .frm_fields_container .frm_form_field .frm_primary_label {
  color: #444;
  font-weight: bold;
}
.frm_forms .frm_fields_container .frm_form_field .frm_required {
  color: #dc2727;
}
.frm_forms .frm_fields_container .frm_form_field .frm_submit button {
  width: 100%;
  display: block;
  padding: 1em;
  background-color: #92278F;
  color: #FFFFFF;
  font-weight: bold;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: none;
  border-radius: 3px;
  transition: all 0.1s;
}
.frm_forms .frm_fields_container .frm_form_field .frm_submit button:hover {
  transform: scale(1.05);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.frm_forms .frm_fields_container .frm_form_field:has(.frm_submit) {
  margin-bottom: 0 !important;
}
.frm_forms .frm_loading_form .frm_button_submit {
  pointer-events: none;
  opacity: 0.8;
  color: #92278F !important;
  position: relative;
  box-sizing: border-box;
}
.frm_forms .frm_loading_form .frm_button_submit:after {
  display: inline-block;
  vertical-align: text-bottom;
  content: "\f110";
  color: #FFFFFF;
  font-family: FontAwesome;
  position: absolute;
  left: calc(50% - 0.5em);
  top: 1em;
  animation-name: submitSpinner;
  animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-timing-function: linear;
}
@-webkit-keyframes submitSpinner {
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes submitSpinner {
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes submitSpinner {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes submitSpinner {
  100% {
    transform: rotate(360deg);
  }
}
.frm_forms .frm_message,
.frm_forms .frm_error_style {
  border-radius: 3px;
  border-left: 4px solid #dc2727;
  padding: 1em;
  font-size: 0.8em;
  line-height: 1.2em;
  color: #444444;
  background-color: #F2F2F2;
  margin-bottom: 1em;
  animation-name: pulseFade;
  animation-iteration-count: 3;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
.frm_forms .frm_message:last-child,
.frm_forms .frm_error_style:last-child {
  margin-bottom: 0;
}
.frm_forms .frm_message {
  font-size: 1.2em;
  line-height: 1.4em;
  border-left-color: #19aa4b !important;
}
.frm_forms .frm_error {
  color: #dc2727;
  font-weight: bold;
  animation-name: pulseFade;
  animation-iteration-count: 3;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes pulseFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes pulseFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes pulseFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulseFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

#footer {
  min-height: 230px;
  width: 100%;
  background: linear-gradient(180deg, #222, #111);
  display: block;
  position: relative;
  z-index: 0;
  clear: both;
}
@media screen and (max-width: 1000px) {
  #footer:before, #footer:after {
    width: 40vw !important;
    height: 40vw !important;
    top: -40vw !important;
    background-size: cover;
  }
}
#footer:before {
  width: 319px;
  height: 355px;
  background-image: url("images/decoration_bottom_left.png");
  left: 0;
  content: " ";
  position: absolute;
  top: -355px;
  z-index: -1;
}
#footer:after {
  width: 319px;
  height: 355px;
  background-image: url("images/decoration_bottom_right.png");
  right: 0;
  content: " ";
  position: absolute;
  top: -355px;
  z-index: -1;
}

.floating-actions {
  z-index: 5;
  position: fixed;
  bottom: 2em;
  right: 2em;
  display: flex;
  flex-direction: column;
  width: 209px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
  .floating-actions {
    display: none !important;
  }
}
.floating-actions.showing {
  opacity: 1;
  transform: scale(1);
}
.floating-actions .fab {
  width: 100%;
  padding: 0.25em 1em;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #444444;
  background: linear-gradient(to left, #92278F 26%, #EEE 26%);
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: all 0.1s;
  font-family: "Inter", Roboto, Arial, Helvetica, sans-serif;
  line-height: 40px;
  font-weight: bold;
  overflow: hidden;
  backface-visibility: hidden;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-font-smoothing: subpixel-antialiased;
}
.floating-actions .fab:hover {
  color: #FFFFFF;
  background: linear-gradient(to left, #92278F 26%, #92278F 26%);
  transform: scale(1.02);
  filter: translateZ(0);
}
.floating-actions .fab:active {
  transform: scale(0.98);
  transition: all 0s;
}
.floating-actions .fab span {
  display: inline-block;
  text-align: center;
  font-size: 1.25em;
  color: #FFF;
  animation-name: shakeAttention;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
}
@-webkit-keyframes shakeAttention {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-15deg);
  }
  6% {
    transform: rotate(15deg);
  }
  8% {
    transform: rotate(-15deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes shakeAttention {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-15deg);
  }
  6% {
    transform: rotate(15deg);
  }
  8% {
    transform: rotate(-15deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-ms-keyframes shakeAttention {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-15deg);
  }
  6% {
    transform: rotate(15deg);
  }
  8% {
    transform: rotate(-15deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes shakeAttention {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-15deg);
  }
  6% {
    transform: rotate(15deg);
  }
  8% {
    transform: rotate(-15deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.observeHidden {
  opacity: 0;
}

.ccl_wrapper {
  padding-top: 0.5em;
  text-align: center;
}

.logo-scroller {
  overflow: hidden;
  position: relative;
  --scroll-duration: 30s;
  margin-bottom: 5em;
  margin-top: 1em;
}
@media screen and (max-width: 1000px) {
  .logo-scroller {
    margin-bottom: 0em !important;
  }
}
.logo-scroller:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(to left, #F2F2F2 0%, rgba(242, 242, 242, 0) 10%, rgba(242, 242, 242, 0) 90%, #F2F2F2 100%);
}
.logo-scroller .lane {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.logo-scroller.is-ready .lane {
  animation: marquee var(--scroll-duration) linear infinite;
}
.logo-scroller:hover .lane {
  animation-play-state: paused;
}
.logo-scroller.no-scroll {
  overflow: visible;
}
@media screen and (max-width: 1000px) {
  .logo-scroller.no-scroll .track {
    flex-direction: column;
    gap: 0 !important;
  }
}
.logo-scroller.no-scroll:after {
  background: transparent;
}
.logo-scroller.no-scroll .track {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.logo-scroller .track {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 0;
  align-items: center;
}
.logo-scroller .ccl_logo, .logo-scroller .track > * {
  flex: 0 0 auto;
}
.logo-scroller .ccl_logo img {
  display: block;
  height: 100px;
  width: 200px;
  filter: grayscale(1);
  opacity: 0.5;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--loop-distance)));
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo-scroller .lane {
    animation: none;
  }
}
.animate-word {
  --stagger: 20ms;
  display: inline-block;
}
.animate-word .char {
  position: relative;
  display: inline-block;
}

@keyframes fadeChar {
  0% {
    opacity: 1;
    transform: translateX(calc(-1em + var(--i) * 0.05em));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.hero3 {
  position: relative;
  width: calc(100% + 2em);
  aspect-ratio: 5833/2833;
  overflow: hidden;
  isolation: isolate;
  margin-left: -1em;
}
@-webkit-keyframes heroRevealBottom {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
@-moz-keyframes heroRevealBottom {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
@-ms-keyframes heroRevealBottom {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
@keyframes heroRevealBottom {
  0% {
    opacity: 0;
    transform: translateY(10%) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
@-webkit-keyframes heroRevealLeft {
  0% {
    opacity: 0;
    transform: translateX(15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes heroRevealLeft {
  0% {
    opacity: 0;
    transform: translateX(15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes heroRevealLeft {
  0% {
    opacity: 0;
    transform: translateX(15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes heroRevealLeft {
  0% {
    opacity: 0;
    transform: translateX(15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes heroRevealRight {
  0% {
    opacity: 0;
    transform: translateX(-15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-moz-keyframes heroRevealRight {
  0% {
    opacity: 0;
    transform: translateX(-15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-ms-keyframes heroRevealRight {
  0% {
    opacity: 0;
    transform: translateX(-15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes heroRevealRight {
  0% {
    opacity: 0;
    transform: translateX(-15%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes heroRevealSpot {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes heroRevealSpot {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-ms-keyframes heroRevealSpot {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes heroRevealSpot {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.hero3.revealed .hero-1,
.hero3.revealed .hero-2,
.hero3.revealed .hero-3,
.hero3.revealed .hero-4,
.hero3.revealed .hero-5,
.hero3.revealed .hero-6 {
  animation-name: heroRevealBottom;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: backwards;
}
.hero3.revealed .hero-2 {
  animation-delay: 0.5s;
  animation-name: heroRevealLeft;
}
.hero3.revealed .hero-3 {
  animation-delay: 0.25s;
  animation-name: heroRevealRight;
}
.hero3.revealed .hero-4 {
  animation-delay: 0.7s;
  animation-name: heroRevealSpot;
}
.hero3.revealed .hero-5 {
  animation-delay: 0.9s;
  animation-name: heroRevealSpot;
}
.hero3.revealed .hero-6 {
  animation-delay: 1.1s;
  animation-name: heroRevealSpot;
}

.hero3 > .item {
  position: absolute;
}

.hero3 .item.hero-1, .hero3 .item.hero-2, .hero3 .item.hero-3 {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.hero3 > .item > img {
  display: block;
  width: 100%;
  height: 100%;
}

.hero3 .hero-4,
.hero3 .hero-5,
.hero3 .hero-6 {
  will-change: transform;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
  border-radius: 300px;
  color: #FFFFFF;
  outline: 3px solid white;
}
.hero3 .hero-4 {
  background: linear-gradient(135deg, #F0B608, hsl(37, 100%, 42.6274509804%));
  box-shadow: 0 4px 12px rgba(240, 182, 8, 0.5);
}
.hero3 .hero-4 span {
  margin-left: 0.05em;
  top: -0.05em;
  position: relative;
  line-height: 0;
}
.hero3 .hero-5 {
  background: linear-gradient(135deg, #19AB49, hsl(139.7260273973, 86.4897959184%, 28.431372549%));
  box-shadow: 0 4px 12px rgba(25, 171, 73, 0.5);
}
.hero3 .hero-6 {
  background: linear-gradient(135deg, #29709b, hsl(202.6315789474, 70.1632653061%, 28.431372549%));
  box-shadow: 0 4px 12px rgba(41, 112, 155, 0.5);
}
.hero3 .hero-6 span {
  margin-left: 0.05em;
}

.item.hero-1 {
  left: 19.4239670838%;
  top: 6.6007765619%;
  width: 61.1520658323%;
  height: 78.4680550653%;
}

.item.hero-2 {
  left: 9.1548088462%;
  top: 42.6403106248%;
  width: 32.8133036173%;
  height: 49.452876809%;
}

.item.hero-3 {
  left: 65.7123264187%;
  top: 15.7077303212%;
  width: 19.4411109206%;
  height: 76.5619484645%;
}

.item.hero-4 {
  left: 37.836447797%;
  top: 64.8076244264%;
  width: 7.5432881879%;
  height: 15.5312389693%;
}

.item.hero-5 {
  left: 14.3665352306%;
  top: 8.1539004589%;
  width: 7.5432881879%;
  height: 15.5312389693%;
}

.item.hero-6 {
  left: 82.7361563518%;
  top: 26.8972820332%;
  width: 7.5432881879%;
  height: 15.5312389693%;
}

.post-container {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto 5em;
  background-color: #FFF;
  position: relative;
  padding: 2em 3em 5em;
}
.post-container .alternating-module {
  margin: 0px auto !important;
}
.post-container .alternating-module .left,
.post-container .alternating-module .right {
  padding-top: 2em;
  padding-bottom: 2em;
}
.post-container .alternating-module:before {
  display: none !important;
}
@media screen and (max-width: 1000px) {
  .post-container {
    padding: 1em 0 3em 0;
    background-color: transparent !important;
  }
  .post-container img {
    margin: 0 auto !important;
    margin-bottom: 1em !important;
    max-height: 100px !important;
  }
  .post-container::after, .post-container::before {
    display: none !important;
  }
}
.post-container::before, .post-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  background: #F2F2F2;
  z-index: 2;
  transform: rotate(180deg);
}
.post-container::before {
  top: 0;
  clip-path: polygon(0% 100%, 2.5% 80%, 5% 100%, 7.5% 80%, 10% 100%, 12.5% 80%, 15% 100%, 17.5% 80%, 20% 100%, 22.5% 80%, 25% 100%, 27.5% 80%, 30% 100%, 32.5% 80%, 35% 100%, 37.5% 80%, 40% 100%, 42.5% 80%, 45% 100%, 47.5% 80%, 50% 100%, 52.5% 80%, 55% 100%, 57.5% 80%, 60% 100%, 62.5% 80%, 65% 100%, 67.5% 80%, 70% 100%, 72.5% 80%, 75% 100%, 77.5% 80%, 80% 100%, 82.5% 80%, 85% 100%, 87.5% 80%, 90% 100%, 92.5% 80%, 95% 100%, 97.5% 80%, 100% 100%);
}
.post-container::after {
  bottom: 0;
  clip-path: polygon(0% 0, 2.5% 20%, 5% 0, 7.5% 20%, 10% 0, 12.5% 20%, 15% 0, 17.5% 20%, 20% 0, 22.5% 20%, 25% 0, 27.5% 20%, 30% 0, 32.5% 20%, 35% 0, 37.5% 20%, 40% 0, 42.5% 20%, 45% 0, 47.5% 20%, 50% 0, 52.5% 20%, 55% 0, 57.5% 20%, 60% 0, 62.5% 20%, 65% 0, 67.5% 20%, 70% 0, 72.5% 20%, 75% 0, 77.5% 20%, 80% 0, 82.5% 20%, 85% 0, 87.5% 20%, 90% 0, 92.5% 20%, 95% 0, 97.5% 20%, 100% 0);
}
.post-container h1 {
  text-align: center;
  margin-bottom: 1em;
}
.post-container .post-author {
  text-align: center;
  width: 100%;
}
.post-container .post-content {
  max-width: 1100px;
  margin: 0 auto;
}
.post-container .post-content img {
  padding: 2em 0;
}
.post-container .post-content h3 {
  margin-bottom: 0;
}
.post-container .post-content blockquote {
  font-weight: 500;
  color: #92278F;
  font-style: italic;
}
.post-container .post-content blockquote:before {
  left: -20px;
  font-style: normal !important;
}
.post-container .post-content blockquote:after {
  font-style: normal !important;
}
@media screen and (max-width: 1000px) {
  .post-container .post-content h1, .post-container .post-content h2 {
    font-size: 1.1em;
    text-align: left;
  }
  .post-container .post-content h3 {
    font-size: 1em;
    text-align: left;
  }
}

.gapBottom {
  margin-bottom: 7em;
}
@media screen and (max-width: 1000px) {
  .gapBottom {
    margin-bottom: 1em;
  }
}

.gapTop {
  margin-top: 3em;
}
@media screen and (max-width: 1000px) {
  .gapTop {
    margin-top: 1em;
  }
}

svg[data-is-material-ripple] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
svg[data-is-material-ripple] circle {
  fill: rgba(255, 255, 255, 0.2);
  filter: blur(10px);
}

.zoom-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.zoom-overlay.is-visible {
  opacity: 1;
}

.zoom-open {
  overflow: hidden;
}

.zoom-clone {
  position: fixed;
  z-index: 9999;
  cursor: zoom-out;
  will-change: width, height, transform;
  transition: width 0.2s ease, height 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.zoom-clone.shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.grecaptcha-badge {
  visibility: hidden !important;
  pointer-events: none !important;
}

/*# sourceMappingURL=style.css.map */