.elementor-27 .elementor-element.elementor-element-e631ce6{--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;--padding-top:130px;--padding-bottom:130px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-5da44df{--display:flex;border-style:none;--border-style:none;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-5da44df:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-5da44df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF4;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-27 .elementor-element.elementor-element-8ba7c1c{z-index:1;}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-e631ce6{--content-width:80vw;}}/* Start custom CSS for template, class: .elementor-element-8ba7c1c *//* 1) Make the shared wrapper ('tablet' container) rounded and clip its children */
.tablet.e-con.e-child:has(.elementor-template footer[data-elementor-id="131"]) {
  border-radius: 27px;
  overflow: hidden;             /* this is what makes the rounding “work” */
}

/* 2) Keep the embedded footer itself square so it mates to the rounded shell */
.tablet.e-con.e-child:has(.elementor-template footer[data-elementor-id="131"])
  .elementor-element-6ab0236 {
  border-radius: 0 !important;
}

/* 3) Kill tiny seams between sections inside the rounded shell */
.tablet.e-con.e-child:has(.elementor-template footer[data-elementor-id="131"])
  > .elementor-element {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 4) Optional: if the shell adds bottom padding, remove it so footer sits flush */
.tablet.e-con.e-child:has(.elementor-template footer[data-elementor-id="131"]) {
  padding-bottom: 0;
}

/* 5) Optional: make sure the footer block has no extra outside margin */
.tablet.e-con.e-child:has(.elementor-template footer[data-elementor-id="131"])
  footer.elementor-131 {
  margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5da44df */.tablet.e-con.e-child {
  border-radius: 27px;
  overflow: hidden;
  position: relative;
  isolation: isolate;

  /* Outer shadow (under everything) */
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

/* Overlay on top: solid border + inner shadow */
.tablet.e-con.e-child::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 3;

  /* Solid border + inner shadow */
  box-shadow:
    inset 0 0 0 8px #FCFAF4,             /* solid border on top */
    inset 0 12px 24px rgba(0,0,0,0.25);  /* inner shadow */
}/* End custom CSS */