/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/Icons/index.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.arrow-with-hover .no-hover {
  display: block;
}
.arrow-with-hover .on-hover {
  display: none;
}
.arrow-parent:hover .arrow-with-hover .no-hover,
.arrow-with-hover:hover .no-hover {
  display: none;
}
.arrow-parent:hover .arrow-with-hover .on-hover,
.arrow-with-hover:hover .on-hover {
  display: block;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/CustomSelect/CustomSelect.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.light-bg div[class$="-indicatorContainer"] {

    color: var(--slate-9) !important
}

.light-bg div[class$="-placeholder"] {

    color: var(--slate-9) !important
}

.dark-bg div[class$="-indicatorContainer"] {

    color: var(--slate-1) !important
}

.dark-bg div[class$="-placeholder"] {

    color: var(--slate-1) !important
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/Calendar/Calendar.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.fc {
  --fc-button-bg-color: transparent;
  --fc-button-text-color: var(--slate-12);
  --fc-button-hover-bg-color: var(--slate-3);
  --fc-button-active-bg-color: var(--slate-12);
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  --fc-button-text-color: white;
}

.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 1rem;
}

.fc .fc-view-harness {
  min-height: 500px;
}

.fc-view * {
  outline-width: 0 !important;
}

/* Remove sticky days on list view for popovers to show correctly */
.fc .fc-list-sticky .fc-list-day > * {
  position: initial;
}
.fc-h-event {
  border-style: none;
  background-color: var(--sky);
  padding: 0.5rem;
}
.fc-h-event:hover {
  background-color: var(--ocean);
}

.fc-theme-standard .fc-dayGridMonth-view .fc-scrollgrid,
.fc-theme-standard .fc-dayGridMonth-view td,
.fc-theme-standard .fc-dayGridMonth-view th {
  border: none;
}

.fc th {
  text-align: left;
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
  background: transparent;
}

.fc .fc-daygrid-day-top {
  flex-direction: row;
}
.fc .fc-daygrid-day-number {
  width: 100%;
  border-bottom-width: 1px;
  border-color: var(--orange-9);
  font-family: var(--font-onest), Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24.6px;
  color: var(--slate-3);
}

.fc .fc-daygrid-event {
  margin-top: 0.75rem;
  border-radius: 5px;
}

.fc-h-event {
  background-color: transparent;
  padding: 0px;
}
.fc-h-event .fc-event-main {
  color: initial;
}
.fc .fc-daygrid-event > button,
.fc-h-event .fc-event-main > button {
  width: 100%;
}

/* dayGridWeek */
.fc-theme-standard .fc-dayGridWeek-view .fc-scrollgrid {
  border-top: 0;
}
.fc-theme-standard .fc-dayGridWeek-view th,
.fc-theme-standard .fc-dayGridWeek-view td {
  border: 1px solid var(--accent-9);
  border-top: 0;
}
.fc-theme-standard .fc-dayGridWeek-view thead {
  border-bottom: 1px solid var(--accent-9);
}
.fc-theme-standard .fc-dayGridWeek-view thead th {
  border-bottom: 0;
}
.fc-dayGridWeek-view .fc-col-header-cell a {
  width: 100%;
  padding: 0px;
  padding-bottom: 0.75rem;
}

/* listMonth */
.fc-theme-standard .fc-list,
.fc-theme-standard .fc-list td,
.fc-theme-standard .fc-list th {
  border: none;
}
.fc .fc-list-sticky .fc-list-day > * {
  background: transparent;
}
.fc .fc-list-sticky .fc-list-day .fc-list-day-cushion {
  border-bottom-width: 1px;
  border-color: var(--orange-9);
  padding: 0px;
  padding-bottom: 0.5rem;
  font-family: var(--font-onest), Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24.6px;
}
.fc-list .fc-list-event-time,
.fc-list .fc-list-event-graphic {
  display: none;
}
.fc .fc-list .fc-list-event-title {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.fc-list .fc-list-event-title > button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 0px;
}
.fc .fc-list .fc-list-event:hover td {
  background-color: initial;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./app/components/Container/Container.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContainerMaxWidth {
  padding-right: max((100vw - 1280px) / 2, 16px);
  padding-left: max((100vw - 1280px) / 2, 16px);
}

/* Default 120px difference between components with the same background */
.WPBlockContainer + .WPBlockContainer,
.WPBlockContainer:has(+ .WPBlockContainer) {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* Default 100px difference between components with the same background */
@media screen and (max-width: 767px) {
  .WPBlockContainer + .WPBlockContainer,
  .WPBlockContainer:has(+ .WPBlockContainer) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/* 120px difference between the component and the new colour from the next component */
/* when slate-1 is followed by slate-9 */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by slate-9 */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by accent-bg */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by accent-bg */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by accent-9 */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by accent-9 */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by sky-bg */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by sky-bg */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by slate-12 */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by slate-12 */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by white */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by white */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by transparent */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by transparent */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-1 is followed by has-bg-image */
.WPBlockContainer.slate-1:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when slate-1 is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.slate-1 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-1 is followed by has-bg-image */
  .WPBlockContainer.slate-1:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when slate-1 is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.slate-1 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by slate-1 */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by slate-1 */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by accent-bg */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by accent-bg */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by accent-9 */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by accent-9 */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by sky-bg */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by sky-bg */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by slate-12 */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by slate-12 */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by white */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by white */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by transparent */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by transparent */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when slate-9 is followed by has-bg-image */
.WPBlockContainer.slate-9:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when slate-9 is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.slate-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-9 is followed by has-bg-image */
  .WPBlockContainer.slate-9:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when slate-9 is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.slate-9 {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by slate-1 */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by slate-1 */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by slate-9 */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by slate-9 */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by accent-9 */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by accent-9 */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by sky-bg */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by sky-bg */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by slate-12 */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by slate-12 */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by white */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by white */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by transparent */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by transparent */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-bg is followed by has-bg-image */
.WPBlockContainer.accent-bg:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when accent-bg is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.accent-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-bg is followed by has-bg-image */
  .WPBlockContainer.accent-bg:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when accent-bg is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.accent-bg {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by slate-1 */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by slate-1 */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by slate-9 */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by slate-9 */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by accent-bg */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by accent-bg */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by sky-bg */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by sky-bg */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by slate-12 */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by slate-12 */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by white */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by white */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by transparent */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by transparent */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when accent-9 is followed by has-bg-image */
.WPBlockContainer.accent-9:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when accent-9 is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.accent-9 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when accent-9 is followed by has-bg-image */
  .WPBlockContainer.accent-9:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when accent-9 is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.accent-9 {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by slate-1 */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by slate-1 */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by slate-9 */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by slate-9 */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by accent-bg */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by accent-bg */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by accent-9 */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by accent-9 */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by slate-12 */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by slate-12 */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by white */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by white */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by transparent */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by transparent */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when sky-bg is followed by has-bg-image */
.WPBlockContainer.sky-bg:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when sky-bg is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.sky-bg {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when sky-bg is followed by has-bg-image */
  .WPBlockContainer.sky-bg:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when sky-bg is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.sky-bg {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by slate-1 */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by slate-1 */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by slate-9 */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by slate-9 */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by accent-bg */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by accent-bg */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by accent-9 */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by accent-9 */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by sky-bg */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by sky-bg */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by white */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by white */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by transparent */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by transparent */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when slate-12 is followed by has-bg-image */
.WPBlockContainer.slate-12:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when slate-12 is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.slate-12 {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when slate-12 is followed by has-bg-image */
  .WPBlockContainer.slate-12:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when slate-12 is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.slate-12 {
    padding-top: 100px;
  }
}
/* when white is followed by slate-1 */
.WPBlockContainer.white:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when white is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by slate-1 */
  .WPBlockContainer.white:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when white is followed by slate-9 */
.WPBlockContainer.white:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when white is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by slate-9 */
  .WPBlockContainer.white:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when white is followed by accent-bg */
.WPBlockContainer.white:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when white is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by accent-bg */
  .WPBlockContainer.white:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when white is followed by accent-9 */
.WPBlockContainer.white:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when white is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by accent-9 */
  .WPBlockContainer.white:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when white is followed by sky-bg */
.WPBlockContainer.white:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when white is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by sky-bg */
  .WPBlockContainer.white:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when white is followed by slate-12 */
.WPBlockContainer.white:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when white is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by slate-12 */
  .WPBlockContainer.white:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when white is followed by has-bg-image */
.WPBlockContainer.white:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when white is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.white {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when white is followed by has-bg-image */
  .WPBlockContainer.white:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when white is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.white {
    padding-top: 100px;
  }
}
/* when transparent is followed by slate-1 */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by slate-1 */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when transparent is followed by slate-9 */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by slate-9 */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when transparent is followed by accent-bg */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by accent-bg */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when transparent is followed by accent-9 */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by accent-9 */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when transparent is followed by sky-bg */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by sky-bg */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when transparent is followed by slate-12 */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by slate-12 */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when transparent is followed by has-bg-image */
.WPBlockContainer.transparent:has(+ .WPBlockContainer.has-bg-image) {
  padding-bottom: 120px;
}

/* when transparent is preceeded by has-bg-image */
.WPBlockContainer.has-bg-image + .WPBlockContainer.transparent {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when transparent is followed by has-bg-image */
  .WPBlockContainer.transparent:has(+ .WPBlockContainer.has-bg-image) {
    padding-bottom: 100px;
  }
  /* when transparent is preceeded by has-bg-image */
  .WPBlockContainer.has-bg-image + .WPBlockContainer.transparent {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by slate-1 */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.slate-1) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by slate-1 */
.WPBlockContainer.slate-1 + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by slate-1 */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.slate-1) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by slate-1 */
  .WPBlockContainer.slate-1 + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by slate-9 */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.slate-9) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by slate-9 */
.WPBlockContainer.slate-9 + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by slate-9 */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.slate-9) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by slate-9 */
  .WPBlockContainer.slate-9 + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by accent-bg */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.accent-bg) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by accent-bg */
.WPBlockContainer.accent-bg + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by accent-bg */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.accent-bg) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by accent-bg */
  .WPBlockContainer.accent-bg + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by accent-9 */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.accent-9) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by accent-9 */
.WPBlockContainer.accent-9 + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by accent-9 */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.accent-9) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by accent-9 */
  .WPBlockContainer.accent-9 + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by sky-bg */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.sky-bg) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by sky-bg */
.WPBlockContainer.sky-bg + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by sky-bg */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.sky-bg) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by sky-bg */
  .WPBlockContainer.sky-bg + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by slate-12 */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.slate-12) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by slate-12 */
