/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://thegoodreco.com
 Description:  Child theme for Hello Elementor
 Author:        GoodReco
 Template:     hello-elementor
 Version:      1.0.0
*/

li#menu-item-753 a {
	  display:none !important;
    background-color: #FF6C2F !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 20px 38px !important;
    margin-left: 15px !important;
    position: relative;
    top: -6px;
}

li#menu-item-753 a:hover{
    background-color: #262D34 !important;
}


.sticky-image {
  position: sticky;
  top: 150px;
  align-self: start;
}

@media (max-width: 767px) {
  .jkit-testimonials .tns-slider .tns-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .jkit-testimonials .tns-outer { overflow: hidden; }

li#menu-item-753 a {
	display:block !important;
    background-color: #FF6C2F !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 15px 50px !important;
    margin-left:0px !important;
	margin-top:20px;
    position: relative;
    top: -0px;
	
        width: 150px !important;
        text-align: center !important;
}
	
.jkit-menu-container a {
    font-size: 20px !important;
    margin: 5px 0px !important;
}
	ul#menu-primary {
    margin-left: 0px !important;
}
	
}

@media (max-width: 782px) {
    .admin-bar .elementor-element.elementor-element-8a12f78 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
        top: 0px !important;
	}
	
.jeg-elementor-kit.jkit-fun-fact {
     padding: 15px !important; }
	
	.elementor-51 .elementor-element.elementor-element-8a12f78 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a {
        padding: 15px !important;
        border-radius: 0px !important;
		margin:10px !important
    }
	
	li#menu-item-753 {
    margin: 15px ! IMPORTANT;
}
	
}

.page-id-626 .elementor-element.elementor-element-79b2a21.elementor-widget.elementor-widget-text-editor ol {
    padding: 0px 20px !important;
}


.page-id-626 ul.elementor-icon-list-items{
    padding: 0px !important;
}

.page-id-645 ul.elementor-icon-list-items{
    padding: 0px !important;
}

.page-id-657 ul.elementor-icon-list-items{
	padding: 0px !important;
}


.aj_numbers span.elementor-counter-number-suffix {
    color: #fff !important;
/*     position: relative;
    top: -12px;
    font-size: 50px !important; */
}

/* @media(max-width:768px){
	.aj_numbers span.elementor-counter-number-suffix {
    color: #fff !important;
    position: relative;
    top: -12px;
    font-size: 30px !important;
}
} */


.aj_logo figure.swiper-slide-inner img{
background-color:#fff !important;
	padding:20px !important;
}

.aj_greyscale_logo img{
	 filter: grayscale(100%);
	background-color:#fff !important;
	padding:25px !important;
}
.gr_fadeinandout {
    animation: scaleUpDown 3s ease-in-out infinite;
}

@keyframes scaleUpDown {
    0% {
        transform: scale(0.96);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.96);
    }
}


/* Marqee */
.pointer_marqeen .elementor-icon-list-items {
    display: flex !important;
    gap: 15px;
    animation: scroll 15s linear infinite;
    width: fit-content;
    overflow: visible;
    flex-wrap: nowrap !important;
}

.pointer_marqeen {
    overflow: hidden;
}

.pointer_marqeen .elementor-icon-list-item {
    background: #ffffff;
    color: #333333;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 50px;
    font-size: 14px;
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex !important;
}

