@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap");
@import url("https://admin.orgill.com/Content/Themes/orgill-icons-v2.0/style.css");
@media (max-width: 991px) {
  html {
    font-size: 14px !important;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 16px !important;
  }
}
:root {
  --text-display: calc(1rem * 4.769);
  --text-header01: calc(1rem * 3.815);
  --text-header02: calc(1rem * 3.052);
  --text-header03: calc(1rem * 2.441);
  --text-header04: calc(1rem * 1.953);
  --text-header05: calc(1rem * 1.563);
  --text-header06: calc(1rem * 1.25);
  --text-paragraph: calc(1rem * 1);
  --text-small: calc(1rem * 0.8);
  --orgill--red--400: rgba(217, 33, 57, 1);
  --orgill--red--500: rgba(171, 25, 45, 1);
  --orgill--red--600: rgba(135, 20, 36, 1);
  --orgill--red--800: rgba(94, 14, 25, 1);
  --orgill--red--900: rgba(75, 12, 20, 1);
  --orgill--blue--200: rgba(207, 236, 255, 1);
  --orgill--blue--400: rgba(0, 142, 237, 1);
  --orgill--blue--500: rgba(0, 90, 150, 1);
  --orgill--blue--700: rgba(0, 69, 115, 1);
  --orgill--blue--900: rgba(0, 44, 74, 1);
  --orgill--silver--200: rgba(242, 242, 242, 1);
  --orgill--silver--400: rgba(218, 218, 218, 1);
  --orgill--silver--500: rgba(176, 176, 176, 1);
  --orgill--silver--700: rgba(111, 111, 111, 1);
  --orgill--silver--900: rgba(51, 51, 51, 1);
  --white--100: rgba(255, 255, 255, 1);
  --white--150: rgb(252, 252, 252, 1);
  --white--200: rgba(249, 249, 250, 1);
  --web-orange-warning: rgba(255, 168, 0, 1);
  --limeade-success: rgba(103, 150, 4, 1);
  --scarlet-error: rgba(240, 43, 0, 1);
  --font-primary: "Roboto", sans-serif;
  --shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0px 25px 50px rgba(0, 0, 0, 0.25);
}

/* NOT SURE IF THERE IS A RESET OF CSS IN BUILDER IO.
 BUT JUST IN CASE THIS SHOULD RESET THE TEXT STYLES TO 0 */
.builder-block > * > h1, .builder-block > * > h2, .builder-block > * > h3, .builder-block > * > h4, .builder-block > * > h5, .builder-block > * > h6 {
  margin-top: 0 !important;
}
.builder-block > h1, .builder-block > h2, .builder-block > h3, .builder-block > h4, .builder-block > h5, .builder-block > h6 {
  margin-top: 0 !important;
}

.builder-text p:first-of-type {
  margin-bottom: 10px !important;
}

/* END RESET */
.page-container,
.builder-block {
  font-size: 1rem;
  font-family: var(--font-primary) !important;
  font-weight: 400;
  text-rendering: geometricPrecision;
}

.page-container {
  overflow-x: clip;
  color: var(--orgill--silver--900) !important;
}

.builder-block p,
.builder-text p {
  font-size: var(--text-paragraph);
  font-weight: 400 !important;
  line-height: 145% !important;
}

.builder-block small,
.text-small {
  font-size: var(--text-small);
  line-height: 1.5 !important;
}

