.elementor-kit-18{--e-global-color-primary:#203864;--e-global-color-secondary:#54595F;--e-global-color-text:#2B2B2B;--e-global-color-accent:#25A3B4;--e-global-color-29a7f21:#F4F7FA;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;}.elementor-kit-18 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);}@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 *//* =========================
   SCROLL ARRIVAL HIGHLIGHT
   ========================= */

.highlight-arrival {
    animation: arrivalHighlight 1.2s ease;
    position: relative;
    z-index: 3;
}

@keyframes arrivalHighlight {
    0% { background-color: rgba(37,163,180,0); }
    35% { background-color: rgba(37,163,180,0.12); }
    100% { background-color: rgba(37,163,180,0); }
}


/* =========================
   EVOLUTION ROW BASE
   ========================= */

.pp-evolution-row {
    position: relative;
    z-index: 1;
}


/* =========================
   PROGRESS LINE ABOVE ROW
   ========================= */

.pp-evolution-row::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(37,163,180,0.25);
}


/* =========================
   PROGRESS SWEEP EFFECT
   ========================= */

.pp-evolution-row::after {
    content: "";
    position: absolute;
    top: -24px;
    left: -40%;
    width: 40%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        #25A3B4,
        transparent
    );

    transition: left 0.8s ease;
}

.pp-evolution-row:hover::after {
    left: 100%;
}


/* =========================
   CARD SWEEP EFFECT
   ========================= */

.pp-evolution-card {
    position: relative;
    overflow: hidden;
}

.pp-evolution-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 4px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(37,163,180,0.0) 20%,
        rgba(37,163,180,0.8) 50%,
        rgba(37,163,180,0.0) 80%,
        transparent 100%
    );

    transition: left 0.7s ease;
}

.pp-evolution-card:hover::after {
    left: 120%;
}/* End custom CSS */