.elementor-13807 .elementor-element.elementor-element-efa061e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13807 .elementor-element.elementor-element-efa061e:not(.elementor-motion-effects-element-type-background), .elementor-13807 .elementor-element.elementor-element-efa061e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-13807 .elementor-element.elementor-element-f1d1fc2.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-f1d1fc2.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-f1d1fc2{text-align:center;}.elementor-13807 .elementor-element.elementor-element-8e869d9.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-8e869d9.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-8e869d9{text-align:center;color:var( --e-global-color-accent );}.elementor-13807 .elementor-element.elementor-element-065b17c{--display:flex;}.elementor-13807 .elementor-element.elementor-element-e42af7b{--grid-columns:1;}.elementor-13807 .elementor-element.elementor-element-e42af7b.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-e42af7b.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-53f0db6{--display:flex;}.elementor-13807 .elementor-element.elementor-element-60f9363.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-60f9363.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-c2546b6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;max-width:1000px;--overflow:hidden;}.elementor-13807 .elementor-element.elementor-element-94ed9cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-5a8723f{--grid-columns:3;}.elementor-13807 .elementor-element.elementor-element-5a8723f.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-5a8723f.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-344e45c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-9c49bd4{--grid-columns:1;}.elementor-13807 .elementor-element.elementor-element-9c49bd4.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-9c49bd4.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-56b84c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-eeaed92{--grid-columns:3;}.elementor-13807 .elementor-element.elementor-element-eeaed92.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-eeaed92.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-9f03653{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13807 .elementor-element.elementor-element-a3a243b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-a3a243b:not(.elementor-motion-effects-element-type-background), .elementor-13807 .elementor-element.elementor-element-a3a243b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-13807 .elementor-element.elementor-element-308e05d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 0px 0px 0px;text-align:center;}.elementor-13807 .elementor-element.elementor-element-308e05d.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-308e05d.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-df76a30{margin:00px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;color:var( --e-global-color-accent );}.elementor-13807 .elementor-element.elementor-element-df76a30.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-df76a30.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-b2fcb3c{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13807 .elementor-element.elementor-element-b2fcb3c.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-b2fcb3c.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}.elementor-13807 .elementor-element.elementor-element-c9a660f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13807 .elementor-element.elementor-element-c9a660f:not(.elementor-motion-effects-element-type-background), .elementor-13807 .elementor-element.elementor-element-c9a660f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-13807 .elementor-element.elementor-element-4fd8c46.tp-has-beaf > .elementor-widget-container:before{width:100%;height:100%;top:2%;left:2%;}.elementor-13807 .elementor-element.elementor-element-4fd8c46.tp-has-beaf > .elementor-widget-container:after{transform:rotate(0deg);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13807 .elementor-element.elementor-element-94ed9cb{--width:33.3%;}.elementor-13807 .elementor-element.elementor-element-344e45c{--width:33.4%;}.elementor-13807 .elementor-element.elementor-element-56b84c9{--width:33.3%;}.elementor-13807 .elementor-element.elementor-element-a3a243b{--width:50%;}.elementor-13807 .elementor-element.elementor-element-c9a660f{--width:50%;}}@media(max-width:1024px){.elementor-13807 .elementor-element.elementor-element-e42af7b{--grid-columns:2;}.elementor-13807 .elementor-element.elementor-element-5a8723f{--grid-columns:2;}.elementor-13807 .elementor-element.elementor-element-9c49bd4{--grid-columns:2;}.elementor-13807 .elementor-element.elementor-element-eeaed92{--grid-columns:2;}}@media(max-width:767px){.elementor-13807 .elementor-element.elementor-element-e42af7b{--grid-columns:1;}.elementor-13807 .elementor-element.elementor-element-5a8723f{--grid-columns:1;}.elementor-13807 .elementor-element.elementor-element-9c49bd4{--grid-columns:1;}.elementor-13807 .elementor-element.elementor-element-eeaed92{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-9c49bd4 *//* =========================================
   Coming Next Loop Grid — force 3 equal cards
   Add class to the LOOP GRID widget: coming-next-grid
========================================= */

/* Force the loop container into a true grid */
.coming-next-grid .elementor-loop-container,
.coming-next-grid .e-loop-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* Tablet */
@media (max-width: 1024px){
  .coming-next-grid .elementor-loop-container,
  .coming-next-grid .e-loop-container {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 767px){
  .coming-next-grid .elementor-loop-container,
  .coming-next-grid .e-loop-container {
    grid-template-columns: 1fr !important;
  }
}

/* Make each loop item stretch to full row height */
.coming-next-grid .e-loop-item,
.coming-next-grid .elementor-loop-container > * {
  height: 100% !important;
  align-self: stretch !important;
}

/* Ensure your card wrapper fills the grid cell */
.coming-next-grid .resource-tile{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

/* Clamp title/excerpt so cards don't become different heights */
.coming-next-grid .resource-tile .elementor-heading-title{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

.coming-next-grid .resource-tile .elementor-text-editor,
.coming-next-grid .resource-tile .elementor-widget-text-editor{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
}

/* Push the meta pills block to the bottom (works if pills are in any wrapper) */
.coming-next-grid .resource-tile .meta-row,
.coming-next-grid .resource-tile .meta-wrap,
.coming-next-grid .resource-tile .meta-container{
  margin-top: auto !important;
}

/* Safety: prevent odd “skinny card” behavior from flex shrink somewhere */
.coming-next-grid .e-loop-item,
.coming-next-grid .resource-tile{
  flex: 0 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-eeaed92 *//* =========================================
   Coming Next Loop Grid — force 3 equal cards
   Add class to the LOOP GRID widget: coming-next-grid
========================================= */

/* Force the loop container into a true grid */
.coming-next-grid .elementor-loop-container,
.coming-next-grid .e-loop-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* Tablet */
@media (max-width: 1024px){
  .coming-next-grid .elementor-loop-container,
  .coming-next-grid .e-loop-container {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 767px){
  .coming-next-grid .elementor-loop-container,
  .coming-next-grid .e-loop-container {
    grid-template-columns: 1fr !important;
  }
}

/* Make each loop item stretch to full row height */
.coming-next-grid .e-loop-item,
.coming-next-grid .elementor-loop-container > * {
  height: 100% !important;
  align-self: stretch !important;
}

/* Ensure your card wrapper fills the grid cell */
.coming-next-grid .resource-tile{
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

/* Clamp title/excerpt so cards don't become different heights */
.coming-next-grid .resource-tile .elementor-heading-title{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}

.coming-next-grid .resource-tile .elementor-text-editor,
.coming-next-grid .resource-tile .elementor-widget-text-editor{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
}

/* Push the meta pills block to the bottom (works if pills are in any wrapper) */
.coming-next-grid .resource-tile .meta-row,
.coming-next-grid .resource-tile .meta-wrap,
.coming-next-grid .resource-tile .meta-container{
  margin-top: auto !important;
}

/* Safety: prevent odd “skinny card” behavior from flex shrink somewhere */
.coming-next-grid .e-loop-item,
.coming-next-grid .resource-tile{
  flex: 0 0 auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2546b6 *//* =========================================
   COMING NEXT: 3-column Flex Row (no skinny tiles)
   Paste into the COMING NEXT Loop Grid widget → Custom CSS
   ========================================= */

/* 1) Make the loop wrapper a flex row that wraps */
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-loop-container,
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-posts-container{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

/* 2) Each loop item becomes a flexible column:
      - base: 3 columns
      - won't shrink below a sensible min width
      - stretches to fill the row */
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-loop-container > *,
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-posts-container > *{
  flex: 1 1 calc((100% - (32px * 2)) / 3) !important; /* 3 columns with 2 gaps */
  min-width: 320px !important;                         /* prevents “skinny” cards */
  max-width: calc((100% - (32px * 2)) / 3) !important; /* stops uneven last-row stretch */
  width: auto !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* 3) Ensure the actual tile/card stretches within its loop item */
.elementor-13807 .elementor-element.elementor-element-c2546b6 .resource-tile{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 4) Tablet: 2 columns */
@media (max-width: 1024px){
  .elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-loop-container > *,
  .elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-posts-container > *{
    flex: 1 1 calc((100% - 32px) / 2) !important;
    max-width: calc((100% - 32px) / 2) !important;
    min-width: 280px !important;
  }
}

/* 5) Mobile: 1 column */
@media (max-width: 767px){
  .elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-loop-container > *,
  .elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-posts-container > *{
    flex: 1 1 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* 6) (Optional) If Elementor adds a default margin somewhere */
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-loop-container,
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-posts-container,
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-loop-container > *,
.elementor-13807 .elementor-element.elementor-element-c2546b6 .elementor-posts-container > *{
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2fcb3c *//* Symbai Brevo Form – single column custom CSS (email-only form) */

/* Overall typography + colours */
.symbai-pd-form,
.symbai-pd-form #sib-container {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #4b0082;
}

/* Remove Brevo's grey section background if present */
.symbai-pd-form .sib-form {
  background: transparent !important;
}

/* Make Brevo card blend with the page section */
.symbai-pd-form #sib-container {
  max-width: 760px;
  margin: 0 auto 24px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* FORCE SINGLE COLUMN */
.symbai-pd-form #sib-form {
  display: block !important;
}

/* Spacing between blocks */
.symbai-pd-form #sib-form .sib-form-block,
.symbai-pd-form #sib-form .sib-input {
  margin-bottom: 14px;
}

/* Inputs / selects / textarea – sunken, square, yellow */
.symbai-pd-form #sib-container .input,
.symbai-pd-form #sib-container select,
.symbai-pd-form #sib-container textarea {
  width: 100%;
  border-radius: 0 !important;
  border: 1px solid #e2aa00 !important;
  background-color: #ffcb05 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18) !important;
  color: #4b0082 !important;
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
}

/* Placeholder text – readable purple */
.symbai-pd-form #sib-container input::placeholder,
.symbai-pd-form #sib-container textarea::placeholder {
  color: #4b0082 !important;
  opacity: 0.85 !important;
}

/* Labels and helper text */
.symbai-pd-form .entry__label,
.symbai-pd-form .sib-form-message-panel__inner-text {
  color: #4b0082 !important;
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Hide error labels until Brevo shows them */
.symbai-pd-form .entry__error {
  display: none;
}

/* Error/success panels width & spacing */
.symbai-pd-form #error-message,
.symbai-pd-form #success-message {
  max-width: 760px !important;
  margin: 0 auto 12px !important;
}

/* Button styling */
.symbai-pd-form .sib-form-block__button {
  margin-top: 12px !important;
  padding: 12px 32px !important;
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background-color: #4b0082 !important;
  border-radius: 6px !important;
  border-width: 0 !important;
}

/* Center the submit row (Brevo sets it to left inline) */
.symbai-pd-form .sib-form-block[style*="text-align: left"] {
  text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fd8c46 *//* ===== Force Symbai/Brevo “sunken yellow” + indigo text ===== */

.symbai-gf-form,
.symbai-gf-form .gform_wrapper,
.symbai-gf-form .gform_wrapper *{
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Indigo text everywhere (labels, descriptions, inputs) */
.symbai-gf-form,
.symbai-gf-form .gfield_label,
.symbai-gf-form .gfield_description,
.symbai-gf-form .ginput_container,
.symbai-gf-form input,
.symbai-gf-form select,
.symbai-gf-form textarea,
.symbai-gf-form label{
  color: #4b0082 !important;
}

/* “Sunken in yellow” inputs */
.symbai-gf-form input[type="text"],
.symbai-gf-form input[type="email"],
.symbai-gf-form input[type="tel"],
.symbai-gf-form input[type="url"],
.symbai-gf-form select,
.symbai-gf-form textarea{
  background: #f7c600 !important;               /* warm yellow fill */
  border: 1px solid rgba(75,0,130,0.35) !important;
  border-radius: 3px !important;

  /* inset/sunken look */
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.35),
    0 1px 0 rgba(0,0,0,0.08) !important;

  padding: 12px 14px !important;
  font-size: 16px !important;
  outline: none !important;
}

/* Placeholder indigo but softer */
.symbai-gf-form ::placeholder{
  color: rgba(75,0,130,0.65) !important;
}

/* Focus state: slightly stronger inset + indigo ring */
.symbai-gf-form input:focus,
.symbai-gf-form select:focus,
.symbai-gf-form textarea:focus{
  border-color: #4b0082 !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,0.22),
    0 0 0 3px rgba(75,0,130,0.20) !important;
}

/* Checkbox + consent label indigo */
.symbai-gf-form input[type="checkbox"]{
  accent-color: #4b0082;
}

/* Button (keep your existing if you prefer) */
.symbai-gf-form .gform_footer input[type="submit"],
.symbai-gf-form .gform_footer button{
  background: #4b0082 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 12px 22px !important;
}

/* Remove any theme “white field backgrounds” from wrappers */
.symbai-gf-form .ginput_container,
.symbai-gf-form .gfield{
  background: transparent !important;
}/* End custom CSS */