/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
*/

.counter-text{
	text-align:center;
}
/* Parent acts like .group */
.my-image {
    position: relative;
    overflow: hidden;
}

/* Background layer acts like the child with scale-105 */
.my-image::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-image: inherit !important; /* Take Elementor background */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transform: translate(-50%, -50%) scale(1); /* Default scale */
    transition: transform 300ms ease;     /* Same as Tailwind duration-300 */
    z-index: 1;
}

/* Equivalent to .group:hover .group-hover:scale-105 */
.my-image:hover  {-ms-transform: scale(1.01); /* IE 9 */
  -webkit-transform: scale(1.01); /* Safari 3-8 */
  transform: scale(1.01); 
}

/* Shadow on bottom */
.my-image::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 45%;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
    z-index: 2;
}

/* Text stays on top */
.my-image > * {
    position: relative;
    z-index: 3;
}
.no-underline,
.no-underline a,
a.no-underline {
    text-decoration: none !important;
}

.no-underline:hover,
.no-underline a:hover,
a.no-underline:hover {
    text-decoration: none !important;
}
/* drop-icon animation */
.drop-icon {
    display: inline-block;
    animation: dropBounce 1s infinite ease-in-out;
}

@keyframes dropBounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}


html {
    scroll-behavior: auto !important;
}


/* ===========================
   DESKTOP + TABLET (>=768px)
   =========================== */
@media (min-width: 768px) {

    /* Base Header - TOP (Transparent) */
    .men-header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
        padding: 20px 0 !important;
        background: transparent !important;  /* transparent at top */
        transition: background 0.3s ease;
    }

    /* SCROLLED (Sticky) - Solid color */
    .men-header.mh-sticky {
        background: black !important;   /* your original color */
        padding: 20px 0 !important;     /* keep same height */
		border-bottom: 1px solid #333333;
		
    }

    /* If menu opens (tablet dropdown) → always solid */
    body.elementor-nav-menu--dropdown-active .men-header {
        background: black !important;
        position: fixed !important;
    }
}


/* ===========================
   MOBILE (<=767px)
   =========================== */
@media (max-width: 767px) {

    /* Always solid, never sticky */
    .men-header {
        position: relative !important;
        background: black !important;
        padding: 20px 0 !important;
    }

    /* Remove sticky effect on mobile completely */
    .men-header.mh-sticky {
        background: black !important;
        position: relative !important;
    }
}



/* card animation */

.s-img .card-image {
    transition: 0.4s ease;
}

.s-img:hover .card-image {
    transform: scale(1.03);
}