.elementor-1624 .elementor-element.elementor-element-431cfde{--display:flex;--min-height:100vh;--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;--overlay-opacity:0.7;overflow:visible;}.elementor-1624 .elementor-element.elementor-element-431cfde:not(.elementor-motion-effects-element-type-background), .elementor-1624 .elementor-element.elementor-element-431cfde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://techvibe.ng/wp-content/uploads/2025/11/nova-image06.webp");background-position:center center;background-size:cover;}.elementor-1624 .elementor-element.elementor-element-431cfde::before, .elementor-1624 .elementor-element.elementor-element-431cfde > .elementor-background-video-container::before, .elementor-1624 .elementor-element.elementor-element-431cfde > .e-con-inner > .elementor-background-video-container::before, .elementor-1624 .elementor-element.elementor-element-431cfde > .elementor-background-slideshow::before, .elementor-1624 .elementor-element.elementor-element-431cfde > .e-con-inner > .elementor-background-slideshow::before, .elementor-1624 .elementor-element.elementor-element-431cfde > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-1624 .elementor-element.elementor-element-82c0e99{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.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-1624 .elementor-element.elementor-element-b3ced6e .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-astglobalcolor4 );}.elementor-1624 .elementor-element.elementor-element-ebc2b3b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-1624 .elementor-element.elementor-element-ebc2b3b .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:73px;font-weight:500;line-height:86px;color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1624 .elementor-element.elementor-element-66fff27{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Outfit", Sans-serif;font-size:17px;font-weight:400;line-height:32px;color:var( --e-global-color-299e866 );}.elementor-1624 .elementor-element.elementor-element-66fff27 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{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-1624 .elementor-element.elementor-element-593145a .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:600;line-height:30px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor4 );border-radius:50px 50px 50px 50px;padding:17px 33px 17px 33px;}.elementor-1624 .elementor-element.elementor-element-593145a.elementor-element{--align-self:flex-start;}@media(max-width:767px){.elementor-1624 .elementor-element.elementor-element-ebc2b3b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1624 .elementor-element.elementor-element-ebc2b3b .elementor-heading-title{font-size:45px;line-height:55px;}.elementor-1624 .elementor-element.elementor-element-66fff27{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for button, class: .elementor-element-593145a *//* Wrapper must be relative to position the hover text */
.slide-pill-btn-align-left-slide {
  position: relative;
  display: inline-block;
}

/* Actual button */
.slide-pill-btn-align-left-slide .elementor-button {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  border: 2px solid #ffffff;
  background: transparent !important;
  padding: 14px 40px;
  z-index: 1;
}

/* First text (default view) */
.slide-pill-btn-align-left-slide .elementor-button-text {
  position: relative;
  z-index: 3;
  display: block;
  font-weight: 600;
  color: #ffffff !important;
  transition: transform 0.35s ease, opacity 0.35s ease;
}

/* White background wipe */
.slide-pill-btn-align-left-slide .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  transform: translateY(100%);
  transition: transform 0.35s ease;
  z-index: 1;
}

/* SECOND TEXT — uses the data-hover attribute from wrapper */
.slide-pill-btn-align-left-slide::after {
  content: "Explore More";
  position: absolute;
  left: 50%!important;
  top: 45%;
  transform: translate(-50%, 90%);
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.35s ease, transform 0.35s ease;
  z-index: 5!important; /* on top */
  pointer-events: none;
}

/* Hover Behaviors */
.slide-pill-btn-align-left-slide:hover .elementor-button::before {
  transform: translateY(0);
}

.slide-pill-btn-align-left-slide:hover .elementor-button-text {
  transform: translateY(-130%);
  opacity: 0;
}

.slide-pill-btn-align-left-slide:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}


@media (max-width: 880px){
    .slide-pill-btn-align-left-slide::after{
        left: 85px;
    }
}/* End custom CSS */