.elementor-458 .elementor-element.elementor-element-3368b54{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-d35b9d8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-d35b9d8:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-d35b9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0fd7c43 );}.elementor-458 .elementor-element.elementor-element-4e0109b{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-458 .elementor-element.elementor-element-abced48 .elementor-heading-title{color:var( --e-global-color-13cc488 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-458 .elementor-element.elementor-element-4be65a2 .elementor-button{background-color:var( --e-global-color-5724233 );border-radius:9px 9px 9px 9px;}.elementor-458 .elementor-element.elementor-element-4be65a2 .elementor-button:hover, .elementor-458 .elementor-element.elementor-element-4be65a2 .elementor-button:focus{color:var( --e-global-color-5724233 );background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-4be65a2 .elementor-button:hover svg, .elementor-458 .elementor-element.elementor-element-4be65a2 .elementor-button:focus svg{fill:var( --e-global-color-5724233 );}.elementor-458 .elementor-element.elementor-element-3df798f{--display:flex;--justify-content:center;--border-radius:9px 9px 9px 9px;}.elementor-458 .elementor-element.elementor-element-ff60600{--display:flex;--min-height:450px;--border-radius:9px 9px 9px 9px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-ff60600:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-ff60600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shirleydpalmer.uk/wp-content/uploads/2026/03/Shirley-4.webp");background-position:center right;background-size:cover;}.elementor-458 .elementor-element.elementor-element-6e4cf7a{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-6e4cf7a:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-6e4cf7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-e252a5b{--display:flex;--border-radius:9px 9px 9px 9px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-458 .elementor-element.elementor-element-e252a5b:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-e252a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-458 .elementor-element.elementor-element-ecc2afd{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-ecc2afd:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-ecc2afd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-b97c333{--display:flex;--border-radius:9px 9px 9px 9px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-458 .elementor-element.elementor-element-b97c333:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-b97c333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-458 .elementor-element.elementor-element-18257a9{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-18257a9:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-18257a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-cbcc457{--display:flex;--border-radius:9px 9px 9px 9px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-458 .elementor-element.elementor-element-cbcc457:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-cbcc457 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-458 .elementor-element.elementor-element-faeddf6{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-faeddf6:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-faeddf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-4d955d9e{--display:flex;--justify-content:center;border-style:none;--border-style:none;--border-radius:9px 9px 9px 9px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-458 .elementor-element.elementor-element-4d955d9e:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-4d955d9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-a37cae4{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-458 .elementor-element.elementor-element-a37cae4:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-a37cae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-4dc1a1f{--display:flex;}.elementor-458 .elementor-element.elementor-element-edab97e .elementor-button{background-color:var( --e-global-color-ca6af91 );border-radius:9px 9px 9px 9px;}.elementor-458 .elementor-element.elementor-element-edab97e .elementor-button:hover, .elementor-458 .elementor-element.elementor-element-edab97e .elementor-button:focus{color:var( --e-global-color-5724233 );background-color:var( --e-global-color-13cc488 );}.elementor-458 .elementor-element.elementor-element-edab97e .elementor-button:hover svg, .elementor-458 .elementor-element.elementor-element-edab97e .elementor-button:focus svg{fill:var( --e-global-color-5724233 );}.elementor-458 .elementor-element.elementor-element-9f7dde0{--display:flex;}@media(max-width:767px){.elementor-458 .elementor-element.elementor-element-4d955d9e{--width:100%;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-458 .elementor-element.elementor-element-4d955d9e{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-4e0109b *//* ====== HERO BOX (same style as sleep-panel) ====== */
.sleep-hero{
  margin-top: 22px;
  background: #6faeb0;
  border-radius: 18px;
  padding: 40px 44px;
  color: rgba(255,255,255,0.92);
  box-shadow: 0 18px 45px rgba(0,0,0,0.12);
  border: 1px solid rgba(255,255,255,0.14);

  position: relative;
  overflow: hidden;
}

/* Gold Feather */
.sleep-hero::after{
  content:"";
  position:absolute;
  bottom:-40px;
  right:-40px;
  width:420px;
  height:420px;
  background-image:url("http://shirleydpalmer.uk/wp-content/uploads/2026/03/Gold-Feather.webp");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  opacity:0.9;
  z-index:0;
  pointer-events:none;

  animation: featherFloat 8s ease-in-out infinite;
}

/* Readability overlay */
.sleep-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    to right,
    rgba(111,174,176,0.95) 0%,
    rgba(111,174,176,0.85) 40%,
    rgba(111,174,176,0.45) 70%,
    rgba(111,174,176,0.15) 100%
  );
  z-index:1;
}

/* Keep all hero content above overlay */
.sleep-hero > *{
  position:relative;
  z-index:2;
}

/* Feather float animation */
@keyframes featherFloat{
  0%{ transform: translateY(0px); }
  50%{ transform: translateY(-10px); }
  100%{ transform: translateY(0px); }
}

/* ====== MOBILE ====== */
@media (max-width: 860px){
  .sleep-hero{
    padding: 20px 18px;
    border-radius: 16px;
  }
  .sleep-hero::after{
    width:300px;
    height:300px;
    bottom:-30px;
    right:-30px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-271ac863 *//* ==============================
   FAQ WRAPPER
================================ */
.faq-wrapper {
  max-width: 1200px; /* wider on desktop */
  margin: 0 auto;
  padding: 80px 5%;
  background:
    radial-gradient(
      900px 320px at 50% 0%,
      rgba(89,187,79,0.06),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f4f8f6 100%
    );
  border-radius: 36px;
}

/* ==============================
   TITLE
================================ */
.faq-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 48px;
  text-align: center;
  color: #292856;
  line-height: 1.2;
}

.faq-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background: linear-gradient(90deg, #59BB4F, #3F6F8C);
  border-radius: 999px;
  margin: 16px auto 0;
}

/* ==============================
   GRID
================================ */
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}

/* ==============================
   FAQ CARD
================================ */
.faq-item {
  background: rgba(255,255,255,0.95);
  border-radius: 22px;
  padding: 22px 26px;
  box-shadow:
    0 18px 40px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.6);
  transition: box-shadow 0.25s ease;
}

/* Desktop hover only */
@media (hover: hover) {
  .faq-item:hover {
    box-shadow:
      0 28px 70px rgba(0,0,0,0.14),
      inset 0 1px 0 rgba(255,255,255,0.7);
  }
}

/* ==============================
   QUESTION
================================ */
.faq-item summary {
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  padding-right: 40px;
  position: relative;
  color: #1F3A2E;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

/* Plus icon */
.faq-item summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: #2F6977;
  transition: transform 0.3s ease, color 0.3s ease;
}

.faq-item[open] summary::after {
  transform: rotate(45deg);
  color: #2F6977;
}

/* ==============================
   ANSWER
================================ */
.faq-answer {
  margin-top: 14px;
  animation: faqFade 0.25s ease;
}

.faq-answer p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #555;
}

/* ==============================
   ANIMATION
================================ */
@keyframes faqFade {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==============================
   MOBILE OPTIMISATION (KEY FIX)
================================ */
@media (max-width: 768px) {

  .faq-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 40px 12px;   /* much wider feel */
    border-radius: 18px; /* less “pill” */
  }

  .faq-title {
    font-size: 1.55rem;
    margin-bottom: 28px;
  }

  .faq-title::after {
    width: 46px;
    height: 2px;
    margin-top: 10px;
  }

  .faq-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .faq-item {
    padding: 18px 20px;
    border-radius: 16px;
  }

  .faq-item summary {
    font-size: 0.98rem;
    padding-right: 32px;
  }

  .faq-item summary::after {
    font-size: 1.35rem;
  }

  .faq-answer p {
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d955d9e */.panel-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 48px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}/* End custom CSS */