.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#12244F;--e-global-color-text:#65758B;--e-global-color-accent:#93B43D;--e-global-color-550ec2d:#92B238;--e-global-typography-primary-font-family:"Krub";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 */html, body {
  overflow-x: hidden;
}


.step-arrow img{
    opacity: 0;
}

.step-arrow.visible img {
    opacity: 1;
    clip-path: inset(0 100% 0 0);
    animation: clipReveal 1s ease forwards;
}

.arrow-2.visible img{
  clip-path: inset(0 0 0 100%);
  animation: clipRevealReverse .6s ease forwards;
}

.arrow-4.visible img{
  clip-path: inset(0 0 0 100%);
  animation: clipRevealReverse .6s ease forwards;
}


@keyframes clipReveal {
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes clipRevealReverse {
  to {
    clip-path: inset(0 0 0 0);
  }
}

.step-card{
    opacity:0;
    transform:scale(.9);
}

.step-card.visible{
    animation:stepPop .6s ease forwards;
}

.step-5 {
  opacity: 0;
  transform: translateX(-50%) scale(.9);
}

.step-5.visible {
  animation: step5Pop .6s ease forwards;
}

@keyframes step5Pop {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(.9);
  }
  70% {
    transform: translateX(-50%) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}

@keyframes stepPop{
  0%{
    opacity:0;
    transform:scale(.9);
  }
  70%{
    transform:scale(1.05);
  }
  100%{
    opacity:1;
    transform:scale(1);
  }
}

.icon-hover path{
  transition: fill .3s ease, fill-opacity .3s ease;
}

.icon-hover path:first-child{
  fill-opacity: .1;
}

.icon-hover path:nth-child(2){
  fill: #93B43D;
}

.spendsaver-cont:hover .icon-hover path:first-child{
  fill-opacity: 1;
}

.spendsaver-cont:hover .icon-hover path:nth-child(2){
  fill: white;
}


.ads-image-slider{
    overflow: hidden;
}/* End custom CSS */