/* Header styles onlu affecting builder.io */
.builder-block {
  /* Header style classes */
}
.builder-block h1,
.builder-block h2,
.builder-block h3,
.builder-block h4,
.builder-block h5,
.builder-block h6,
.builder-block .header-display {
  font-weight: 400;
  line-height: 1.2 !important;
}
.builder-block h1 {
  font-size: var(--text-header01);
}
.builder-block h2 {
  font-size: var(--text-header02);
}
.builder-block h3 {
  font-size: var(--text-header03);
}
.builder-block h4 {
  font-size: var(--text-header04);
}
.builder-block h5 {
  font-size: var(--text-header05);
}
.builder-block h6 {
  font-size: var(--text-header06);
}
.builder-block .header-display {
  font-size: var(--text-display);
  line-height: 1.4 !important;
}
.builder-block .header-display > h1, .builder-block .header-display > h2, .builder-block .header-display > h3, .builder-block .header-display > h4, .builder-block .header-display > h5, .builder-block .header-display > h6 {
  font-size: var(--text-display) !important;
}
.builder-block .header-01 {
  font-size: var(--text-header01) !important;
  line-height: 1.2;
}
.builder-block .header-01 > h1,
.builder-block .header-01 h2,
.builder-block .header-01 h3,
.builder-block .header-01 h4,
.builder-block .header-01 h5,
.builder-block .header-01 h6 {
  font-size: var(--text-header01) !important;
  line-height: 1.2;
}
.builder-block .header-02 {
  font-size: var(--text-header02) !important;
  line-height: 1.2;
}
.builder-block .header-02 > h1,
.builder-block .header-02 h2,
.builder-block .header-02 h3,
.builder-block .header-02 h4,
.builder-block .header-02 h5,
.builder-block .header-02 h6 {
  font-size: var(--text-header02) !important;
  line-height: 1.2;
}
.builder-block .header-03 {
  font-size: var(--text-header03) !important;
  line-height: 1.2;
}
.builder-block .header-03 > h1,
.builder-block .header-03 h2,
.builder-block .header-03 h3,
.builder-block .header-03 h4,
.builder-block .header-03 h5,
.builder-block .header-03 h6 {
  font-size: var(--text-header03) !important;
  line-height: 1.2;
}
.builder-block .header-04 {
  font-size: var(--text-header04) !important;
  line-height: 1.2;
}
.builder-block .header-04 > h1,
.builder-block .header-04 h2,
.builder-block .header-04 h3,
.builder-block .header-04 h4,
.builder-block .header-04 h5,
.builder-block .header-04 h6 {
  font-size: var(--text-header04) !important;
  line-height: 1.2;
}
.builder-block .header-05 {
  font-size: var(--text-header05) !important;
}
.builder-block .header-05 > h1,
.builder-block .header-05 h2,
.builder-block .header-05 h3,
.builder-block .header-05 h4,
.builder-block .header-05 h5,
.builder-block .header-05 h6 {
  font-size: var(--text-header05) !important;
  line-height: 1.2;
}
.builder-block .header-06 {
  font-size: var(--text-header06) !important;
  line-height: 1.2;
}
.builder-block .header-06 > h1,
.builder-block .header-06 h2,
.builder-block .header-06 h3,
.builder-block .header-06 h4,
.builder-block .header-06 h5,
.builder-block .header-06 h6 {
  font-size: var(--text-header06) !important;
  line-height: 1.2;
}

/* Font Modifiers */
.is-bold {
  font-weight: 700 !important;
}
.is-bold .builder-text > h1,
.is-bold .builder-text h2,
.is-bold .builder-text h3,
.is-bold .builder-text h4,
.is-bold .builder-text h5,
.is-bold .builder-text h6 {
  font-weight: 700 !important;
}

.is-black {
  font-weight: 800 !important;
}
.is-black .builder-text > h1,
.is-black .builder-text h2,
.is-black .builder-text h3,
.is-black .builder-text h4,
.is-black .builder-text h5,
.is-black .builder-text h6 {
  font-weight: 800 !important;
}

.orange--warning {
  color: var(--web-orange-warning);
}

.limeade--success {
  color: var(--limeade-success);
}

.scarlet--error {
  color: var(--scarlet-error);
}

/* ------------------------ COLOR CLASS HELPERS  ------------------------------- */
.orgill--red--400 {
  color: var(--orgill--red--400);
}

.orgill--red--500 {
  color: var(--orgill--red--500);
}

.orgill--red--600 {
  color: var(--orgill--red--600);
}

.orgill--red--800 {
  color: var(--orgill--red--800);
}

.orgill--red--900 {
  color: var(--orgill--red--900);
}

