html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    -webkit-text-size-adjust: 100%;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
}

iframe {
    border: 0;
}

main,
section,
header,
footer,
.rasa-pro-main,
.rp-section,
.rp-hero,
.rp-about-band,
.rp-slider-shell,
.rp-service-slider,
.rp-card,
.rp-about,
.rp-hero-reference-card,
.rasa-hero-slider-section {
    max-width: 100%;
    min-width: 0;
}

.rasa-pro-main *,
.rasa-live-chat *,
.rp-section *,
.rp-hero * {
    min-width: 0;
}

.rasa-pro-main p,
.rasa-pro-main span,
.rasa-pro-main a,
.rasa-pro-main strong,
.rasa-pro-main h1,
.rasa-pro-main h2,
.rasa-pro-main h3,
.rasa-pro-main li,
.rasa-live-chat p,
.rasa-live-chat span,
.rasa-live-chat strong,
.rasa-live-chat a {
    overflow-wrap: anywhere;
}

.rp-section img,
.rp-hero img,
.rp-about img,
.rp-card img,
.rasa-pro-main img {
    max-width: 100%;
    height: auto;
}

.rasa-pro-main table,
body table {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .rasa-pro-main,
    .rp-section,
    .rp-about-band,
    .footer,
    .header {
        overflow-x: clip;
    }

    .rp-slider-shell,
    .rp-service-slider,
    .rasa-hero-final-shell {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    .rasa-pro-main {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden !important;
    }

    
    .header,
    .navbar,
    .nav,
    .rp-header,
    .rp-nav,
    .rasa-header {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .header a,
    .navbar a,
    .nav a,
    .rp-header a,
    .rp-nav a,
    .rasa-header a {
        white-space: normal;
    }

    
    .rp-hero,
    .rasa-hero-slider-section,
    section.rp-hero#top {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .rp-hero-reference-card,
    .rasa-hero-final-slide,
    .rasa-hero-final-shell {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .rp-reference-copy h1,
    .rp-hero h1,
    .hero h1 {
        font-size: clamp(30px, 9vw, 46px) !important;
        line-height: 1.35 !important;
        word-break: normal !important;
    }

    .rp-reference-copy p,
    .rp-hero p,
    .hero p {
        font-size: clamp(13px, 3.6vw, 15px) !important;
        line-height: 1.9 !important;
    }

    
    .rp-stats,
    .rasa-stats,
    .stats,
    .stats-grid,
    .hero-stats,
    .rasa-counter-grid,
    .counter-grid,
    [class*="stats-grid"],
    [class*="counter-grid"] {
        max-width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .rp-stat,
    .rasa-stat,
    .stat-card,
    .hero-stat,
    .counter-card,
    [class*="stat-card"],
    [class*="counter-card"] {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 12px 10px !important;
        border-radius: 18px !important;
    }

    .rp-stat strong,
    .rasa-stat strong,
    .stat-card strong,
    .hero-stat strong,
    .counter-card strong,
    .rp-stat b,
    .rasa-stat b,
    .stat-card b,
    .hero-stat b,
    .counter-card b,
    [class*="stat"] strong,
    [class*="counter"] strong {
        display: block !important;
        max-width: 100% !important;
        font-size: clamp(21px, 7vw, 32px) !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        letter-spacing: -0.4px !important;
        direction: ltr !important;
        unicode-bidi: plaintext !important;
    }

    .rp-stat span,
    .rasa-stat span,
    .stat-card span,
    .hero-stat span,
    .counter-card span,
    [class*="stat"] span,
    [class*="counter"] span {
        display: block !important;
        max-width: 100% !important;
        font-size: 11px !important;
        line-height: 1.6 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    
    .rp-about,
    .about-grid,
    .quick-cards,
    .main-grid,
    .cards-grid,
    .services-grid,
    .destinations-grid,
    .articles-grid,
    .footer-grid {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .rp-about-text,
    .rp-about-visual,
    .card,
    .rp-card,
    .service-card,
    .destination-card,
    .article-card {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    
    input,
    textarea,
    select,
    button {
        max-width: 100%;
        font-size: 16px;
    }

    
    .rasa-live-chat {
        max-width: calc(100vw - 24px) !important;
    }

    .rasa-live-chat .rasa-live-chat-panel {
        max-width: calc(100vw - 28px) !important;
        overflow: hidden !important;
    }

    .rasa-live-chat .rasa-live-chat-messages {
        max-height: min(230px, 38vh) !important;
    }
}

@media (max-width: 430px) {
    .rp-stats,
    .rasa-stats,
    .stats,
    .stats-grid,
    .hero-stats,
    .rasa-counter-grid,
    .counter-grid,
    [class*="stats-grid"],
    [class*="counter-grid"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .rp-stat,
    .rasa-stat,
    .stat-card,
    .hero-stat,
    .counter-card,
    [class*="stat-card"],
    [class*="counter-card"] {
        padding: 10px 8px !important;
    }

    .rp-stat strong,
    .rasa-stat strong,
    .stat-card strong,
    .hero-stat strong,
    .counter-card strong,
    .rp-stat b,
    .rasa-stat b,
    .stat-card b,
    .hero-stat b,
    .counter-card b,
    [class*="stat"] strong,
    [class*="counter"] strong {
        font-size: clamp(19px, 7.4vw, 28px) !important;
    }

    .rp-stat span,
    .rasa-stat span,
    .stat-card span,
    .hero-stat span,
    .counter-card span,
    [class*="stat"] span,
    [class*="counter"] span {
        font-size: 10.5px !important;
    }

    .rp-reference-copy h1,
    .rp-hero h1,
    .hero h1 {
        font-size: clamp(27px, 9vw, 38px) !important;
    }

    .rasa-live-chat .rasa-live-chat-panel {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }
}

@media (max-width: 360px) {
    .rp-stats,
    .rasa-stats,
    .stats,
    .stats-grid,
    .hero-stats,
    .rasa-counter-grid,
    .counter-grid,
    [class*="stats-grid"],
    [class*="counter-grid"] {
        gap: 7px !important;
    }

    .rp-stat strong,
    .rasa-stat strong,
    .stat-card strong,
    .hero-stat strong,
    .counter-card strong,
    .rp-stat b,
    .rasa-stat b,
    .stat-card b,
    .hero-stat b,
    .counter-card b,
    [class*="stat"] strong,
    [class*="counter"] strong {
        font-size: clamp(18px, 7vw, 25px) !important;
    }
}

@media (max-width: 768px) {
    html body main.rasa-pro-main .rp-stats,
    html body main.rasa-pro-main .rasa-stats,
    html body main.rasa-pro-main .hero-stats,
    html body main.rasa-pro-main .stats-grid,
    html body main.rasa-pro-main .rasa-counter-grid,
    html body main.rasa-pro-main .rp-hero-stats,
    html body main.rasa-pro-main [class~="stats"],
    html body main.rasa-pro-main [class~="counters"] {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body main.rasa-pro-main .rp-stats > *,
    html body main.rasa-pro-main .rasa-stats > *,
    html body main.rasa-pro-main .hero-stats > *,
    html body main.rasa-pro-main .stats-grid > *,
    html body main.rasa-pro-main .rasa-counter-grid > *,
    html body main.rasa-pro-main .rp-hero-stats > *,
    html body main.rasa-pro-main [class~="stats"] > *,
    html body main.rasa-pro-main [class~="counters"] > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        padding: 12px 9px !important;
        border-radius: 18px !important;
    }

    
    html body main.rasa-pro-main .rp-stats > * > :first-child,
    html body main.rasa-pro-main .rasa-stats > * > :first-child,
    html body main.rasa-pro-main .hero-stats > * > :first-child,
    html body main.rasa-pro-main .stats-grid > * > :first-child,
    html body main.rasa-pro-main .rasa-counter-grid > * > :first-child,
    html body main.rasa-pro-main .rp-hero-stats > * > :first-child,
    html body main.rasa-pro-main .rp-stats strong,
    html body main.rasa-pro-main .rasa-stats strong,
    html body main.rasa-pro-main .hero-stats strong,
    html body main.rasa-pro-main .stats-grid strong,
    html body main.rasa-pro-main .rasa-counter-grid strong,
    html body main.rasa-pro-main .rp-hero-stats strong,
    html body main.rasa-pro-main .rp-stats b,
    html body main.rasa-pro-main .rasa-stats b,
    html body main.rasa-pro-main .hero-stats b,
    html body main.rasa-pro-main .stats-grid b,
    html body main.rasa-pro-main .rasa-counter-grid b,
    html body main.rasa-pro-main .rp-hero-stats b {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 auto 5px !important;
        font-size: clamp(21px, 7vw, 30px) !important;
        line-height: 1.15 !important;
        font-weight: 950 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        letter-spacing: -0.5px !important;
        direction: ltr !important;
        unicode-bidi: plaintext !important;
    }

    
    html body main.rasa-pro-main .rp-stats span,
    html body main.rasa-pro-main .rasa-stats span,
    html body main.rasa-pro-main .hero-stats span,
    html body main.rasa-pro-main .stats-grid span,
    html body main.rasa-pro-main .rasa-counter-grid span,
    html body main.rasa-pro-main .rp-hero-stats span,
    html body main.rasa-pro-main .rp-stats small,
    html body main.rasa-pro-main .rasa-stats small,
    html body main.rasa-pro-main .hero-stats small,
    html body main.rasa-pro-main .stats-grid small,
    html body main.rasa-pro-main .rasa-counter-grid small,
    html body main.rasa-pro-main .rp-hero-stats small {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        direction: rtl !important;
        unicode-bidi: plaintext !important;
    }
}

@media (max-width: 430px) {
    html body main.rasa-pro-main .rp-stats,
    html body main.rasa-pro-main .rasa-stats,
    html body main.rasa-pro-main .hero-stats,
    html body main.rasa-pro-main .stats-grid,
    html body main.rasa-pro-main .rasa-counter-grid,
    html body main.rasa-pro-main .rp-hero-stats,
    html body main.rasa-pro-main [class~="stats"],
    html body main.rasa-pro-main [class~="counters"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    html body main.rasa-pro-main .rp-stats > *,
    html body main.rasa-pro-main .rasa-stats > *,
    html body main.rasa-pro-main .hero-stats > *,
    html body main.rasa-pro-main .stats-grid > *,
    html body main.rasa-pro-main .rasa-counter-grid > *,
    html body main.rasa-pro-main .rp-hero-stats > *,
    html body main.rasa-pro-main [class~="stats"] > *,
    html body main.rasa-pro-main [class~="counters"] > * {
        padding: 10px 7px !important;
        border-radius: 16px !important;
    }

    html body main.rasa-pro-main .rp-stats > * > :first-child,
    html body main.rasa-pro-main .rasa-stats > * > :first-child,
    html body main.rasa-pro-main .hero-stats > * > :first-child,
    html body main.rasa-pro-main .stats-grid > * > :first-child,
    html body main.rasa-pro-main .rasa-counter-grid > * > :first-child,
    html body main.rasa-pro-main .rp-hero-stats > * > :first-child,
    html body main.rasa-pro-main .rp-stats strong,
    html body main.rasa-pro-main .rasa-stats strong,
    html body main.rasa-pro-main .hero-stats strong,
    html body main.rasa-pro-main .stats-grid strong,
    html body main.rasa-pro-main .rasa-counter-grid strong,
    html body main.rasa-pro-main .rp-hero-stats strong,
    html body main.rasa-pro-main .rp-stats b,
    html body main.rasa-pro-main .rasa-stats b,
    html body main.rasa-pro-main .hero-stats b,
    html body main.rasa-pro-main .stats-grid b,
    html body main.rasa-pro-main .rasa-counter-grid b,
    html body main.rasa-pro-main .rp-hero-stats b {
        font-size: clamp(19px, 7.2vw, 26px) !important;
        letter-spacing: -0.7px !important;
    }

    html body main.rasa-pro-main .rp-stats span,
    html body main.rasa-pro-main .rasa-stats span,
    html body main.rasa-pro-main .hero-stats span,
    html body main.rasa-pro-main .stats-grid span,
    html body main.rasa-pro-main .rasa-counter-grid span,
    html body main.rasa-pro-main .rp-hero-stats span,
    html body main.rasa-pro-main .rp-stats small,
    html body main.rasa-pro-main .rasa-stats small,
    html body main.rasa-pro-main .hero-stats small,
    html body main.rasa-pro-main .stats-grid small,
    html body main.rasa-pro-main .rasa-counter-grid small,
    html body main.rasa-pro-main .rp-hero-stats small {
        font-size: 10px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 360px) {
    html body main.rasa-pro-main .rp-stats,
    html body main.rasa-pro-main .rasa-stats,
    html body main.rasa-pro-main .hero-stats,
    html body main.rasa-pro-main .stats-grid,
    html body main.rasa-pro-main .rasa-counter-grid,
    html body main.rasa-pro-main .rp-hero-stats,
    html body main.rasa-pro-main [class~="stats"],
    html body main.rasa-pro-main [class~="counters"] {
        grid-template-columns: 1fr 1fr !important;
    }

    html body main.rasa-pro-main .rp-stats > * > :first-child,
    html body main.rasa-pro-main .rasa-stats > * > :first-child,
    html body main.rasa-pro-main .hero-stats > * > :first-child,
    html body main.rasa-pro-main .stats-grid > * > :first-child,
    html body main.rasa-pro-main .rasa-counter-grid > * > :first-child,
    html body main.rasa-pro-main .rp-hero-stats > * > :first-child,
    html body main.rasa-pro-main .rp-stats strong,
    html body main.rasa-pro-main .rasa-stats strong,
    html body main.rasa-pro-main .hero-stats strong,
    html body main.rasa-pro-main .stats-grid strong,
    html body main.rasa-pro-main .rasa-counter-grid strong,
    html body main.rasa-pro-main .rp-hero-stats strong,
    html body main.rasa-pro-main .rp-stats b,
    html body main.rasa-pro-main .rasa-stats b,
    html body main.rasa-pro-main .hero-stats b,
    html body main.rasa-pro-main .stats-grid b,
    html body main.rasa-pro-main .rasa-counter-grid b,
    html body main.rasa-pro-main .rp-hero-stats b {
        font-size: 18px !important;
    }
}

@media (max-width: 768px) {
    
    html body main.rasa-pro-main section.rp-hero#top,
    html body main.rasa-pro-main .rp-hero#top,
    html body main.rasa-pro-main .rasa-hero-slider-section,
    html body main.rasa-pro-main section#top {
        position: relative !important;
        z-index: 2 !important;
        overflow: visible !important;
        margin-bottom: 0 !important;
        padding-bottom: 22px !important;
    }

    
    html body main.rasa-pro-main section:has(.rp-stats),
    html body main.rasa-pro-main section:has(.rasa-stats),
    html body main.rasa-pro-main section:has(.hero-stats),
    html body main.rasa-pro-main section:has(.stats-grid),
    html body main.rasa-pro-main section:has(.rasa-counter-grid),
    html body main.rasa-pro-main div:has(> .rp-stats),
    html body main.rasa-pro-main div:has(> .rasa-stats),
    html body main.rasa-pro-main div:has(> .hero-stats),
    html body main.rasa-pro-main div:has(> .stats-grid),
    html body main.rasa-pro-main div:has(> .rasa-counter-grid) {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        translate: none !important;
        z-index: 3 !important;
        clear: both !important;
        margin-top: 12px !important;
        margin-bottom: 22px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }

    
    html body main.rasa-pro-main .rp-stats,
    html body main.rasa-pro-main .rasa-stats,
    html body main.rasa-pro-main .hero-stats,
    html body main.rasa-pro-main .stats-grid,
    html body main.rasa-pro-main .rasa-counter-grid,
    html body main.rasa-pro-main .rp-hero-stats,
    html body main.rasa-pro-main [class~="stats"],
    html body main.rasa-pro-main [class~="counters"] {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        translate: none !important;
        float: none !important;
        z-index: 3 !important;
        clear: both !important;

        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 14px auto 24px !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    
    html body main.rasa-pro-main .rp-stats > *,
    html body main.rasa-pro-main .rasa-stats > *,
    html body main.rasa-pro-main .hero-stats > *,
    html body main.rasa-pro-main .stats-grid > *,
    html body main.rasa-pro-main .rasa-counter-grid > *,
    html body main.rasa-pro-main .rp-hero-stats > *,
    html body main.rasa-pro-main [class~="stats"] > *,
    html body main.rasa-pro-main [class~="counters"] > * {
        position: relative !important;
        transform: none !important;
        translate: none !important;
        top: auto !important;
        bottom: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    
    html body main.rasa-pro-main section#services,
    html body main.rasa-pro-main #services.rp-section,
    html body main.rasa-pro-main .services-section,
    html body main.rasa-pro-main .rp-services,
    html body main.rasa-pro-main section:has(.rp-service-slider) {
        position: relative !important;
        z-index: 1 !important;
        clear: both !important;
        margin-top: 18px !important;
        padding-top: 24px !important;
        overflow: visible !important;
    }

    
    html body main.rasa-pro-main .rp-stats:hover,
    html body main.rasa-pro-main .rasa-stats:hover,
    html body main.rasa-pro-main .hero-stats:hover,
    html body main.rasa-pro-main .stats-grid:hover,
    html body main.rasa-pro-main .rasa-counter-grid:hover,
    html body main.rasa-pro-main .rp-stats > *:hover,
    html body main.rasa-pro-main .rasa-stats > *:hover,
    html body main.rasa-pro-main .hero-stats > *:hover,
    html body main.rasa-pro-main .stats-grid > *:hover,
    html body main.rasa-pro-main .rasa-counter-grid > *:hover {
        transform: none !important;
        translate: none !important;
    }
}

@media (max-width: 430px) {
    html body main.rasa-pro-main .rp-stats,
    html body main.rasa-pro-main .rasa-stats,
    html body main.rasa-pro-main .hero-stats,
    html body main.rasa-pro-main .stats-grid,
    html body main.rasa-pro-main .rasa-counter-grid,
    html body main.rasa-pro-main .rp-hero-stats,
    html body main.rasa-pro-main [class~="stats"],
    html body main.rasa-pro-main [class~="counters"] {
        width: calc(100% - 18px) !important;
        max-width: calc(100% - 18px) !important;
        margin-top: 12px !important;
        margin-bottom: 22px !important;
        gap: 8px !important;
    }

    html body main.rasa-pro-main section#services,
    html body main.rasa-pro-main #services.rp-section,
    html body main.rasa-pro-main .services-section,
    html body main.rasa-pro-main .rp-services,
    html body main.rasa-pro-main section:has(.rp-service-slider) {
        margin-top: 14px !important;
        padding-top: 20px !important;
    }
}

@media (max-width: 768px) {
    html body main.rasa-pro-main .rasa-mobile-stats-holder {
        display: block !important;
        position: relative !important;
        z-index: 10 !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 26px !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        translate: none !important;
        float: none !important;
        clear: both !important;
        z-index: 10 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: unset !important;

        margin: 14px auto 0 !important;
        padding: 0 !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force > * {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        translate: none !important;
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 82px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 12px 9px !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force > * > * {
        max-width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force strong,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force b,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force > * > :first-child {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 5px !important;
        font-size: clamp(20px, 7vw, 29px) !important;
        line-height: 1.12 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        direction: ltr !important;
        unicode-bidi: plaintext !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force span,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force small,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force p {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        direction: rtl !important;
        unicode-bidi: plaintext !important;
    }

    html body main.rasa-pro-main section#services,
    html body main.rasa-pro-main #services.rp-section,
    html body main.rasa-pro-main section:has(.rp-service-slider) {
        clear: both !important;
        margin-top: 0 !important;
        padding-top: 20px !important;
        position: relative !important;
        z-index: 1 !important;
    }
}

@media (max-width: 430px) {
    html body main.rasa-pro-main .rasa-mobile-stats-holder {
        padding: 0 10px !important;
        margin-bottom: 24px !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force {
        gap: 8px !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force > * {
        min-height: 76px !important;
        padding: 10px 7px !important;
        border-radius: 16px !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force strong,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force b,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force > * > :first-child {
        font-size: clamp(18px, 7vw, 25px) !important;
    }

    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force span,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force small,
    html body main.rasa-pro-main .rasa-mobile-stats-holder .rasa-mobile-stats-force p {
        font-size: 10px !important;
    }
}