.elementor-kit-5{--e-global-color-primary:#383D5A;--e-global-color-secondary:#FFFEF6;--e-global-color-text:#7A7C87;--e-global-color-accent:#66B49C;--e-global-color-63baaa8:#FFFFFF00;--e-global-color-cc1a091:#FFFFFF;--e-global-color-c585047:#000000;--e-global-color-7e08181:#383D5A1A;--e-global-color-34c2965:#FFFEF624;--e-global-color-b588434:#FFFEF6;--e-global-typography-primary-font-family:"Onest";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Onest";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Onest";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Onest";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1em;background-color:var( --e-global-color-secondary );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.image-effect {
  position: relative;
  overflow: hidden;
}

.image-effect::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #fff0 66.06%, var(--e-global-color-primary) 100%);
  z-index: 1;
}

.image-effect::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 2;
  transition: height 0.6s ease;
}





.image-effect:hover::after {
  height: 300%;
}
.dual-gradient-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none; /* keep it non-clickable */
  background:
    linear-gradient(180deg, rgba(56, 61, 90, 0) 100.93%, rgba(56, 61, 90, 0.9) 100.18%),
    linear-gradient(207deg, rgb(56 61 90 / 15%) 65.56%, rgba(56, 61, 90, 0.9) 100%);
  z-index: 1; /* sits above the image */
}



/* hover on images*/

.shine-overlay {
    position: relative;
    overflow: hidden; /* Keeps the shine within the container */
}

.shine-overlay::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 2;
    pointer-events: none; /* Prevents blocking clicks */
    opacity: 0;
}

.shine-overlay:hover::after {
    animation: shineOut 0.5s linear forwards;
}

@keyframes shineOut {
    0% {
        height: 0%;
        opacity: 0.6;
        background-color: rgba(255, 255, 255, 0.3);
    }
    70% {
        height: 300%;
        opacity: 0.6;
    }
    100% {
        height: 400%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
    }
}




/* === Mint background with white circular icon === */
.btn-mint-white .elementor-button-text {
  position: relative;
  background-color: #66B49C;
  color: #FFFEF6;
  padding: 20px;
  border-radius: 999px;
  font-weight: 600;
  overflow: hidden;
  z-index: 1;                     /* keep content above ::before */
  transition: color 0.4s ease-in-out;
}

.btn-mint-white .elementor-button-text::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%; right: 50%;
  opacity: 0;
  background: #ffffff;
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
  z-index: -1;                    /* 👈 push behind text */
}

.btn-mint-white:hover .elementor-button-text::before {
  left: 0; right: 0;
  opacity: 1;
}

.btn-mint-white:hover .elementor-button-text {
  color: #66B49C;
}

/* icon */
.btn-mint-white .elementor-button-icon {
  display: inline-flex; align-items: center; justify-content: center;
  background-color: #ffffff; color: #66B49C;
  width: 50px; height: 50px; border-radius: 50%;
  margin-left: -4px; transition: transform 0.4s ease;
}
.btn-mint-white .elementor-button-content-wrapper {
  display: inline-flex; align-items: center; justify-content: center;
}
.btn-mint-white:hover .elementor-button-icon { transform: rotate(45deg); }

/* === Mint background with navy circular icon === */
.btn-mint-navy .elementor-button-text {
  position: relative;
  background-color: #66B49C;
  color: #FFFEF6;
  padding: 20px;
  border-radius: 999px;
  font-weight: 600;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease-in-out;
}

.btn-mint-navy .elementor-button-text::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%; right: 50%;
  opacity: 0;
  background: #32364A;            /* navy */
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
  z-index: -1;                    /* 👈 behind text */
}

.btn-mint-navy:hover .elementor-button-text::before {
  left: 0; right: 0;
  opacity: 1;
}

.btn-mint-navy:hover .elementor-button-text {
  color: #FFFEF6;                 /* stays white */
}

/* icon */
.btn-mint-navy .elementor-button-icon {
  display: inline-flex; align-items: center; justify-content: center;
  background-color: #32364A; color: #FFFEF6;
  width: 50px; height: 50px; border-radius: 50%;
  margin-left: -4px; transition: transform 0.4s ease;
}
.btn-mint-navy .elementor-button-content-wrapper {
  display: inline-flex; align-items: center; justify-content: center;
}
.btn-mint-navy:hover .elementor-button-icon { transform: rotate(45deg); }







/* Do NOT change the heading's own display/layout */
.stagger-title {}

/* Only the inner split wrapper gets perspective & inline-block */
.stagger-title .stagger-split {
  perspective: 400px;
  display: inline-block;
}

/* Characters */
.stagger-title .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(10px) rotateX(30deg);
  animation: charIn 0.5s ease forwards;
}

/* Words */
.stagger-title .word { 
  display: inline-block;
}

/* Animation keyframes */
@keyframes charIn {
  to {
    opacity: 1;
    transform: translateY(0) rotateX(0);
  }
}/* End custom CSS */