.elementor-4646 .elementor-element.elementor-element-3d4edb6{--display:flex;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta .elementor-cta__bg, .elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-4646 .elementor-element.elementor-element-9943698{width:100%;max-width:100%;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__content{min-height:500px;text-align:center;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__title{font-family:"Montserrat", Sans-serif;font-size:2rem;font-weight:300;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__button{font-family:"Montserrat", Sans-serif;font-size:1.25rem;font-weight:500;border-width:0px;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#81818154;}@media(max-width:767px){.elementor-4646 .elementor-element.elementor-element-9943698{width:100%;max-width:100%;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__content{min-height:250px;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__title{font-size:2rem;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__title:not(:last-child){margin-bottom:0px;}.elementor-4646 .elementor-element.elementor-element-9943698 .elementor-cta__button{font-size:1rem;}}/* Start custom CSS for call-to-action, class: .elementor-element-9943698 */.custom-cta-hover .elementor-cta__content {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  z-index: 2;
}

/* Gradient background using ::before */
.custom-cta-hover .elementor-cta__content::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
  pointer-events: none;
}

/* Default state (mobile and desktop): title pushed down, rest hidden */
.custom-cta-hover .elementor-cta__title {
  transition: transform 0.5s ease;
  transform: translateY(60px);
  z-index: 3;
}

.custom-cta-hover .elementor-cta__description,
.custom-cta-hover .elementor-cta__button-wrapper {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  z-index: 3;
}

/* Hover effects for tablet/desktop only */
@media (min-width: 768px) {
  .custom-cta-hover:hover .elementor-cta__title {
    transform: translateY(0);
  }

  .custom-cta-hover:hover .elementor-cta__description,
  .custom-cta-hover:hover .elementor-cta__button-wrapper {
    opacity: 1;
    transform: translateY(0);
  }

  .custom-cta-hover .elementor-cta__content:hover::before {
    opacity: 1;
  }
}

/* On mobile: everything always visible */
@media (max-width: 767px) {
  .custom-cta-hover .elementor-cta__title {
    transform: translateY(0);
  }

  .custom-cta-hover .elementor-cta__description,
  .custom-cta-hover .elementor-cta__button-wrapper {
    opacity: 1;
    transform: translateY(0);
  }

  .custom-cta-hover .elementor-cta__content::before {
    opacity: 0 !important; /* hide gradient background on mobile */
  }
}/* End custom CSS */