.elementor-20261 .elementor-element.elementor-element-189ab75{--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-popup-modal-20261{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-20261 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-20261 .dialog-close-button{display:flex;}#elementor-popup-modal-20261 .dialog-widget-content{box-shadow:var(--shadow_horizontal, 0) var(--shadow_vertical, 0) var(--shadow_blur, 10px) var(--shadow_spread, 0) rgba(0,0,0,0.15);}/* Start custom CSS for html, class: .elementor-element-73081fa *//* Container */
.newbie-lightbox-content {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  padding: 40px 30px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Title */
.newbie-lightbox-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 10px;
  color: #3d1f5c;
}

/* Subheading */
.newbie-lightbox-subtitle {
  margin: 20px 0 20px;
  font-size: 18px;
  font-weight: 500;
  color: #3d1f5c;
}

/* Two-column layout (third card drops to next row) */
.newbie-lightbox-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  align-items: stretch;
  
}

/* Third card: move to next row and centre without resizing */
.newbie-lightbox-options .newbie-option:nth-child(3) {
  grid-column: 1 / 2;      /* occupy first column */
  justify-self: center;    /* centre inside that column */
  transform: translateX(50%); /* shift it to centre visually */
}

/* Cards fill their grid cell */
.newbie-option {
  width: 100%;
  max-width: none;
}

/* Mobile: one column */
@media (max-width: 1024px) {
  .newbie-lightbox-options {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Restore visible card styling */
.newbie-option {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  padding: 40px 35px;
  box-sizing: border-box;
}

/* Icon */
.newbie-icon {
  width: 44px;
  height: 44px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newbie-icon svg {
  width: 22px;
  height: 22px;
  fill: #3d1f5c;
}

/* Subheading */
.newbie-option h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 15px;
  color: #3d1f5c;
}

/* Text */
.newbie-option p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 25px;
  color: #444444;
}

/* Button */
.newbie-button {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 30px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  background-color: #3d1f5c;
  color: #ffffff;
  transition: transform 0.15s ease-in-out;
  will-change: transform;
}

/* Hover: slightly larger, text stays white */
.newbie-button:hover,
.newbie-button:focus {
  transform: scale(1.04);
  color: #ffffff;
}

/* Mobile */
@media (max-width: 1279px) {
  .newbie-lightbox-options {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
  }

  .newbie-option {
    max-width: 100%;
  }
}

/* Make popup wider */
.elementor-popup-modal .dialog-widget-content {
  width: 50vw;
  max-width: 1300px; /* increase from previous value */
}

/* Make the popup's inner message area full width */
.elementor-popup-modal .dialog-widget-content .dialog-message {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure Elementor's internal wrappers do not constrain width */
.elementor-popup-modal .dialog-widget-content .elementor,
.elementor-popup-modal .dialog-widget-content .elementor-section,
.elementor-popup-modal .dialog-widget-content .elementor-container,
.elementor-popup-modal .dialog-widget-content .e-con,
.elementor-popup-modal .dialog-widget-content .e-con-inner {
  width: 100% !important;
  max-width: none !important;
}

/* Your content should also be allowed to stretch */
.newbie-lightbox-content {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* Mobile: make the popup use the full screen width */
@media (max-width: 767px) {

  .elementor-popup-modal .dialog-widget-content {
    width: calc(100vw - 20px) !important;   /* near full width */
    max-width: none !important;
    margin: 10px !important;               /* small outer gutter */
    border-radius: 14px;
  }

  /* Remove Elementor's inner width caps */
  .elementor-popup-modal .dialog-message,
  .elementor-popup-modal .dialog-message .elementor,
  .elementor-popup-modal .dialog-message .elementor-section,
  .elementor-popup-modal .dialog-message .elementor-container,
  .elementor-popup-modal .dialog-message .e-con,
  .elementor-popup-modal .dialog-message .e-con-inner {
    width: 100% !important;
    max-width: none !important;
  }

  /* Reduce padding so cards can breathe */
  .newbie-lightbox-content {
    padding: 26px 16px !important;
  }

  /* Stack cards and keep them full width */
  .newbie-lightbox-options {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .newbie-option {
    max-width: 100% !important;
    width: 100% !important;
    padding: 26px 18px !important;
  }

  /* Prevent long headings from breaking awkwardly */
  .newbie-lightbox-title {
    font-size: 22px;
    line-height: 1.15;
  }
}/* End custom CSS */