.elementor-836 .elementor-element.elementor-element-6b18621{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:56px;--padding-bottom:48px;--padding-left:56px;--padding-right:56px;}#elementor-popup-modal-836 .dialog-widget-content{background-color:#FAF6EE;border-radius:24px 24px 24px 24px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-836{background-color:#2D1B5C59;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-836 .dialog-message{width:720px;height:custom;align-items:center;}#elementor-popup-modal-836 .dialog-close-button{display:flex;}#elementor-popup-modal-836 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-836 .dialog-close-button svg{fill:var( --e-global-color-primary );}/* Start custom CSS *//* ============================================
   IPC PEACE WITHIN MODAL — popup styling
   ============================================ */

/* The popup wrapper — soft glow shadow + decorative aurora */
.ipc-modal {
  position: relative;
  overflow: hidden !important;
  box-shadow:
    0 50px 100px -20px rgba(45, 27, 92, 0.4),
    0 0 80px rgba(184, 229, 223, 0.3) !important;
}

/* Two animated radial halos in the background corners */
.ipc-modal::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -10%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle, rgba(184, 229, 223, 0.4) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  animation: ipc-modal-breath 6s ease-in-out infinite;
}

.ipc-modal::after {
  content: '';
  position: absolute;
  bottom: -40%;
  right: -10%;
  width: 50%;
  height: 50%;
  background: radial-gradient(circle, rgba(240, 204, 146, 0.3) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  animation: ipc-modal-breath 8s ease-in-out infinite reverse;
}

@keyframes ipc-modal-breath {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50%      { transform: scale(1.15); opacity: 1; }
}

/* Make sure all content sits ABOVE the decorative halos */
.ipc-modal-inner {
  position: relative;
  z-index: 2;
}

/* ============================================
   TITLE — Fraunces serif, centered
   ============================================ */

.ipc-modal-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.25;
  color: #2D1B5C;
  font-weight: 400;
  margin-bottom: 28px;
  letter-spacing: -0.015em;
  text-align: center;
  font-variation-settings: "SOFT" 80;
}

/* ============================================
   DIVIDER — short turquoise line, centered
   ============================================ */

.ipc-modal-divider {
  width: 60px;
  height: 1px;
  background: #5BC4BA;
  margin: 0 auto 32px;
  opacity: 0.6;
}

/* ============================================
   MANTRA — animated turquoise gradient, italic
   ============================================ */

.ipc-modal-mantra {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 36px;
  font-weight: 350;
  background: linear-gradient(120deg,
    #3FA9A0 0%,
    #5BC4BA 30%,
    #B8E5DF 50%,
    #5BC4BA 70%,
    #3FA9A0 100%);
  background-size: 250% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: ipc-modal-shimmer 10s linear infinite;
}

@keyframes ipc-modal-shimmer {
  0%   { background-position: 0% 50%; }
  100% { background-position: 250% 50%; }
}

/* ============================================
   PASSAGES — three labeled blocks with turquoise left bar
   ============================================ */

.ipc-modal-passages {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ipc-modal-passage {
  padding-left: 24px;
  border-left: 2px solid #5BC4BA;
}

.ipc-modal-passage-label {
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-weight: 500;
  color: #2D1B5C;
  font-size: 17px;
  margin-bottom: 8px;
  letter-spacing: -0.005em;
}

.ipc-modal-passage-text {
  font-family: 'Manrope', sans-serif;
  color: #2D1B5C;
  font-size: 16px;
  line-height: 1.65;
}

/* ============================================
   CLOSE BUTTON — refine Elementor's default
   ============================================ */

.ipc-modal .dialog-close-button {
  transition: all 0.2s ease;
}

.ipc-modal .dialog-close-button:hover {
  background: #2D1B5C !important;
  color: #FAF6EE !important;
  transform: rotate(90deg) !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 600px) {
  .ipc-modal-inner {
    padding: 40px 28px 32px !important;
  }
  .ipc-modal-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .ipc-modal-divider {
    margin-bottom: 24px;
  }
  .ipc-modal-mantra {
    font-size: 18px;
    margin-bottom: 28px;
  }
  .ipc-modal-passage-label {
    font-size: 16px;
  }
  .ipc-modal-passage-text {
    font-size: 15px;
  }
}/* End custom CSS */