

html body main.rasa-pro-main section.rp-hero#top,
html body main.rasa-pro-main section.rp-hero.rasa-hero-slider-section#top {
    position: relative !important;
    overflow: hidden !important;
    content-visibility: visible !important;
    contain: none !important;
}

html body main.rasa-pro-main section.rp-hero#top::before,
html body main.rasa-pro-main section.rp-hero#top::after {
    animation-duration: 38s !important;
    filter: none !important;
    will-change: auto !important;
}

html body main.rasa-pro-main section.rp-hero#top .rp-reference-glow {
    display: none !important;
}

html body main.rasa-pro-main section.rp-hero#top .rp-hero-reference-card::before,
html body main.rasa-pro-main section.rp-hero#top .rp-hero-reference-card::after,
html body main.rasa-pro-main section.rp-hero#top .rp-reference-form::before {
    animation: none !important;
    filter: none !important;
    will-change: auto !important;
}

html body main.rasa-pro-main section.rp-hero#top .rasa-hero-final-slide {
    transition: opacity .55s ease !important;
    transform: none !important;
    will-change: opacity !important;
}

html body main.rasa-pro-main section.rp-hero#top .rasa-hero-final-slide:not(.is-active) {
    opacity: 0 !important;
    pointer-events: none !important;
}

html body main.rasa-pro-main section.rp-hero#top .rasa-hero-final-slide.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.rasa-hero-old-timer-hidden {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

section.rp-hero#top > .rasa-hero-lite-progress:not(.rasa-hero-progress-between) {
    display: none !important;
}

.rasa-hero-progress-between-wrap {
    position: relative !important;
    z-index: 30 !important;
    width: min(1680px, calc(100vw - 160px)) !important;
    height: 10px !important;
    margin: -28px auto 16px !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.rasa-hero-progress-between {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 5px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(7,59,76,.08) !important;
    border: 1px solid rgba(22,199,199,.20) !important;
    box-shadow: 0 10px 24px rgba(7,59,76,.08) !important;
    pointer-events: none !important;
}

.rasa-hero-progress-between span {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(
        90deg,
        var(--rasa-hero-progress-from, #16C7C7),
        var(--rasa-hero-progress-to, #FFFFFF)
    ) !important;
    box-shadow: 0 0 18px rgba(22,199,199,.35) !important;
}

.rasa-hero-progress-between.is-running span {
    animation: rasaHeroBetweenProgress var(--rasa-hero-progress-duration, 11000ms) linear forwards !important;
}

@keyframes rasaHeroBetweenProgress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

html body main.rasa-pro-main .rasa-hero-progress-between-wrap + .rp-stats,
html body main.rasa-pro-main .rasa-hero-progress-between-wrap ~ .rp-stats,
html body .rasa-hero-progress-between-wrap + .rp-stats,
html body .rasa-hero-progress-between-wrap ~ .rp-stats {
    position: relative !important;
    z-index: 22 !important;
    margin: 0 auto 34px !important;
    height: 98px !important;
    min-height: 98px !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
}

html body .rp-stats {
    overflow: visible !important;
}

html body .rp-stats .rp-stat,
html body .rp-stat {
    min-height: 98px !important;
    height: auto !important;
    overflow: visible !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .rp-stats .rp-stat strong,
html body .rp-stat strong {
    line-height: 1.1 !important;
    overflow: visible !important;
}

html body .rp-stats .rp-stat span,
html body .rp-stat span {
    line-height: 1.7 !important;
    overflow: visible !important;
}

html body main.rasa-pro-main section#services.rp-section,
html body main.rasa-pro-main section#services.rp-section * {
    will-change: auto !important;
}

html body main.rasa-pro-main section#services.rp-section::before,
html body main.rasa-pro-main section#services.rp-section::after,
html body main.rasa-pro-main section#services.rp-section .rp-container::before,
html body main.rasa-pro-main section#services.rp-section .rp-container::after,
html body main.rasa-pro-main section#services.rp-section .rp-grid-3::before,
html body main.rasa-pro-main section#services.rp-section .rp-grid-3::after,
html body main.rasa-pro-main section#services.rp-section .rp-service-card::before {
    animation: none !important;
    filter: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
    background: none !important;
    pointer-events: none !important;
}

html body main.rasa-pro-main section#services.rp-section .rp-service-card {
    transform: none !important;
    filter: none !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

html body main.rasa-pro-main section#services.rp-section .rp-service-card:hover {
    transform: translateY(-3px) !important;
    filter: none !important;
    box-shadow: 0 18px 42px rgba(4,52,59,.11) !important;
    border-color: rgba(22,199,199,.26) !important;
}

html body main.rasa-pro-main section#services.rp-section .rp-service-card:hover .rp-service-media img {
    transform: none !important;
    filter: saturate(1.03) contrast(1.02) !important;
}

@media (max-width: 760px) {
    .rasa-hero-progress-between-wrap {
        width: calc(100% - 36px) !important;
        margin: -18px auto 14px !important;
        height: 9px !important;
    }

    .rasa-hero-progress-between {
        height: 4px !important;
    }

    html body main.rasa-pro-main .rasa-hero-progress-between-wrap + .rp-stats,
    html body main.rasa-pro-main .rasa-hero-progress-between-wrap ~ .rp-stats,
    html body .rasa-hero-progress-between-wrap + .rp-stats,
    html body .rasa-hero-progress-between-wrap ~ .rp-stats {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto 26px !important;
    }
}