.pointer_marqeen .elementor-inline-items {
    flex-wrap: nowrap !important;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/* Loop IMage ANimation */

.seq-img-1, .seq-img-2, .seq-img-3, .seq-img-4, .seq-img-5 {
    opacity: 0;
}

/* Image 1: Fade in at 0s, stay till 4s, fade out */
.seq-img-1 {
    animation: show1 7s infinite;
}

/* Image 2: Fade in at 1s, stay till 4s, fade out */
.seq-img-2 {
    animation: show2 7s infinite;
}

/* Image 3: Fade in at 2s, stay till 4s, fade out */
.seq-img-3 {
    animation: show3 7s infinite;
}

/* Image 4: Fade in at 3s, stay till 4s, fade out */
.seq-img-4 {
    animation: show4 7s infinite;
}

/* Image 5: Fade in at 4.5s, fade out at 5.5s */
.seq-img-5 {
    animation: show5 7s infinite;
    z-index: 10;
}

@keyframes show1 {
    0% { opacity: 0; }
    7% { opacity: 1; }
    57% { opacity: 1; }
    60% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes show2 {
    0%, 14% { opacity: 0; }
    21% { opacity: 1; }
    57% { opacity: 1; }
    60% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes show3 {
    0%, 28% { opacity: 0; }
    35% { opacity: 1; }
    57% { opacity: 1; }
    60% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes show4 {
    0%, 42% { opacity: 0; }
    49% { opacity: 1; }
    57% { opacity: 1; }
    60% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes show5 {
    0%, 64% { opacity: 0; }
    68% { opacity: 1; }
    82% { opacity: 1; }
    86% { opacity: 0; }
    100% { opacity: 0; }
}

/* All in one animation  */
.aj_animate-1, .aj_animate-2, .aj_animate-3, .aj_animate-4, .aj_animate-5 {
  opacity: 0;
}
.aj_animate-1 {
  animation: aj_show1 7s infinite;
}
.aj_animate-2 {
  animation: aj_show2 7s infinite;
}
.aj_animate-3 {
  animation: aj_show3 7s infinite;
}
.aj_animate-4 {
  animation: aj_show4 7s infinite;
}
.aj_animate-5 {
  animation: aj_show5 7s infinite;
}
/* Image 1: Fade in at 0s, stay visible till 5s, fade out */
@keyframes aj_show1 {
  0% { opacity: 0; }
  5% { opacity: 1; }
  62.5% { opacity: 1; }
  65% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 2: Fade in at ~1s, stay visible till 5s, fade out */
@keyframes aj_show2 {
  0%, 12.5% { opacity: 0; }
  15% { opacity: 1; }
  62.5% { opacity: 1; }
  65% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 3: Fade in at ~2s, stay visible till 5s, fade out */
@keyframes aj_show3 {
  0%, 25% { opacity: 0; }
  27.5% { opacity: 1; }
  62.5% { opacity: 1; }
  65% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 4: Fade in at ~3s, stay visible till 5s, fade out */
@keyframes aj_show4 {
  0%, 37.5% { opacity: 0; }
  40% { opacity: 1; }
  62.5% { opacity: 1; }
  65% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 5: Fade in at ~4s, stay visible till 5s, fade out */
@keyframes aj_show5 {
  0%, 50% { opacity: 0; }
  52.5% { opacity: 1; }
  62.5% { opacity: 1; }
  65% { opacity: 0; }
  100% { opacity: 0; }
}

/* 4 Images Animation */
.aj_anim-1, .aj_anim-2, .aj_anim-3, .aj_anim-4 {
  opacity: 0;
}
.aj_anim-1 {
  animation: aj_anim1 7s infinite;
}
.aj_anim-2 {
  animation: aj_anim2 7s infinite;
}
.aj_anim-3 {
  animation: aj_anim3 7s infinite;
}
.aj_anim-4 {
  animation: aj_anim4 7s infinite;
}
/* Image 1: Fade in at 0s, stay visible till end, fade out */
@keyframes aj_anim1 {
  0% { opacity: 0; }
  5% { opacity: 1; }
  83.75% { opacity: 1; }
  87.5% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 2: Fade in at ~1.75s, stay visible till end, fade out */
@keyframes aj_anim2 {
  0%, 21.875% { opacity: 0; }
  25% { opacity: 1; }
  83.75% { opacity: 1; }
  87.5% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 3: Fade in at ~3.5s, stay visible till end, fade out */
@keyframes aj_anim3 {
  0%, 43.75% { opacity: 0; }
  46.875% { opacity: 1; }
  83.75% { opacity: 1; }
  87.5% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 4: Fade in at ~5.25s, stay visible till end, fade out */
@keyframes aj_anim4 {
  0%, 65.625% { opacity: 0; }
  68.75% { opacity: 1; }
  83.75% { opacity: 1; }
  87.5% { opacity: 0; }
  100% { opacity: 0; }
}


/* 3 Images Animation */
.aj_3anim-1, .aj_3anim-2, .aj_3anim-3 {
  opacity: 0;
}
.aj_3anim-1 {
  animation: aj_3anim1 6.5s infinite;
}
.aj_3anim-2 {
  animation: aj_3anim2 6.5s infinite;
}
.aj_3anim-3 {
  animation: aj_3anim3 6.5s infinite;
}
/* Image 1: Fade in at 0s, stay visible till end, fade out */
@keyframes aj_3anim1 {
  0% { opacity: 0; }
  5% { opacity: 1; }
  76.9% { opacity: 1; }
  84.6% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 2: Fade in at ~1.75s, stay visible till end, fade out */
@keyframes aj_3anim2 {
  0%, 26.9% { opacity: 0; }
  30.8% { opacity: 1; }
  76.9% { opacity: 1; }
  84.6% { opacity: 0; }
  100% { opacity: 0; }
}
/* Image 3: Fade in at ~3.5s, stay visible till end, fade out */
@keyframes aj_3anim3 {
  0%, 53.8% { opacity: 0; }
  57.7% { opacity: 1; }
  76.9% { opacity: 1; }
  84.6% { opacity: 0; }
  100% { opacity: 0; }
}

/* 4 Images Popup Animation */
.aj_popup-1, .aj_popup-2, .aj_popup-3, .aj_popup-4 {
  opacity: 0;
  filter: blur(20px);
  transform: scale(0.8);
}
.aj_popup-1 {
  animation: aj_popup1 3s infinite cubic-bezier(0.34, 1.56, 0.64, 1);
}
.aj_popup-2 {
  animation: aj_popup2 3s infinite cubic-bezier(0.34, 1.56, 0.64, 1);
}
.aj_popup-3 {
  animation: aj_popup3 3s infinite cubic-bezier(0.34, 1.56, 0.64, 1);
}
.aj_popup-4 {
  animation: aj_popup4 3s infinite cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Image 1: Blur-to-focus elastic bounce at 0s */
@keyframes aj_popup1 {
  0% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
  4% { opacity: 1; }
  10% { filter: blur(0px); transform: scale(1); }
  80% { opacity: 1; filter: blur(0px); transform: scale(1); }
  90% { opacity: 0; filter: blur(10px); transform: scale(0.95); }
  100% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
}
/* Image 2: Blur-to-focus elastic bounce at ~0.6s */
@keyframes aj_popup2 {
  0%, 12% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
  16% { opacity: 1; }
  22% { filter: blur(0px); transform: scale(1); }
  80% { opacity: 1; filter: blur(0px); transform: scale(1); }
  90% { opacity: 0; filter: blur(10px); transform: scale(0.95); }
  100% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
}
/* Image 3: Blur-to-focus elastic bounce at ~1.2s */
@keyframes aj_popup3 {
  0%, 24% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
  28% { opacity: 1; }
  34% { filter: blur(0px); transform: scale(1); }
  80% { opacity: 1; filter: blur(0px); transform: scale(1); }
  90% { opacity: 0; filter: blur(10px); transform: scale(0.95); }
  100% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
}
/* Image 4: Blur-to-focus elastic bounce at ~1.8s */
@keyframes aj_popup4 {
  0%, 36% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
  40% { opacity: 1; }
  46% { filter: blur(0px); transform: scale(1); }
  80% { opacity: 1; filter: blur(0px); transform: scale(1); }
  90% { opacity: 0; filter: blur(10px); transform: scale(0.95); }
  100% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
}






/* Single Image Animation */
.aj_single-img {
  opacity: 0;
  filter: blur(20px);
  transform: scale(0.8);
  animation: aj_single 6s infinite cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Single image: Slow blur-to-focus reveal over 4 seconds */
@keyframes aj_single {
  0% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
  10% { opacity: 1; }
  80% { filter: blur(0px); transform: scale(1); opacity: 1; }
  90% { opacity: 0; filter: blur(10px); transform: scale(0.95); }
  100% { opacity: 0; filter: blur(20px); transform: scale(0.8); }
}



.aj_testimonials {
    color: #1F78D1 !important;
    border: 2px solid #1F78D1;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px !important;
}




.whoitisfor p.profile-des {
    margin: 0px !important;
    padding: 10px;
    color: #fff !important;
		border:1px solid #D9D9D9 !important;
    border-radius: 10px;
    margin-top: 10px !important;
	font-weight:600 !important;
}


.gr_banner {
    transform: scale(0.85);
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s ease;
    opacity: 0.6;
    will-change: transform, opacity;
}

[class*="stack-"] {
    position: sticky;
    top: 120px;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center top;
    will-change: transform;
}

.stack-1 { z-index: 1; }
.stack-2 { z-index: 2; }
.stack-3 { z-index: 3; }
.stack-4 { z-index: 4; }
.stack-5 { z-index: 5; }
.stack-6 { z-index: 6; }

@media (max-width: 850px) {
	[class*="stack-"] {
    top: 10px !important;
    z-index: 999999 !important;
  /* position: relative !important;
  top: auto !important;
  transform: none !important;
  z-index: auto !important; */
 }
}


.gr_header {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.gr_header.scrolled {
  top: 15px;
  background: transparent !important;
}

.elementor-container {
  border: 1px solid transparent !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Desktop glass pill */
.gr_header.scrolled .elementor-container {
  border-radius: 100px !important;
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.10) !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 90% !important;
  max-width: 1200px !important;
}


/* Mobile - NO backdrop-filter to avoid stacking context */
@media (max-width: 768px) {
  .gr_header.scrolled {
    top: 10px;
  }

  .gr_header.scrolled .elementor-container {
    border-radius: 50px !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Keep header z-index lower than JetMenu */
  .gr_header {
    z-index: 100 !important;
  }

  .jeg-elementor-kit.jkit-nav-menu,
  .jkit-menu-wrapper,
  .jkit-overlay {
    z-index: 99999 !important;
  }
}



.aj-marquee{--marquee-height:75px;--logo-max-width:160px;--fade-mask-width:120px;overflow:hidden;width:100%;position:relative;background:transparent;padding:0;margin:0;height:var(--marquee-height)}
.aj-marquee::before,.aj-marquee::after{content:'';position:absolute;top:0;height:100%;width:var(--fade-mask-width);z-index:2;pointer-events:none}
.aj-marquee::before{left:0;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%)}
.aj-marquee::after{right:0;background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%)}
.aj-marquee-track{display:flex;gap:45px;animation:scroll 60s linear infinite;width:max-content;align-items:center;height:100%;white-space:nowrap}
.aj-marquee-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;line-height:0}
.aj-marquee-logo img{height:70%;width:auto;max-width:var(--logo-max-width);object-fit:contain;transition:transform .3s ease;display:block}
.aj-marquee-logo img:hover{transform:scale(1.1)}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.aj-marquee:hover .aj-marquee-track{animation-play-state:paused}
.elementor-image-carousel-wrapper,.elementor-image-carousel{display:none!important;height:0!important;overflow:hidden!important}
@media(max-width:768px){.aj-marquee{--marquee-height:55px;--logo-max-width:100px;--fade-mask-width:80px}.aj-marquee-track{gap:30px;animation:scroll 45s linear infinite}.aj-marquee-logo img{height:75%}}
@media(max-width:480px){.aj-marquee{--marquee-height:45px;--logo-max-width:75px;--fade-mask-width:60px}.aj-marquee-track{gap:25px;animation:scroll 35s linear infinite}.aj-marquee-logo img{height:70%}}
