html {
    scroll-behavior: initial !important;
}


:root {
/* Change viewport max width here */
/*********************************/
  --max-width: 1360px;
/*********************************/
/* Enter brand colours here ******/
  --white: #fff;
  --black: #101623;
  --primary: #2bc8e7;
  --primary-rgb: 43, 200, 231;
  --secondary: #F17D23;
  --secondary-rgb: 241, 125, 35;
/*   --secondary: #F7AA21; */
  --tertiary: #101623;
  --accent: #087B99;
  --bg-color: #f7f9ff;

  /* Transparencies */
  --primary-10: rgba(var(--primary-rgb), 0.1);
  --primary-20: rgba(var(--primary-rgb), 0.2);
  --primary-30: rgba(var(--primary-rgb), 0.3);
  --primary-40: rgba(var(--primary-rgb), 0.4);
  --primary-50: rgba(var(--primary-rgb), 0.5);
  --primary-60: rgba(var(--primary-rgb), 0.6);
  --primary-70: rgba(var(--primary-rgb), 0.7);
  --primary-80: rgba(var(--primary-rgb), 0.8);
  --primary-90: rgba(var(--primary-rgb), 0.9);
  --secondary-10: rgba(var(--secondary-rgb), 0.1);
  --secondary-20: rgba(var(--secondary-rgb), 0.2);
  --secondary-30: rgba(var(--secondary-rgb), 0.3);
  --secondary-40: rgba(var(--secondary-rgb), 0.4);
  --secondary-50: rgba(var(--secondary-rgb), 0.5);
  --secondary-60: rgba(var(--secondary-rgb), 0.6);
  --secondary-70: rgba(var(--secondary-rgb), 0.7);
  --secondary-80: rgba(var(--secondary-rgb), 0.8);
  --secondary-90: rgba(var(--secondary-rgb), 0.9);

/* Dark/light shades */
  --primary-dark-90: color-mix(in oklab, var(--primary), #000 90%);
  --primary-dark-80: color-mix(in oklab, var(--primary), #000 80%);
  --primary-dark-70: color-mix(in oklab, var(--primary), #000 70%);
  --primary-dark-60: color-mix(in oklab, var(--primary), #000 60%);
  --primary-dark-50: color-mix(in oklab, var(--primary), #000 50%);
  --primary-dark-40: color-mix(in oklab, var(--primary), #000 40%);
  --primary-dark-30: color-mix(in oklab, var(--primary), #000 30%);
  --primary-dark-20: color-mix(in oklab, var(--primary), #000 20%);
  --primary-dark-10: color-mix(in oklab, var(--primary), #000 10%);
  --primary-light-90: color-mix(in oklab, var(--primary), #fff 90%);
  --primary-light-80: color-mix(in oklab, var(--primary), #fff 80%);
  --primary-light-70: color-mix(in oklab, var(--primary), #fff 70%);
  --primary-light-60: color-mix(in oklab, var(--primary), #fff 60%);
  --primary-light-50: color-mix(in oklab, var(--primary), #fff 50%);
  --primary-light-40: color-mix(in oklab, var(--primary), #fff 40%);
  --primary-light-30: color-mix(in oklab, var(--primary), #fff 30%);
  --primary-light-20: color-mix(in oklab, var(--primary), #fff 20%);
  --primary-light-10: color-mix(in oklab, var(--primary), #fff 10%);
  --secondary-dark-90: color-mix(in oklab, var(--secondary), #000 90%);
  --secondary-dark-80: color-mix(in oklab, var(--secondary), #000 80%);
  --secondary-dark-70: color-mix(in oklab, var(--secondary), #000 70%);
  --secondary-dark-60: color-mix(in oklab, var(--secondary), #000 60%);
  --secondary-dark-50: color-mix(in oklab, var(--secondary), #000 50%);
  --secondary-dark-40: color-mix(in oklab, var(--secondary), #000 40%);
  --secondary-dark-30: color-mix(in oklab, var(--secondary), #000 30%);
  --secondary-dark-20: color-mix(in oklab, var(--secondary), #000 20%);
  --secondary-dark-10: color-mix(in oklab, var(--secondary), #000 10%);
  --secondary-light-90: color-mix(in oklab, var(--secondary), #fff 90%);
  --secondary-light-80: color-mix(in oklab, var(--secondary), #fff 80%);
  --secondary-light-70: color-mix(in oklab, var(--secondary), #fff 70%);
  --secondary-light-60: color-mix(in oklab, var(--secondary), #fff 60%);
  --secondary-light-50: color-mix(in oklab, var(--secondary), #fff 50%);
  --secondary-light-40: color-mix(in oklab, var(--secondary), #fff 40%);
  --secondary-light-30: color-mix(in oklab, var(--secondary), #fff 30%);
  --secondary-light-20: color-mix(in oklab, var(--secondary), #fff 20%);
  --secondary-light-10: color-mix(in oklab, var(--secondary), #fff 10%);
  --tertiary-dark-90: color-mix(in oklab, var(--tertiary), #000 90%);
  --tertiary-dark-80: color-mix(in oklab, var(--tertiary), #000 80%);
  --tertiary-dark-70: color-mix(in oklab, var(--tertiary), #000 70%);
  --tertiary-dark-60: color-mix(in oklab, var(--tertiary), #000 60%);
  --tertiary-dark-50: color-mix(in oklab, var(--tertiary), #000 50%);
  --tertiary-dark-40: color-mix(in oklab, var(--tertiary), #000 40%);
  --tertiary-dark-30: color-mix(in oklab, var(--tertiary), #000 30%);
  --tertiary-dark-20: color-mix(in oklab, var(--tertiary), #000 20%);
  --tertiary-dark-10: color-mix(in oklab, var(--tertiary), #000 10%);
  --tertiary-light-90: color-mix(in oklab, var(--tertiary), #fff 90%);
  --tertiary-light-80: color-mix(in oklab, var(--tertiary), #fff 80%);
  --tertiary-light-70: color-mix(in oklab, var(--tertiary), #fff 70%);
  --tertiary-light-60: color-mix(in oklab, var(--tertiary), #fff 60%);
  --tertiary-light-50: color-mix(in oklab, var(--tertiary), #fff 50%);
  --tertiary-light-40: color-mix(in oklab, var(--tertiary), #fff 40%);
  --tertiary-light-30: color-mix(in oklab, var(--tertiary), #fff 30%);
  --tertiary-light-20: color-mix(in oklab, var(--tertiary), #fff 20%);
  --tertiary-light-10: color-mix(in oklab, var(--tertiary), #fff 10%);
}

body[data-builder-mode="custom"] .floating-sidebar-inner {
  opacity: 1;
}

.brxe-text-basic:not(.noanimborder) a:before, .brxe-text:not(.noanimborder) a:before, a.border:before, a.brxe-text-basic:not(.noanimborder):before, .brxe-text-link:not(.noanimborder):before {
  background-color: #fff;
}

/* dropdown caret */
.brx-dropdown-content::before {
  left: 70% !important;
}

.brx-dropdown-content {
  min-width: 100px;
}

#brx-header .brx-submenu-overflow-right {
    right: -20px !important;
}

#brx-header {
box-shadow:
  0px 0.8px 1.1px -3px rgba(0, 0, 0, 0.037),
  0px 1.9px 2.6px -3px rgba(0, 0, 0, 0.053),
  0px 3.6px 4.9px -3px rgba(0, 0, 0, 0.065),
  0px 6.5px 8.7px -3px rgba(0, 0, 0, 0.077),
  0px 12.1px 16.3px -3px rgba(0, 0, 0, 0.093),
  0px 29px 39px -3px rgba(0, 0, 0, 0.13)
;
}

#brx-header > .brxe-section {
    padding: 0 var(--space-m);
}

#brx-footer > .brxe-section:first-child {
  padding: var(--space-m);
}