.orgill--blue--200 {
  color: var(--orgill--blue--200);
}

.orgill--blue--400 {
  color: var(--orgill--blue--400);
}

.orgill--blue--500 {
  color: var(--orgill--blue--500);
}

.orgill--blue--700 {
  color: var(--orgill--blue--700);
}

.orgill--blue--900 {
  color: var(--orgill--blue--900);
}

.orgill--silver--200 {
  color: var(--orgill--silver--200);
}

.orgill--silver--400 {
  color: var(--orgill--silver--400);
}

.orgill--silver--500 {
  color: var(--orgill--silver--500);
}

.orgill--silver--700 {
  color: var(--orgill--silver--700);
}

.orgill--silver--900 {
  color: var(--orgill--silver--900);
}

.white--100 {
  color: var(--white--100);
}

.white--150 {
  color: var(--white--150);
}

.white--200 {
  color: var(--white--200);
}

/* ------------------------ SHADOW CLASS HELPERS ------------------------------- */
.shadow-sm {
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.shadow-md {
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
  overflow: hidden;
  border-radius: 0.5em;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
}

/* ------------------------ IMAGES HELPER  ------------------------------- */
.image {
  border-radius: 0.5em;
  border: 1px solid var(--orgill--silver--400);
}

/* ------------------------ CONTAINER BOXES ------------------------------- */
/* this fixes a weird margin
that appears on the content slot */
.container_wrapper > section {
  margin: 0 !important;
  min-width: 100%;
}

.orgill-wrapper {
  border: 1px solid var(--orgill--silver--400);
  border-radius: 0.5em;
  padding: 1em;
}

@media (min-width: 992px) {
  .grid-container:has(.grid-item:nth-child(n+3)) {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-container:has(.grid-item:nth-child(n+4)) {
    grid-template-columns: repeat(4, 1fr);
  }
}
@keyframes preFooterAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.prefooter {
  animation: preFooterAnimation 5s ease-in-out infinite;
  background: linear-gradient(45deg, #AB1B2D, #D21B2D, #AB1B2D);
  background-size: 200% 200%;
}

/* ------------------------ DIVIDERS ------------------------------- */
.builder-block hr[data-border-color=red] {
  border-color: var(--orgill--red--500);
}
.builder-block hr[data-border-color=blue] {
  border-color: var(--orgill--blue--500);
}
.builder-block hr[data-border-color=silver] {
  border-color: var(--orgill--silver--400);
}

/* ------------------------ BUTTONS /  CTA ------------------------------- */
/* Base Button */
.cta_button {
  transition: all ease-in 0.2s;
  font-size: 1.188em !important;
  padding: 0.375em 1.5em;
}
.cta_button span {
  font-weight: 700 !important;
}

.cta_button:hover {
  transition: all ease-in-out 200ms;
  text-decoration: none !important;
}

/* Builder.io Default Button, maybe the class can change */
span[role=button] {
  background-color: var(--orgill--red--500) !important;
  transition: background ease-in 0.2s;
  text-transform: uppercase;
  width: auto;
  line-height: 1.125em;
}

span[role=button]:hover {
  background-color: var(--orgill--red--400) !important;
  color: var(--white--100) !important;
  text-decoration: none;
}

/* Button Primary */
.cta_button[data-type-button=primary] {
  background-color: var(--orgill--red--500) !important;
  color: var(--white--100) !important;
  text-transform: uppercase;
}

.cta_button[data-type-button=primary]:hover {
  background-color: var(--orgill--red--400) !important;
  color: var(--white--100) !important;
}

/* Button Secondary */
.cta_button[data-type-button=secondary] {
  background-color: var(--orgill--blue--500) !important;
  color: var(--white--200) !important;
  text-transform: uppercase;
}

.cta_button[data-type-button=secondary]:hover {
  background-color: var(--orgill--blue--400) !important;
  color: var(--white--200) !important;
}

/* Ghost Button / Tertiary */
.cta_button[data-type-button=ghost] {
  background-color: unset !important;
  color: var(--orgill--red--500) !important;
  text-transform: uppercase;
  border-color: var(--orgill--red--500) !important;
}

.cta_button[data-type-button=ghost]:hover {
  background-color: rgba(171, 25, 45, 0.1) !important;
  color: var(--orgill--red--500) !important;
}

/* Disabled Button */
.cta_button[data-type-button=disabled] {
  background-color: var(--orgill--silver--400) !important;
  color: var(--orgill--silver--500) !important;
  pointer-events: none;
  text-transform: uppercase;
  cursor: default;
}

/* Inverted Button */
.cta_button[data-type-button=inverted] {
  background-color: var(--white--100) !important;
  color: var(--orgill--red--500) !important;
  text-transform: uppercase;
}

.cta_button[data-type-button=inverted]:hover {
  background-color: #F1E3E6 !important;
  color: var(--orgill--red--500) !important;
}

.cta_button[data-type-button=link] {
  padding: unset !important;
  border: none !important;
  border-radius: unset !important;
  background-color: transparent !important;
  background: linear-gradient(var(--orgill--red--500), var(--orgill--red--500)) center bottom/100% 1px no-repeat;
  border-bottom: none;
  color: var(--orgill--red--500);
  text-decoration: none;
  transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s;
  overflow-wrap: break-word;
}
.cta_button[data-type-button=link] span {
  font-weight: 400 !important;
}
@media screen and (max-width: 640px) {
  .cta_button[data-type-button=link] {
    width: auto;
    align-self: flex-start;
    margin-right: 1em;
    padding: 0.7em 0.5em 0.5em 0.5em;
  }
}

.cta_button[data-type-button=link]:hover {
  background: linear-gradient(var(--orgill--red--500), var(--orgill--red--500)) center bottom/100% 100% no-repeat;
  color: var(--white--100) !important;
}

/* ------------------------ LINKS ANCHORS INSIDE PARAGRAPHS ------------------------------- */
.builder-text a {
  background-color: transparent;
  background: linear-gradient(var(--orgill--red--500), var(--orgill--red--500)) center bottom/100% 2px no-repeat;
  border-bottom: none;
  color: var(--orgill--red--500);
  text-decoration: none;
  transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s;
  overflow-wrap: break-word;
}
.builder-text a:hover {
  background: linear-gradient(var(--orgill--red--500), var(--orgill--red--500)) center bottom/100% 100% no-repeat;
  color: var(--white--100) !important;
}

/* ------------------------ LIST ITEMS ------------------------------- */
.builder-text {
  /* Unordered lists */
  /* Ordered lists */
}
.builder-text ul {
  list-style: none;
  padding: 0;
  margin-top: 0.5em;
}
.builder-text ul li {
  list-style-position: outside;
  margin-bottom: 0.5em;
}
.builder-text ul li::before {
  content: "";
  font-family: "orgill-icons";
  color: var(--orgill--red--500);
  display: inline-block;
  margin-right: 0.5em;
}
.builder-text ol {
  counter-reset: item;
  list-style-type: none;
  margin-top: 0.5rem;
  list-style-position: outside;
}
.builder-text ol li {
  counter-increment: item;
  margin-bottom: 0.5em;
}
.builder-text ol li::before {
  content: counter(item, decimal-leading-zero);
  font-size: 80%;
  color: var(--orgill--red--500);
  font-weight: 700;
  display: inline-block;
  text-align: right;
  margin-right: 0.5em;
}

/* ------------------------ SLIDER / CAROUSEL  ------------------------------- */
.builder-block:has(.builder-carousel) {
  padding: 0 0 30px 0 !important;
  position: relative;
}

/* adds rounder borders and shadow to the sliders list*/
.slick-list {
  border-radius: 0.5em;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.slick-dots {
  position: absolute !important;
  right: 0 !important;
  height: 30px !important;
  top: 100% !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
}
.slick-dots li {
  position: relative !important;
  display: inline-block !important;
  width: 60px !important;
  height: 16px !important;
  margin: 0 4px !important;
  padding: 0 !important;
  cursor: pointer !important;
  color: transparent !important;
  border: 1px solid var(--orgill--silver--400) !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
}
.slick-dots li button {
  width: 100% !important;
  height: 100% !important;
}
.slick-dots li button:hover {
  background-color: var(--orgill--silver--200) !important;
  border-color: var(--orgill--silver--400) !important;
}
.slick-dots li button::before {
  font-size: 0 !important;
  width: 100% !important;
}
.slick-dots li.slick-active button {
  background-color: var(--orgill--red--500) !important;
}
.slick-dots li.slick-active button::before {
  background-color: var(--orgill--red--500) !important;
}

.slick-arrow:has(.builder-block) {
  display: none !important;
}

/* Normalize height of slides */
.slick-track {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}

.slider_item,
.slick-slide {
  height: 100%;
}

.builder-component[data-name=symbol]:has(.slider_item),
div[data-builder-component=symbol]:has(.slider_item),
div[builder-model=symbol]:has(.slider_item),
.builder-block:has(.slider_item),
.builder-blocks:has(.slider_item),
.slick-slide > div {
  height: 100%;
}

/* ------------------------ PILLS  ------------------------------- */
.pill_content[data-pill-color=red] {
  background-color: var(--orgill--red--400);
  color: var(--white--100);
}

.pill_content[data-pill-color=blue] {
  background-color: var(--orgill--blue--400);
  color: var(--white--100);
}

.pill_content[data-pill-color=silver] {
  background-color: var(--orgill--silver--700);
  color: var(--white--100);
}

.pill_content[data-pill-color=white] {
  background-color: var(--white--100);
  color: var(--orgill--red--500);
}

/* ------------------------ TABS  ------------------------------- */
.builder-block:has(.builder-tabs-wrap) {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  gap: 1.25em;
  width: 100%;
  flex-grow: 1;
}
.builder-block:has(.builder-tabs-wrap) > .builder-blocks {
  flex-grow: 1;
}
@media screen and (max-width: 750px) {
  .builder-block:has(.builder-tabs-wrap) {
    flex-direction: column !important;
  }
}

.builder-tabs-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-bottom: 1em;
  background-color: var(--white--100);
  border: 1px solid var(--orgill--silver--400);
  border-radius: 0.5em;
  padding: 1em;
  flex-direction: column !important;
  flex-basis: 20%;
  flex-shrink: 0;
  min-width: 20%;
  align-self: flex-start;
  z-index: 1;
  /* tab button style */
}
@media screen and (max-width: 750px) {
  .builder-tabs-wrap {
    width: 100%;
  }
  .builder-tabs-wrap .builder-tab-wrap {
    flex-basis: 50%;
  }
}
.builder-tabs-wrap .builder-tab-wrap {
  width: 100%;
  border-left: 2px solid var(--orgill--silver--200);
  border-radius: 0 4px 4px 0;
  border-bottom: none;
  color: var(--orgill--silver--700);
  transition: 0.2s ease-out;
}
.builder-tabs-wrap .builder-tab-wrap:hover {
  background-color: var(--orgill--silver--200);
  border-left-color: var(--orgill--red--500);
  color: var(--orgill--silver--700);
  transition: all ease-in-out 150ms;
}
.builder-tabs-wrap .builder-tab-wrap.builder-tab-active {
  background-color: var(--orgill--red--500) !important;
  color: var(--white--100);
  border-left-color: var(--orgill--red--800);
}

/* ------------------------ TOOLTIPS  ------------------------------- */
.orgill-tooltip[data-tooltip-color=red] + .tooltip > .tooltip-inner {
  background-color: var(--orgill--red--500);
  color: var(--white--100);
}

.orgill-tooltip[data-tooltip-color=red] + .tooltip.top .tooltip-arrow {
  border-top-color: var(--orgill--red--500) !important;
}
.orgill-tooltip[data-tooltip-color=red] + .tooltip.left .tooltip-arrow {
  border-left-color: var(--orgill--red--500) !important;
}
.orgill-tooltip[data-tooltip-color=red] + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--orgill--red--500) !important;
}
.orgill-tooltip[data-tooltip-color=red] + .tooltip.right .tooltip-arrow {
  border-right-color: var(--orgill--red--500) !important;
}

.orgill-tooltip[data-tooltip-color=silver] + .tooltip > .tooltip-inner {
  background-color: var(--orgill--silver--900);
  color: var(--white--100);
}

.orgill-tooltip[data-tooltip-color=silver] + .tooltip.top .tooltip-arrow {
  border-top-color: var(--orgill--silver--900) !important;
}
.orgill-tooltip[data-tooltip-color=silver] + .tooltip.left .tooltip-arrow {
  border-left-color: var(--orgill--silver--900) !important;
}
.orgill-tooltip[data-tooltip-color=silver] + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--orgill--silver--900) !important;
}
.orgill-tooltip[data-tooltip-color=silver] + .tooltip.right .tooltip-arrow {
  border-right-color: var(--orgill--silver--900) !important;
}

