.elementor-kit-4{--e-global-color-primary:#35C2F2;--e-global-color-secondary:#797E82;--e-global-color-text:#343434;--e-global-color-accent:#0052A1;--e-global-color-64cb1e1:#F7F7F7;--e-global-color-2054a48:#93E4FF;--e-global-color-c3c9170:#002140;--e-global-color-f7c06e2:#35C2F2;--e-global-color-71610a8:#797E82;--e-global-color-08ac652:#000000;--e-global-color-1bded9e:#FFFFFF;--e-global-typography-primary-font-family:"Hanuman";--e-global-typography-primary-font-size:3.25em;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Hanuman";--e-global-typography-secondary-font-size:2.5em;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-size:19px;--e-global-typography-accent-font-weight:600;--e-global-typography-28b958a-font-family:"Hanuman";--e-global-typography-28b958a-font-size:2em;--e-global-typography-28b958a-font-weight:400;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1366px;}.e-con{--container-max-width:1366px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 020px;--widgets-spacing-row:20px;--widgets-spacing-column:020px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:65px;--container-default-padding-right:25px;--container-default-padding-bottom:65px;--container-default-padding-left:25px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:45px;--container-default-padding-right:15px;--container-default-padding-bottom:45px;--container-default-padding-left:15px;}}/* Start custom CSS *//** HOMEPAGE CSS **/
.hover-item {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px; /* adjust for spacing */
}

/* Base overlay layer (hidden by default for mobile safety) */
.hover-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(53,194,242, 0.7);
  transform: translateY(0); /* visible by default on mobile */
  transition: transform 0.4s ease-in-out;
  z-index: 0;
  border-radius: 0 !important;
}

/* Keep content above overlay */
.hover-item > * {
  position: relative;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}

/* Hidden overlay content (secondary headline + button) */
.hover-item .overlay-content {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s ease-in-out;
}

/* ---------------------------------------------- */
/* Hover effects only on screens wider than 1024px */
/* ---------------------------------------------- */
@media (min-width: 1024px) {
  /* Start overlay hidden */
  .hover-item::before {
    transform: translateY(100%);
  }

  /* Slide overlay up on hover */
  .hover-item:hover::before {
    transform: translateY(0);
  }

  /* Hide overlay content initially */
  .hover-item .overlay-content {
    opacity: 0;
    transform: translateY(20px);
  }

  /* Reveal overlay content on hover */
  .hover-item:hover .overlay-content {
    opacity: 1;
    transform: translateY(0);
  }

  /* Optional: fade main headline slightly on hover */
  .hover-item:hover .main-headline {
    opacity: 1;
  }
}

@media (max-width: 1024px) {
    .hover-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent !important;
  transform: translateY(0); /* visible by default on mobile */
  transition: transform 0.4s ease-in-out;
  z-index: 0;
  border-radius: 0 !important;
}
}/* End custom CSS */