/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
.header__section.header__section--main.section {
  background-color: #FFFFFF;
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/* Sticky header styles */
/* Rounded, glassy header with working dropdowns — no outline border */
body .header__section--main {
  width: 1170px;
  margin: 8px auto;
  max-width: calc(100% - 24px);
  padding: 4px;

  border-radius: 99px;                 /* pill shape */
  position: sticky;
  top: 0;
  z-index: 1000;
  overflow: visible;                   /* allow dropdowns */
  isolation: isolate;                  /* backdrop blur samples behind */
  background: transparent !important;
}

/* Glass overlay */
body .header__section--main::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms ease;
  z-index: 0;

  border-radius: 99px;                 /* rounded overlay */
  clip-path: inset(0 round 99px);      /* clip blur to rounded shape */
}

/* Glass ON when sticky/active */
:is(body.header--sticky-active, .header--sticky-active) .header__section--main::before {
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);  /* soft depth only */
  opacity: 1;
}

/* Keep header content above the overlay */
body .header__section--main > * {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* Lift menus/dropdowns so they’re never cut off */
body .header__section--main .hs-menu-wrapper,
body .header__section--main .menu,
body .header__section--main .dropdown,
body .header__section--main .mega-menu {
  position: relative;
  z-index: 10; 
}

/* Fallback if backdrop-filter not supported */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :is(body.header--sticky-active, .header--sticky-active) .header__section--main::before {
    background: rgba(255, 255, 255, 0.7);
  }
}



/* Footer styles */
body .footer,
body .footer__section--top {
  background: #EAE7ED;
}

/* Footer link section — make all text 14px */
body .footer,
body .footer__bottom,
body .footer-bottom,
body footer {
  font-size: 14px !important;
  line-height: 1.5;
}

/* === Reduce gap between footer link columns and copyright by 100px === */
/* === Remove 300px of space below the copyright row === */
:root { 
  --footer-gap-reduction: 100px; 
  --footer-bottom-padding-reduction: 300px;
}

/* Move the last footer row (copyright/legal) upward */
footer > :last-child,
footer .dnd-section:last-of-type,
footer .footer__bottom:last-of-type,
footer .footer-bottom:last-of-type,
footer .footer-legal:last-of-type,
footer .footer__legal:last-of-type,
footer .footer-credits:last-of-type,
footer .footer__credits:last-of-type,
footer .site-footer__bottom:last-of-type {
  position: relative;
  top: calc(-1 * var(--footer-gap-reduction));
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;  
  margin-bottom: calc(-1 * var(--footer-bottom-padding-reduction)) !important;

  /* Make copyright text smaller */
  font-size: 12px !important;
  line-height: 1.4;
}

/* Add matching bottom padding to footer wrapper so content doesn’t get cut off */
footer {
  padding-bottom: 0 !important;
}



/* Accordion titles */
.hs-accordion__toggle,
.hs-accordion__title,
.accordion-title {
  font-size: 20px !important;
  line-height: 1.4; /* optional: keeps it readable */
}

/* Accordion titles */
.accordion__title {
  font-size: 20px !important;
  line-height: 1.4;
}

.dpiframe {
  width: 100%;
}

.featshow--nav-right:before {
  border-radius: 24px;
  right: 120px !important;
}

.featshow:before{
  width: 40% !important;
}
.dnd-section {
  padding: 48px 24px;
}

#featshow_1755684672925 {
  padding: 24px 24px;
}

.featshow__content__wrapper {
  padding: 72px 0 !important;
}

.footer__copyright-and-links{
border-top: 0px !important;
}

.homepage-image{
  margin: -90px 0px;
  max-height: 600px;
  height: auto;
  width: auto;
}

.home-demo-link {
    position: absolute;
    bottom: 18%;
    margin-inline: auto;
}

[data-hsfc-id=Renderer] .hsfc-FieldLabel, .hsfc-RichText, .hsfc-Button{
  font-family: 'Aktifo A' !important;
}

:root{
  --hsf-default-field-label__font-family: 'Aktifo A' !important;
}

.content_bucket-row-0-background-layers{ 
  background-position: center center !important;
}


/* ---- Responsiveness settings ---- */

/*Controls for "medium" screens and below*/
@media(max-width:1139px){
  .content_bucket-row-0-background-layers{
    background-position: unset;
  }
  
  .section-bg__media.section-bg__media--lg.section-bg__img {
    background-position: unset !important;
  }
}

/*Controls for "small" screens"*/
@media (max-width: 767px) {
    .featshow:before {
        bottom: auto;
        height: 50%;
        width: 100% !important;
    }
  
  .featshow--nav-right:before {
    right: 0 !important;
  }
  
  .grecaptcha-badge {
    transform: scale(0.75);
    width: 0px !important;
  
}