/* ------------------------ ACCORDION  ------------------------------- */
.builder-accordion {
  margin: 1em 0;
}
.builder-accordion .builder-accordion-title {
  border-bottom: 1px solid var(--orgill--silver--200);
  font-size: var(--text-header06);
  font-weight: 400 !important;
  color: var(--orgill--silver--700);
  padding: 1em 0.5em !important;
  flex-direction: row !important;
  align-content: center;
  justify-content: space-between;
  transition: all 0.4s ease-in;
}
.builder-accordion .builder-accordion-title:hover {
  background-color: var(--white--200);
  transition: backgroun-color 0.4s ease-out;
}
.builder-accordion .builder-accordion-title::after {
  content: "";
  font-family: orgill-icons;
  width: 1.2em;
  height: 1.2em;
  font-size: 1em;
  color: var(--orgill--silver--500);
  border: 2px solid var(--orgill--silver--500);
  border-radius: 999em;
  text-align: center;
  line-height: 1em;
  transition: 0.3s ease-in;
  margin-left: 0.5em;
}
.builder-accordion .builder-accordion-title.builder-accordion-title-open {
  color: var(--orgill--silver--900);
  border-bottom: none !important;
}
.builder-accordion .builder-accordion-title.builder-accordion-title-open::after {
  border-color: var(--orgill--silver--900) !important;
  transform: rotate(180deg);
  color: var(--orgill--silver--900);
  transition: 0.2s ease-out;
}
.builder-accordion .builder-accordion-title > .builder-blocks > .builder-block {
  background-color: transparent !important;
  padding: 0;
}
.builder-accordion .builder-accordion-title > .builder-blocks > .builder-block span {
  font-size: var(--text-header06);
  color: var(--orgill--silver--900);
}
.builder-accordion .builder-accordion-detail.builder-accordion-detail-open {
  padding: 0.5em 1em 1em;
  border-bottom: 1px solid var(--orgill--silver--200);
}

/* Test to accordion animate */
@keyframes accordion-animate {
  from {
    transform: translateY(-1em);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.builder-accordion-detail-open {
  animation-name: accordion-animate;
  animation-duration: 0.5s;
}

/* ------------------------ BANNER PAGE  ------------------------------- */
/* ------------------------ TABLES ------------------------------- */
.table-orgill tr,
.table-orgill th,
.table-orgill td {
  border-color: var(--orgill--silver--400) !important;
}

.builder-custom-code:has(.table-orgill) {
  border-radius: 0.5em;
  overflow: hidden;
  border: 1px solid var(--orgill--silver--400);
}

.table-orgill {
  color: var(--orgill--silver--900);
}
.table-orgill thead {
  background-color: var(--orgill--red--500);
  color: var(--white--100);
}
.table-orgill thead > tr,
.table-orgill thead th,
.table-orgill thead td {
  border: none !important;
}
.table-orgill tr {
  transition: 0.2s ease;
}
.table-orgill tr:nth-child(even) {
  background-color: var(--white--200);
}

/* Help center the modal vertically*/
.modal {
  text-align: center;
  padding: 0 !important;
}
.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}