.WPBlockContainer.slate-12 + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by slate-12 */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.slate-12) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by slate-12 */
  .WPBlockContainer.slate-12 + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by white */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.white) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by white */
.WPBlockContainer.white + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by white */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.white) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by white */
  .WPBlockContainer.white + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* when has-bg-image is followed by transparent */
.WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.transparent) {
  padding-bottom: 120px;
}

/* when has-bg-image is preceeded by transparent */
.WPBlockContainer.transparent + .WPBlockContainer.has-bg-image {
  padding-top: 120px;
}

@media screen and (max-width: 767px) {
  /* when has-bg-image is followed by transparent */
  .WPBlockContainer.has-bg-image:has(+ .WPBlockContainer.transparent) {
    padding-bottom: 100px;
  }
  /* when has-bg-image is preceeded by transparent */
  .WPBlockContainer.transparent + .WPBlockContainer.has-bg-image {
    padding-top: 100px;
  }
}
/* last WP block container always has a large padding-bottom */
main > .WPBlockContainer:last-child {
  padding-bottom: 240px;
}

@media screen and (max-width: 767px) {
  main > .WPBlockContainer:last-child {
    padding-bottom: 150px;
  }
}
/* Special spacing rules */
.AcfTextArea:has(+ .AcfCtaTableBlock) {
  padding-bottom: 0 !important;
}

