.elementor-1719 .elementor-element.elementor-element-c81e75c{--display:flex;--min-height:400px;--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-1719 .elementor-element.elementor-element-c81e75c:not(.elementor-motion-effects-element-type-background), .elementor-1719 .elementor-element.elementor-element-c81e75c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digital-authority.com/wp-content/uploads/2025/10/header-bg-1-2.png");background-size:cover;}.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-1719 .elementor-element.elementor-element-cf9efba{text-align:center;}.elementor-1719 .elementor-element.elementor-element-cf9efba .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-1719 .elementor-element.elementor-element-1ebd3fd{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1719 .elementor-element.elementor-element-1ebd3fd:not(.elementor-motion-effects-element-type-background), .elementor-1719 .elementor-element.elementor-element-1ebd3fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://digital-authority.com/wp-content/uploads/2025/10/f02f325e5f9d4687642e661a68641f8e468a859b-1-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1719 .elementor-element.elementor-element-8c533da{width:var( --container-widget-width, 88.304% );max-width:88.304%;--container-widget-width:88.304%;--container-widget-flex-grow:0;}.elementor-1719 .elementor-element.elementor-element-8c533da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1719 .elementor-element.elementor-element-8c533da .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-1719 .elementor-element.elementor-element-2bc6abc{--e-image-carousel-slides-to-show:6;}.elementor-1719 .elementor-element.elementor-element-1156aa7{--e-image-carousel-slides-to-show:6;}@media(max-width:767px){.elementor-1719 .elementor-element.elementor-element-c81e75c{--min-height:260px;--justify-content:flex-end;}.elementor-1719 .elementor-element.elementor-element-cf9efba .elementor-heading-title{font-size:36px;}.elementor-1719 .elementor-element.elementor-element-2bc6abc{--e-image-carousel-slides-to-show:2;}.elementor-1719 .elementor-element.elementor-element-1156aa7{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for shortcode, class: .elementor-element-f735a0f *//* ==== WRAPPER ==== */
#ai-gen-wrap {
  background: transparent !important;   /* Transparent background */
  padding: 22px;
  border-radius: 18px;

  /* Gradient Border */
  border: 2px solid transparent;
  background-image: linear-gradient(#1a1a1f, #1a1a1f), 
                    linear-gradient(135deg, #341771, #000847);
  background-origin: border-box;
  background-clip: padding-box, border-box;

  font-family: 'Poppins', sans-serif;
  transition: 0.4s ease;
}

/* Hover — gradient glow border */
#ai-gen-wrap:hover {
  box-shadow: 0 0 20px rgba(52, 23, 113, 0.4);
  background-image: linear-gradient(#00000000, #00000000),
                    linear-gradient(135deg, #000847, #341771);
}

/* ==== INPUT FIELD ==== */
#ai-prompt {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid #341771;
  background: transparent;
  color: #fff;
  outline: none;
  transition: 0.3s;
}

#ai-prompt:focus {
  border-color: #000847;
  box-shadow: 0 0 12px rgba(52, 23, 113, 0.7);
}

/* ==== BUTTON ==== */
#ai-gen-btn {
  width: 100%;
  padding: 14px;
  margin-top: 8px;

  /* Button Gradient */
  background: linear-gradient(135deg, #341771, #000847);
  border: none;
  border-radius: 12px;

  color: #fff;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
}

#ai-gen-btn:hover {
  transform: translateY(-2px);

  /* Hover Gradient Reverse */
  background: linear-gradient(135deg, #000847, #341771);

  box-shadow: 0 8px 18px rgba(52, 23, 113, 0.55);
}

/* ==== STATUS ==== */
#ai-gen-status {
  color: #341771;
  font-size: 15px;
  font-weight: 500;
}

/* ==== Generated Image ==== */
#ai-result img {
  width: 100%;
  margin-top: 15px;
  border-radius: 14px;

  border: 2px solid transparent;
  background-image: linear-gradient(#00000000, #00000000),
                    linear-gradient(135deg, #341771, #000847);
  background-origin: border-box;
  background-clip: padding-box, border-box;

  box-shadow: 0 0 15px rgba(52, 23, 113, 0.4);
}/* End custom CSS */