.elementor-10783 .elementor-element.elementor-element-112e5dd{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10783 .elementor-element.elementor-element-578fa30{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10783 .elementor-element.elementor-element-f8b2f8a{--display:flex;grid-row:span 2;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-10783 .elementor-element.elementor-element-bb289c2{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-primary );}.elementor-10783 .elementor-element.elementor-element-bb289c2.elementor-element{--align-self:center;}.elementor-10783 .elementor-element.elementor-element-bb289c2 .elementor-headline{text-align:center;font-family:"Freeman", Sans-serif;font-size:5rem;font-weight:600;}.elementor-10783 .elementor-element.elementor-element-bb289c2 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-10783 .elementor-element.elementor-element-bb289c2 .elementor-headline-dynamic-text{font-family:"Margarine", Sans-serif;font-weight:600;}.elementor-10783 .elementor-element.elementor-element-bb289c2 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );stroke-width:20px;}.elementor-10783 .elementor-element.elementor-element-e614ad4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10783 .elementor-element.elementor-element-6f67213{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10783 .elementor-element.elementor-element-1f5be12{text-align:center;}.elementor-10783 .elementor-element.elementor-element-1f5be12 .elementor-heading-title{font-family:"Freeman", Sans-serif;font-size:30px;font-weight:600;}.elementor-10783 .elementor-element.elementor-element-e5dcf6a{--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;}.elementor-10783 .elementor-element.elementor-element-a4a4656{--display:flex;--justify-content:center;}.elementor-10783 .elementor-element.elementor-element-a4a4656.e-con{--align-self:flex-start;}.elementor-10783 .elementor-element.elementor-element-b9d71df.elementor-element{--align-self:center;}.elementor-10783 .elementor-element.elementor-element-b9d71df{text-align:center;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-10783 .elementor-element.elementor-element-f8b2f8a{--width:100%;}}@media(max-width:1024px){.elementor-10783 .elementor-element.elementor-element-112e5dd{--grid-auto-flow:row;}.elementor-10783 .elementor-element.elementor-element-578fa30{--grid-auto-flow:row;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-10783 .elementor-element.elementor-element-bb289c2 .elementor-headline{font-size:3.2rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-10783 .elementor-element.elementor-element-112e5dd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10783 .elementor-element.elementor-element-578fa30{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-10783 .elementor-element.elementor-element-bb289c2 .elementor-headline{font-size:42px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10783 .elementor-element.elementor-element-1f5be12{text-align:center;}.elementor-10783 .elementor-element.elementor-element-1f5be12 .elementor-heading-title{font-size:20px;}.elementor-10783 .elementor-element.elementor-element-7511c24{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}/* Start custom CSS for html, class: .elementor-element-e614ad4 *//* Container */
.phone-nav-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 65vh;
  min-width: 40vh;
}

/* Mini nav behind phone */
.mini-nav {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
.mini-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
}
.mini-grid .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  opacity: 0; /* hidden until animation */
}
.mini-grid .nav-item:nth-child(1) { grid-area: 1 / 1; }
.mini-grid .nav-item:nth-child(2) { grid-area: 1 / 3; }
.mini-grid .nav-item:nth-child(3) { grid-area: 3 / 3; }

/* Phone */
.phone-wrapper {
  position: relative;
  z-index: 2;
}
.phone-img {
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 200px;
  animation: fadeIn 0.5s ease-out forwards;
}

/* Gift */
.nav-klika-gift {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-5%, 40%);
  text-align: center;
  pointer-events: auto;
  z-index: 99;
}
.nav-klika-gift a { cursor: pointer; }

.nav-cta {
  position: absolute;
  bottom: 0;
  right: 30;
  text-align: center;
  pointer-events: auto;
  z-index: 3;
}

/* Links */
.mini-nav a,
.nav-klika-gift a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  color: #2a670a; /* green */
  text-shadow: 0 0 8px white, 0 0 12px white;
}

/* Icons */
.nav-logo {
  width: var(--logo-width, 80px);
  height: auto;
  margin-bottom: 6px;
  display: block;
}

/* Animations */
@keyframes fadeIn {
  to { opacity: 1; transform: translateY(0); }
  from { opacity: 0; transform: translateY(20px); }
}
@keyframes pulse {
  0% { transform: scale(1); }
  40% { transform: scale(1.15); }
  60% { transform: scale(0.95) rotate(-2deg); }
  80% { transform: scale(1.05) rotate(2deg); }
  100% { transform: scale(1); }
}

/* Utility classes */
.fade-in { animation: fadeIn 0.6s ease-out forwards; }
.delay-1 { animation-delay: 0.5s; }
.delay-2 { animation-delay: 1s; }
.pulse-wiggle { animation: pulse 2s infinite; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1f5be12 */.box-icon img {
    width: 50px;
}/* End custom CSS */
/* Start custom CSS for donatservice, class: .elementor-element-742d572 */.box-icon img {
    width: 50%;
}/* End custom CSS */
/* Start custom CSS for donatservice, class: .elementor-element-3e480e4 */.box-icon img {
    width: 60%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7511c24 */.follow {
  text-align: center;
  padding: 3rem 2rem;
  border-radius: 20px;
  margin: 3rem auto;
  color: #000;
  position: relative;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}


/* Social Follow Section */
.social-follow h4 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

.social-follow p {
  font-size: 18px;
  font-weight: bold;
  color: #2a670a;
  margin: 5px 0 15px 0;
}

/* Base Social Icon Styles */
.social-follow a img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

/* Facebook Icon - Pulse + Hover */
.social-follow a[href*="facebook"] img {
  animation: pulse-fb 2.5s infinite;
}
.social-follow a[href*="facebook"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 18px rgba(59, 89, 152, 0.9); /* FB blue */
  animation: bounce 0.6s ease;
}

/* Instagram Icon - Pulse + Hover */
.social-follow a[href*="instagram"] img {
  animation: pulse-ig 2.5s infinite;
}
.social-follow a[href*="instagram"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 18px rgba(225, 48, 108, 0.9); /* IG pink */
  animation: bounce 0.6s ease;
}

/* TikTok Icon - Pulse + Hover */
.social-follow a[href*="tiktok"] img {
  animation: pulse-tt 2.5s infinite;
}
.social-follow a[href*="tiktok"] img:hover {
  transform: scale(1.2);
  box-shadow: 0 0 18px rgba(0, 242, 234, 0.9); /* TikTok cyan */
  animation: bounce 0.6s ease;
}

/* Bounce Keyframes (on hover) */
@keyframes bounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-6px); }
  50%  { transform: translateY(0); }
  70%  { transform: translateY(-3px); }
  100% { transform: translateY(0); }
}

/* Pulse Keyframes (idle animation) */
@keyframes pulse-fb {
  0%, 100% { box-shadow: 0 0 5px rgba(59, 89, 152, 0.3); }
  50%      { box-shadow: 0 0 15px rgba(59, 89, 152, 0.7); }
}
@keyframes pulse-ig {
  0%, 100% { box-shadow: 0 0 5px rgba(225, 48, 108, 0.3); }
  50%      { box-shadow: 0 0 15px rgba(225, 48, 108, 0.7); }
}
@keyframes pulse-tt {
  0%, 100% { box-shadow: 0 0 5px rgba(0, 242, 234, 0.3); }
  50%      { box-shadow: 0 0 15px rgba(0, 242, 234, 0.7); }
}/* End custom CSS */