.AcfTextArea:has(+ .AcfEventsBlockFilter) {
  padding-bottom: 0 !important;
}

.AcfTextArea:has(+ .StackingCards) {
  padding-bottom: 0 !important;
}

.AcfGalleryCarouselBlock:has(+ .AcfCasestudiesTextBlock) {
  padding-bottom: 0 !important;
}

.AcfTextArea:has(+ .AcfLogoCarouselBlock) {
  padding-bottom: 0 !important;
}

.AcfTextArea + .AcfLogoCarouselBlock {
  padding-top: 0 !important;
}

@media screen and (max-width: 767px) {
  .WPBlockContainer.StackingCards:has(+ .WPBlockContainer) {
    padding-bottom: 0 !important;
  }
  .WPBlockContainer + .WPBlockContainer.StackingCards {
    padding-top: 0 !important;
  }
  .WPBlockContainer.AcfTextArea + .WPBlockContainer.StackingCards {
    padding-top: 50px !important;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/EffectAppear/EffectAppear.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.scroll-effect--slide-up {
  opacity: 0;
  transform: translateY(10px);
  transition:
    transform 1s ease,
    opacity 0.65s linear;
}

.scroll-effect--slide-up.do {
  opacity: 1;
  transform: translateY(0);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./app/components/Carousel/Carousel.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* See Container.scss */
/* I dont understand why it's neede */
.ScrollAreaViewport {
  width: 100vw;
  margin-left: calc((max((100vw - 1280px) / 2, 16px) + 15px) * -1);
  overflow-x: scroll;
}

.ScrollAreaViewport > *:first-child {
  padding-left: calc(max((100vw - 1280px) / 2, 16px) + 15px);
}

@media screen and (max-width: 767px) {
  .ScrollAreaViewport {
    margin-left: calc((max((100vw - 1280px) / 2, 16px) + 0px) * -1);
  }
  .ScrollAreaViewport > *:first-child {
    padding-left: calc(max((100vw - 1280px) / 2, 16px) + 0px);
  }
}
.ScrollAreaViewport > *:last-child {
  padding-right: max((100vw - 1280px) / 2, 16px);
}

.ScrollAreaScrollbar {
  user-select: none;
  touch-action: none;
  border-bottom: 3px dotted var(--slate-3);
}

.ScrollAreaThumb {
  border-radius: var(--scrollbar-size);
  position: absolute;
  bottom: -3px;
  left: 0;
}

.ScrollAreaThumb.slate {
  border-bottom: 3px solid var(--slate-12);
}

.ScrollAreaThumb.accent {
  border-bottom: 3px solid var(--accent-9);
}

.ScrollAreaThumb::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/CustomTextField/CustomTextField.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomTextField.rt-TextFieldRoot:where(.rt-r-size-2) {
  --text-field-height: 50px;
  --text-field-padding: 18px;
}

.CustomTextField.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldSlot) {
  padding-left: 18px;
  padding-right: 18px;
}

.CustomTextField.rt-TextFieldRoot {
  box-shadow: inset 0 0 0 var(--text-field-border-width) currentColor;
}
.CustomTextField.rt-TextFieldRoot label,
.CustomTextField.rt-TextFieldRoot .rt-TextFieldSlot,
.CustomTextField.rt-TextFieldRoot svg,
.CustomTextField.rt-TextFieldRoot > input::placeholder {
  color: currentColor;
}

.CustomTextField.rt-TextFieldRoot:where(:has(.rt-TextFieldInput:focus)) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}
.CustomTextField .rt-TextFieldSlot:has(~ .rt-TextFieldInput:focus) {
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}
.CustomTextField.rt-TextFieldRoot:where(.rt-variant-surface) {
  --text-field-focus-color: white;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/GravityForm/GravityForm.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.gform_wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .alignCenter .gform_wrapper {
    align-items: center;
  }
}

.gravityform {
  width: 100%;
}

.gform_fields {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.gform_title {
  display: none;
}

.gform_description {
  max-width: 625px;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .alignCenter .gform_description {
    text-align: center;
  }
}
.darkTheme {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.gfield {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}
.hidden-label .gfield_label,
label.gfield_label {
  display: none;
}
.gfield.gfield--width-half {
  width: 100%;
}
@media (min-width: 768px) {
  .gfield.gfield--width-half {
    width: 50%;
  }
}
.gfield.gfield--width-third {
  width: 100%;
}
@media (min-width: 768px) {
  .gfield.gfield--width-third {
    width: 33.333333%;
  }
}
.gform_footer {
  display: flex;
}

@media screen and (min-width: 768px) {
  .alignCenter .gform_footer {
    justify-content: center;
  }
}
.gravityform__button {
  display: inline-flex;
  height: 40px;
  width: fit-content;
  align-items: center;
  border-radius: 5px;
  background-color: var(--orange-9);
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.gravityform__button:hover {
  background-color: var(--orange-dark);
  color: var(--slate-1);
}
.ginput_container:focus-visible,
.ginput_container input:focus-visible,
.ginput_container select:focus-visible {
  outline: none;
}

.ginput_container input,
.ginput_container textarea,
.ginput_container select {
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(37 50 62 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 1rem;
  color: var(--slate-9);
}
.ginput_container input::placeholder,
.ginput_container textarea::placeholder,
.ginput_container select::placeholder {
  color: var(--slate-9);
}
.ginput_container input:focus-visible,
.ginput_container textarea:focus-visible,
.ginput_container select:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.darkTheme .ginput_container input,
.darkTheme .ginput_container textarea,
.darkTheme .ginput_container select {
  background-color: var(--slate-3);
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}
.darkTheme .ginput_container input::placeholder,
.darkTheme .ginput_container textarea::placeholder,
.darkTheme .ginput_container select::placeholder {
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}
.darkTheme .ginput_container input:focus-visible,
.darkTheme .ginput_container textarea:focus-visible,
.darkTheme .ginput_container select:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.ginput_container select {
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16px" width="16px" viewBox="0 0 32 19" fill="none"><path d="M29.5157 1.253C29.6508 1.11875 29.8112 1.01227 29.9878 0.939614C30.1644 0.866963 30.3536 0.829568 30.5447 0.829567C30.7358 0.829567 30.9251 0.866963 31.1016 0.939614C31.2782 1.01227 31.4386 1.11875 31.5738 1.253C31.7089 1.38724 31.8161 1.54661 31.8892 1.722C31.9624 1.8974 32 2.08539 32 2.27524C32 2.46509 31.9624 2.65308 31.8892 2.82847C31.8161 3.00387 31.7089 3.16324 31.5738 3.29748L17.029 17.7462C16.894 17.8805 16.7335 17.9871 16.557 18.0598C16.3804 18.1325 16.1911 18.1699 16 18.1699C15.8089 18.1699 15.6196 18.1325 15.443 18.0598C15.2665 17.9871 15.106 17.8805 14.971 17.7462L0.426241 3.29748C0.153323 3.02637 -6.85627e-07 2.65866 -6.94779e-07 2.27524C-7.0393e-07 1.89182 0.153323 1.52411 0.426241 1.253C0.699159 0.98188 1.06932 0.829569 1.45528 0.829569C1.84124 0.829569 2.2114 0.98188 2.48432 1.253L16 14.6812L29.5157 1.253Z" fill="currentColor"/></svg>');
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
}

.gform_anchor {
  display: none;
}
.gform_confirmation_wrapper {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* https://github.com/robmarshall/next-gravity-forms-example/blob/main/app/form.css */
.gfield--type-multiselect {
  overflow: visible;
}

.ginput_container span {
  margin-bottom: 10px;
}

.ginput_container input.large,
.ginput_container select.large,
.ginput_container textarea.large {
  width: 100%;
}

.ginput_container input.medium,
.ginput_container select.medium,
.ginput_container textarea.medium {
  width: 66%;
}

.ginput_container input.small,
.ginput_container select.small,
.ginput_container textarea.small {
  width: 33%;
}

.left_label label.gfield_label {
  float: left;
  width: 25%;
}

.right_label label.gfield_label {
  float: right;
  width: 25%;
}

.gfield_required {
  padding-left: 5px;
}

.gfield_checkbox,
.gfield_radio {
  list-style: none;
  padding: 0;
}

.gfield_checkbox input,
.gfield_radio input {
  width: auto;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

.gfield_radio input {
  margin-left: 2px;
}

.gsection h2 {
  border-bottom: 3px solid black;
  padding-bottom: 15px;
}

.gf_progressbar_wrapper {
  padding-bottom: 15px;
}

.gf_progressbar {
  background: gray;
}

.gf_progressbar_percentage {
  background: red;
  padding: 5px 10px;
  text-align: right;
}

.gfield_time_hour,
.gfield_time_minute,
.gfield_time_ampm {
  display: inline;
  display: inline-block;
}

.gfield_time_hour label,
.gfield_time_minute label {
  display: block;
}

.gfield_time_ampm {
  vertical-align: top;
}

.gravityform__field--error input {
  border: 1px solid red;
}

.validation_error {
  font-size: 16px;
  padding-bottom: 15px;
}

.gfield.gfield_error {
  background: #ffdfe0;
  margin-bottom: 15px;
  padding-top: 15px;
}

.gfield.gfield_error label.gfield_label {
  font-weight: bold;
}

.gfield .validation_message {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}

.gform_validation_container {
  display: none;
}

.ginput_full {
  display: block;
}

.ginput_full input,
.ginput_full select,
.ginput_full textarea {
  margin-bottom: 5px;
  width: 100%;
}

.ginput_full label {
  display: block;
}

.ginput_left {
  float: left;
  padding-right: 10px;
  width: 50%;
}

.ginput_left input,
.ginput_left select,
.ginput_left textarea {
  margin-bottom: 5px;
  width: 100%;
}

.ginput_left label {
  display: block;
}

.ginput_right {
  float: right;
  width: 50%;
}

.ginput_right input,
.ginput_right select,
.ginput_right textarea {
  margin-bottom: 5px;
  width: 100%;
}

.ginput_right label {
  display: block;
}

.ginput_right {
  float: right;
  width: 50%;
}

.gf_left_half {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 50%;
}

.gf_right_half {
  clear: none;
  float: right;
  padding-bottom: 10px;
  width: 50%;
}

.gf_left_third {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 33%;
}

.gf_middle_third {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 34%;
}

.gf_right_third {
  clear: none;
  float: right;
  padding-bottom: 10px;
  width: 33%;
}

.gf_first_quarter {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 25%;
}

.gf_second_quarter {
  clear: none;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
  width: 25%;
}

.gf_third_quarter {
  clear: none;
  float: left;
  padding-bottom: 10px;
  width: 25%;
}

.gf_fourth_quarter {
  clear: none;
  float: right;
  padding-bottom: 10px;
  width: 25%;
}

@media screen and (max-width: 480px) {
  .gf_left_half,
  .gf_right_half,
  .gf_left_third,
  .gf_middle_third,
  .gf_right_third,
  .gf_first_quarter,
  .gf_second_quarter,
  .gf_third_quarter,
  .gf_fourth_quarter {
    width: 100%;
  }
}

.gf_list_2col .gfield_checkbox,
.gf_list_2col .gfield_radio {
  float: left;
  padding-bottom: 10px;
  width: 50%;
}

.gf_list_3col .gfield_checkbox,
.gf_list_3col .gfield_radio {
  float: left;
  padding-bottom: 10px;
  width: 33%;
}

.gf_list_4col .gfield_checkbox,
.gf_list_4col .gfield_radio {
  float: left;
  padding-bottom: 10px;
  width: 25%;
}
.gf_list_5col .gfield_checkbox,
.gf_list_5col .gfield_radio {
  float: left;
  padding-bottom: 10px;
  width: 20%;
}
.gf_list_inline .gfield_checkbox,
.gf_list_inline .gfield_radio {
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 480px) {
  .gf_list_2col .gfield_checkbox,
  .gf_list_3col .gfield_checkbox,
  .gf_list_4col .gfield_checkbox,
  .gf_list_5col .gfield_checkbox,
  .gf_list_2col .gfield_radio,
  .gf_list_3col .gfield_radio,
  .gf_list_4col .gfield_radio,
  .gf_list_5col .gfield_radio {
    width: 100%;
  }
}

.react-select__control {
  align-items: center;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 38px;
  outline: 0 !important;
  position: relative;
  transition: all 100ms;
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  border: 1px solid hsl(0, 0%, 80%);
}

.react-select__control * {
  box-sizing: border-box;
}

.react-select__control:hover {
  border-color: hsl(0, 0%, 70%);
}

.react-select__control .react-select__value-container {
  align-items: center;
  display: grid;
  flex: 1;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  padding: 2px 8px;
}

.react-select__control .react-select__value-container.react-select__value-container--has-value {
  display: flex;
  flex-wrap: wrap;
}

.react-select__control .react-select__value-container .react-select__multi-value {
  display: flex;
  min-width: 0;
  background-color: hsl(0, 0%, 90%);
  border-radius: 2px;
  margin: 2px;
  box-sizing: border-box;
}

.react-select__control .react-select__value-container .react-select__multi-value .react-select__multi-value__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px;
  color: hsl(0, 0%, 20%);
  font-size: 85%;
  padding: 3px;
  padding-left: 6px;
  box-sizing: border-box;
}

.react-select__control .react-select__value-container .react-select__placeholder {
  grid-area: 1/1/2/3;
  color: hsl(0, 0%, 50%);
  margin-left: 2px;
  margin-right: 2px;
}

.react-select__control .react-select__value-container .react-select__input-container {
  visibility: visible;
  flex: 1 1 auto;
  display: inline-grid;
  grid-area: 1/1/2/3;
  grid-template-columns: 0 min-content;
  margin: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  color: hsl(0, 0%, 20%);
}

.react-select__control .react-select__value-container .react-select__input-container:after {
  content: attr(data-value) "";
  visibility: hidden;
  white-space: pre;
  grid-area: 1/2;
  font: inherit;
  min-width: 2px;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}

.react-select__control .react-select__value-container .react-select__input-container .react-select__input {
  color: inherit;
  background: 0;
  opacity: 1;
  width: 100%;
  grid-area: 1 / 2;
  font: inherit;
  min-width: 2px;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
}

.react-select__control .react-select__indicators {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
}

.react-select__control .react-select__indicators .react-select__indicator-separator {
  align-self: stretch;
  width: 1px;
  background-color: hsl(0, 0%, 80%);
  margin-bottom: 8px;
  margin-top: 8px;
}

.react-select__control .react-select__indicators .react-select__indicator {
  display: flex;
  transition: color 150ms;
  color: hsl(0, 0%, 80%);
  padding: 8px;
}

.react-select__control .react-select__indicators svg {
  display: inline-block;
  line-height: 1;
  stroke: hsl(0, 0%, 80%);
  stroke-width: 0;
}

.react-select__control.react-select__control--is-focused {
  box-shadow: 0 0 0 1px blue;
}

.react-select__menu {
  background-color: hsl(0, 0%, 100%);
  border-radius: 4px;
  box-shadow:
    0 0 0 1px hsla(0, 0%, 0%, 0.1),
    0 4px 11px hsla(0, 0%, 0%, 0.1);
  margin-bottom: 8px;
  margin-top: 8px;
  box-sizing: border-box;
}

.react-select__menu .react-select__menu-list {
  max-height: 300px;
  overflow-y: auto;
  position: relative;
  padding-bottom: 4px;
  padding-top: 4px;
  box-sizing: border-box;
}

.react-select__menu .react-select__menu-list .react-select__option {
  cursor: default;
  display: block;
  font-size: inherit;
  width: 100%;
  user-select: none;
  background-color: transparent;
  color: inherit;
  padding: 8px 12px;
  box-sizing: border-box;
}

.react-select__menu .react-select__menu-list .react-select__option:hover,
.react-select__menu .react-select__menu-list .react-select__option.select__option--is-focused {
  background-color: #deebff;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/Header/Header.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.NavigationMenuRoot {
  display: flex;
  justify-content: center;
  width: 100%;
}

.NavigationMenuList {
  display: flex;
  justify-content: center;
}

.NavigationMenuTrigger,
.NavigationMenuLink {
  margin: 8px 12px;
}

.NavigationMenuTrigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
}

.NavigationMenuLink {
  display: block;
  text-decoration: none;
}

.NavigationMenuContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 200px;
  padding: 10px 0 0 0;
  animation-duration: 250ms;
  animation-timing-function: ease;
}
.NavigationMenuContent[data-motion="from-start"] {
  animation-name: enterFromLeft;
}
.NavigationMenuContent[data-motion="from-end"] {
  animation-name: enterFromRight;
}
.NavigationMenuContent[data-motion="to-start"] {
  animation-name: exitToLeft;
}
.NavigationMenuContent[data-motion="to-end"] {
  animation-name: exitToRight;
}
@media only screen and (min-width: 600px) {
  .NavigationMenuContent {
    width: 100%;
  }
}

.NavigationMenuIndicator {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 10px;
  top: 100%;
  overflow: hidden;
  transition:
    width,
    transform 250ms ease;
}
.NavigationMenuIndicator[data-state="visible"] {
  animation: fadeIn 200ms ease;
}
.NavigationMenuIndicator[data-state="hidden"] {
  animation: fadeOut 200ms ease;
}

.NavigationMenuViewport {
  position: relative;
  transform-origin: top center;
  width: 100%;
  background-color: var(--slate-12);
  overflow: hidden;
  box-shadow:
    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,
    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
  height: var(--radix-navigation-menu-viewport-height);
  transition:
    width,
    height,
    300ms ease;
}
.NavigationMenuViewport[data-state="open"] {
  animation: scaleIn 200ms ease;
}
.NavigationMenuViewport[data-state="closed"] {
  animation: scaleOut 200ms ease;
}

.List {
  display: grid;
  padding: 22px;
  margin: 0;
  column-gap: 10px;
  list-style: none;
}

.ListItemLink {
  line-height: 1;
}

.ListItemHeading {
  font-weight: 500;
  line-height: 1.6;
  color: var(--slate-1);
}

.ViewportPosition {
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  top: 100%;
  left: 0;
  perspective: 2000px;
}

.CaretDown {
  position: relative;
  top: 1px;
  transition: transform 250ms ease;
}
[data-state="open"] > .CaretDown {
  transform: rotate(-180deg);
}

.Arrow {
  position: relative;
  top: 70%;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-top-left-radius: 2px;
}

@keyframes enterFromRight {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes enterFromLeft {
  from {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes exitToRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(200px);
  }
}

@keyframes exitToLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-200px);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: rotateX(-30deg) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
}

@keyframes scaleOut {
  from {
    opacity: 1;
    transform: rotateX(0deg) scale(1);
  }
  to {
    opacity: 0;
    transform: rotateX(-10deg) scale(0.95);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.mobile-menu .styled-accordion-trigger[data-state="open"] {
  color: var(--accent-9);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/VideoPlayer/VideoPlayer.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPlayer {
  opacity: 0;
}
.VideoPlayer.active {
  opacity: 1;
  animation: fadeIn 1000ms ease;
}
.VideoPlayer.inactive {
  opacity: 0;
  animation: fadeOut 1000ms ease;
}
.VideoPlayer.rounded > div,
.VideoPlayer.rounded > div > div,
.VideoPlayer.rounded iframe {
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .VideoPlayer.rounded > div,
.VideoPlayer.rounded > div > div,
.VideoPlayer.rounded iframe {
    border-radius: 1rem;
  }
}
.VideoPlayer.rounded-top > div,
.VideoPlayer.rounded-top > div > div,
.VideoPlayer.rounded-top iframe {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
@media (min-width: 768px) {
  .VideoPlayer.rounded-top > div,
.VideoPlayer.rounded-top > div > div,
.VideoPlayer.rounded-top iframe {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/TileHover/TileHover.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.filter-layer {
  background: rgba(37, 50, 62, 0);
}
.excerpt {
  visibility: hidden;
}
.top-section:hover .filter-layer {
  background: rgba(37, 50, 62, 0.8);
  transition: background 0.5s;
}
.top-section:hover .excerpt {
  visibility: visible;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfCasestudiesHeaderBlock/AcfCasestudiesHeaderBlock.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.keyPoints ul {
  list-style-type: disc;
  padding: 0;
}

.keyPoints ul li {
  border: none;
  padding: 0;
}

.authors img {
  width: 46px;
  height: 46px;
  object-fit: cover;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfCtaTableBlock/AcfCtaTableBlock.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.AcfCtaTableBlock + .AcfCtaTableBlock {
  padding-top: 32px;
}
.AcfCtaTableBlock:has(+ .AcfCtaTableBlock) {
  padding-bottom: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/LargeTile/LargeTile.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.LargeTile {
  height: 712px;
  width: 100%;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfEventSpeakersBlock/AcfEventSpeakersBlock.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.AcfEventSpeakersBlock .border-slide-up {
  background-image: linear-gradient(var(--accent-9) 0 0);
  background-position: 100% 100%;
  background-size: 100% 0;
  background-repeat: no-repeat;
  transition:
    color 0.3s,
    background-size 0.3s,
    background-position 0.3s 0s;
}
.AcfEventSpeakersBlock .border-slide-up.active {
  background-position: 100% 100%;
  background-size: 100% 8px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/RolloverTile/RolloverTile.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.RolloverTileFront,
.RolloverTileBack {
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transition: transform 0.6s;
}
.RolloverTileBack {
  transform: rotateY(180deg);
}
.RolloverTile:hover .RolloverTileFront {
  transform: rotateY(180deg);
}
.RolloverTile:hover .RolloverTileBack {
  transform: rotateY(360deg);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfHeroBlock/AcfHeroBlock.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.HeroContent {
  position: relative;
  /* There's a trick to scroll down the window by 1px to close up the header when video plays */
  height: calc(100vh + 1px);
  min-height: 600px;
  background-size: cover;
}
.HeroTitle {
  word-spacing: 9999px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/GravityFormEOI/GravityFormEOI.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.GravityFormEOI .gform_fields {
  margin-left: 0px;
  margin-right: 0px;
}

.GravityFormEOI .gfield {
  padding-left: 0px;
  padding-right: 0px;
}

.GravityFormEOI .ginput_container:focus-visible,
.GravityFormEOI .ginput_container input:focus-visible,
.GravityFormEOI .ginput_container select:focus-visible {
  outline: none;
}

.GravityFormEOI .ginput_container input,
.GravityFormEOI .ginput_container textarea,
.GravityFormEOI .ginput_container select {
  border-radius: 5px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(37 50 62 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 1rem;
  color: var(--slate-9);
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}
.GravityFormEOI .ginput_container input::placeholder,
.GravityFormEOI .ginput_container textarea::placeholder,
.GravityFormEOI .ginput_container select::placeholder {
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}
.GravityFormEOI .ginput_container input:focus-visible,
.GravityFormEOI .ginput_container textarea:focus-visible,
.GravityFormEOI .ginput_container select:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.GravityFormEOI .gravityform__button {
  display: inline-flex;
  height: 40px;
  width: fit-content;
  align-items: center;
  border-radius: 5px;
  --tw-bg-opacity: 1;
  background-color: rgb(37 50 62 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.GravityFormEOI .gravityform__button:hover {
  background-color: var(--slate-9);
}

.GravityFormEOI .gform_confirmation_wrapper {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(37 50 62 / var(--tw-text-opacity));
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfNavigateTmBlock/AcfNavigateTmBlock.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.selected-level {
  border-bottom-width: 2px;
  border-color: var(--orange-9);
  color: var(--accent-9) !important
}

.not-selected-level {
  border-bottom-width: 1px;
  color: var(--slate-3) !important
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfPageHeaderBlock/AcfPageHeaderBlock.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.AcfPageHeaderBlock.StyleSearch + * {
  padding-top: 175px;
}
.AcfPageHeaderBlock.StyleMain.rows-count-1 + * {
  padding-top: 100px;
}
@media (min-width: 768px) {
  .AcfPageHeaderBlock.StyleMain.rows-count-1 + * {
    padding-top: 160px;
  }
}
.AcfPageHeaderBlock.StyleMain.rows-count-2 + * {
  padding-top: 100px;
}
@media (min-width: 768px) {
  .AcfPageHeaderBlock.StyleMain.rows-count-2 + * {
    padding-top: 240px;
  }
}
.AcfPageHeaderBlock.StyleMain.rows-count-3 + * {
  padding-top: 100px;
}
@media (min-width: 768px) {
  .AcfPageHeaderBlock.StyleMain.rows-count-3 + * {
    padding-top: 320px;
  }
}
.AcfPageHeaderBlock.StyleInner + * {
  padding-top: 100px;
}
@media (min-width: 768px) {
  .AcfPageHeaderBlock.StyleInner + * {
    padding-top: 137px;
  }
}
.AcfPageHeaderBlock.StyleNone + * {
  padding-top: 100px;
}
@media (min-width: 768px) {
  .AcfPageHeaderBlock.StyleNone + * {
    padding-top: 120px;
  }
}
.AcfPageHeaderBlock.StyleNone + .AcfEventsBlockFilter {
  padding-top: 0;
}
.AcfPageHeaderBlock.StyleNone:has(+ .AcfEventsBlockFilter) {
  margin-bottom: -40px;
}
.AcfPageHeaderBlock.StyleNews + * {
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfParallaxTwoColumnsBlock/AcfParallaxTwoColumnsBlock.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AcfParallaxTwoColumnsBlock {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.leftColumn {
  padding-right: 50px !important;
}

.rightColumn {
  padding-left: 50px !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfServicesBlock/AcfServicesBlock.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
ul.custom-list li {
  border-color: var(--slate-12) !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfTabContentBlock/AcfTabContentBlock.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.TabContent {
  animation-duration: 300ms;
  animation-timing-function: ease;
}
.TabContent[data-state="active"] {
  animation-name: enterFromRight;
}
.TabTrigger:not(.light)[data-state="active"] {
  font-weight: 600;
  color: var(--orange-9);
}
.TabTrigger.light[data-state="active"] {
  font-weight: 600;
  color: var(--orange-9);
}
@media (min-width: 768px) {
  .TabTrigger.light[data-state="active"] {
    --tw-text-opacity: 1;
    color: rgb(37 50 62 / var(--tw-text-opacity));
  }
}

@keyframes enterFromRight {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfTeamBlock/AcfTeamBlock.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.AcfTeamBlock .border-slide-up {
  cursor: pointer;
  background-image: linear-gradient(var(--accent-9) 0 0);
  background-position: 100% 100%;
  background-size: 100% 0;
  background-repeat: no-repeat;
  transition:
    color 0.3s,
    background-size 0.3s,
    background-position 0.3s 0s;
}
.AcfTeamBlock .border-slide-up.active {
  background-position: 100% 100%;
  background-size: 100% 8px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/components/WPBlocks/AcfThreeColumnWidgetBoxBlock/AcfThreeColumnWidgetBoxBlock.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 768px) {
  .AcfThreeColumnWidgetBoxBlock + * {
    margin-top: -340px;
  }
}