.elementor-17880 .elementor-element.elementor-element-3de3f013{--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-17880 .elementor-element.elementor-element-3de3f013:not(.elementor-motion-effects-element-type-background), .elementor-17880 .elementor-element.elementor-element-3de3f013 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-17880 .elementor-element.elementor-element-68aaedfc{--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-17880 .elementor-element.elementor-element-68aaedfc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{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-17880 .elementor-element.elementor-element-5ff2c79b img{width:88%;}.elementor-17880 .elementor-element.elementor-element-5dba4c04{--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;--justify-content:center;}.elementor-17880 .elementor-element.elementor-element-5dba4c04.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-menu-toggle{margin:0 auto;}.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main .elementor-item:focus{color:#CACACA;fill:#CACACA;}.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-17880 .elementor-element.elementor-element-1f7d4336 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#CACACA;}.elementor-17880 .elementor-element.elementor-element-1f7d4336 .e--pointer-framed .elementor-item:before,
					.elementor-17880 .elementor-element.elementor-element-1f7d4336 .e--pointer-framed .elementor-item:after{border-color:#CACACA;}.elementor-17880 .elementor-element.elementor-element-424e399{--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;}@media(min-width:768px){.elementor-17880 .elementor-element.elementor-element-3de3f013{--content-width:1300px;}.elementor-17880 .elementor-element.elementor-element-68aaedfc{--width:218.547px;}.elementor-17880 .elementor-element.elementor-element-5dba4c04{--width:71%;}.elementor-17880 .elementor-element.elementor-element-424e399{--content-width:814px;}}/* Start custom CSS for html, class: .elementor-element-e36e9fb */.webinar-landing-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333;
}

.image-text-container {
  display: flex;
  align-items: center; /* Vertically center book and text */
  justify-content: space-between;
  margin-bottom: 30px;
  min-height: 300px; /* Matches approximate book height for centering */
}

.book-image-container {
  flex: 0 0 auto;
  text-align: center;
}

.book-image {
  width: 300px; /* Fixed width */
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.content-section {
  flex: 1;
  padding: 5px 20px; /* 5px padding to make text block slightly shorter than book */
  max-height: 440px; /* Slightly less than book height (450px - 5px padding) */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Vertical centering within text block */
}

.content-section h1 {
  font-size: 1.67em; /* 2/3 of original 2.5em */
  color: #2c3e50;
  text-align: center;
  margin-bottom: 20px;
}

.content-section p {
  font-size: 0.8em; /* 2/3 of original 1.2em */
  text-align: center;
  margin: 0;
}

.promo-section {
  width: 100%; /* Full width within container */
  max-width: 740px; /* Match container width minus padding (800px - 2*30px) */
  margin: 0 auto; /* Center the section */
  background: #f8f9fa;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
  text-align: center; /* Center-aligned */
}

.promo-section h2 {
  font-size: 1.8em;
  color: #34495e;
  margin-bottom: 20px;
}

#promo-form {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center form elements */
  gap: 15px;
}

#promo-code {
  padding: 12px 20px;
  font-size: 1.1em;
  border: 2px solid #ddd;
  border-radius: 5px;
  width: 200px;
  text-align: center;
}

.submit-btn {
  padding: 12px 30px;
  background: #3498db;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 1.1em;
  cursor: pointer;
  transition: background 0.3s;
}

.submit-btn:hover {
  background: #2980b9;
}

.message {
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
}

.message.success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.message.error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.paypal-section {
  width: 100%; /* Full width within container */
  max-width: 740px; /* Match promo section */
  text-align: left; /* Left-aligned */
  padding: 20px;
}

#paypal-container-RFGNDX32D3FK8 {
  min-width: 400px; /* Ensure enough space for PayPal button elements */
}

.hidden {
  display: none !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .webinar-landing-page {
    padding: 20px 10px;
  }

  .image-text-container {
    flex-direction: column; /* Stack image and text on mobile */
    align-items: center;
    min-height: auto;
  }

  .book-image-container {
    margin-bottom: 20px;
  }

  .book-image {
    width: 200px; /* Smaller for mobile */
  }

  .content-section {
    padding: 5px 10px;
    max-height: none; /* Remove height constraint on mobile */
  }

  .content-section h1 {
    font-size: 1.33em; /* 2/3 of 2em for mobile */
  }

  .content-section p {
    font-size: 0.67em; /* 2/3 of 1em for mobile */
  }

  #promo-code {
    width: 150px;
  }

  .promo-section {
    padding: 20px;
    max-width: 100%; /* Full width on mobile */
  }

  .paypal-section {
    max-width: 100%; /* Full width on mobile */
  }

  #paypal-container-RFGNDX32D3FK8 {
    min-width: 300px; /* Slightly smaller for mobile */
  }
}/* End custom CSS */